Sito web avanzato: visualizza il testo alternativo di tutte le immagini

Il testo alternativo (alt) è una descrizione concisa che spiega perché un'immagine è importante per il contesto di una pagina. L'aggiunta di tag alt aiuta i motori di ricerca e gli utenti con disabilità visive a comprendere il contenuto. Ciò migliora l'accessibilità web, la SEO e l'esperienza per gli utenti con disabilità cognitive o di apprendimento.

Crea testi alternativi pertinenti per le immagini del sito aggiungendoli manualmente o generandoli automaticamente con l'assistente AI.

Ulteriori informazioni sull'accessibilità.

Migliori pratiche per il testo alternativo

Segui queste linee guida per scrivere un testo alternativo efficace:

• Aggiungi un testo alternativo a tutte le immagini informative: senza un tag alt, i lettori di schermo potrebbero annunciare il nome del file, il che non comunica lo scopo dell'immagine.

• Sii conciso e descrittivo: un testo alternativo troppo lungo crea una pessima esperienza per gli utenti di screen reader. Se un'immagine richiede una descrizione lunga, spiegala nel contenuto della pagina e fornisci un testo alternativo breve.

  Si consiglia di utilizzare un massimo di 125 caratteri per il testo alternativo. Il contatore dei caratteri cambierà colore quando si supera questo limite.

• Evita "immagine di" o "foto di": i lettori di schermo identificano automaticamente le immagini come tali.
• Includi il testo dell'immagine: se un'immagine contiene del testo, includilo nel tag alt.
• Ignora le immagini di sfondo: le immagini di sfondo non richiedono un testo alternativo perché non vengono registrate come contenuto dai motori di ricerca o dai lettori di schermo.

Comprensione del testo alternativo dell'immagine - panoramica del sito

La sezione "Testo alternativo delle immagini" consente di gestire il testo alternativo di tutte le immagini del sito in un unico posto. È possibile accedervi tramite la scheda del menu SEO/AEO nella dashboard del sito:

1. Nel menu di navigazione laterale, fai clic e seleziona Dashboard del sito.
2. Nel menu di navigazione panoramica del sito, fai clic su SEO/AEO e seleziona Testo alternativo dell'immagine.

Il numero totale di immagini a cui manca il testo alternativo viene visualizzato accanto al titolo "Immagini del sito". Quando tutte le immagini sono configurate, la vista "Testo alternativo mancante" sarà vuota e visualizzerà "Tutte le immagini sono configurate".

È possibile passare da una scheda all'altra:

• Testo alternativo mancante: visualizza solo le immagini senza testo alternativo. Questa è la visualizzazione predefinita.
• Tutte le immagini: mostra tutte le immagini del sito.
• Da correggere: visualizza le immagini con problemi relativi ai tag di testo alternativo.

Crea testo alternativo per le immagini

Segui i passaggi seguenti per individuare lo strumento di gestione del testo alternativo.

1. Nel menu di navigazione laterale, fai clic e seleziona Dashboard del sito.
2. Nel menu di navigazione panoramica del sito, fai clic su SEO/AEO e seleziona Testo alternativo dell'immagine.
3. Facoltativo: se il tuo sito è multilingue, fai clic sul menu a tendina e seleziona una lingua.
   • Per generare testo alternativo in blocco:
     1. Fai clic su Genera testo alternativo.
     2. Per generare il testo alternativo per le immagini che attualmente ne sono sprovviste, seleziona Genera solo il testo alternativo mancante.
     3. Per generare il testo alternativo per tutte le immagini del sito, seleziona Genera testo alternativo per tutte le immagini.
     4. Rivedi i suggerimenti forniti. Viene visualizzato un errore per le immagini a cui non è stato assegnato un testo alternativo. Inserisci manualmente una breve descrizione nel campo apposito.
     5. Fai clic su Salva per salvare le modifiche oppure su Annulla per annullarle
   • Per generare il testo alternativo per le singole immagini:
     1. Individua l'immagine e inserisci manualmente una breve descrizione nel campo apposito.

     2. Fai clic nell'angolo del campo di input per ottenere il testo alternativo generato dall'IA.

        

     3. Fai clic all'esterno del campo del testo alternativo per confermare le modifiche. L'immagine e il testo alternativo verranno spostati nella visualizzazione "Tutte le immagini".

Modifica il testo alternativo esistente

Segui i passaggi seguenti per aggiornare il testo alternativo già salvato.

1. Seleziona la scheda "Tutte le immagini".
2. Fai clic sul campo del testo alternativo dell'immagine corrispondente e apporta le modifiche.
3. Fai clic nell'angolo del campo di input per ottenere il testo alternativo generato dall'IA.
4. Fai clic all'esterno del campo di testo alternativo corrente per confermare le modifiche.