Il testo alternativo (alt) è una descrizione concisa che spiega perché un'immagine del sito è importante per il contesto di una pagina. Assicurandoti che tutte le immagini del sito abbiano un tag o un attributo alt, aiuti i motori di ricerca e gli utenti con disabilità visive a comprenderne il contenuto. Questo è fondamentale per l'accessibilità web e la SEO. Il testo alternativo rende il contenuto del sito accessibile a un pubblico più ampio, comprese le persone con disabilità cognitive e/o di apprendimento, migliorando al contempo il posizionamento del tuo sito nei motori di ricerca. Crea un testo alternativo (alt) pertinente per le immagini del tuo sito aggiungendolo e modificandolo manualmente oppure generandolo automaticamente con un solo clic, grazie all'Assistente AI.
Per ulteriori informazioni sulla generazione del testo alternativo con l'Assistente AI, consultare la sezione Testo alternativo in Sito web avanzato: Accessibilità.
Regole di base del testo alternativo
Di seguito sono riportate le regole di base per scrivere un buon testo alternativo.
- Aggiungi un testo alternativo (alt text) a tutte le immagini informative del sito. Quando un'immagine non ha un tag alt, un lettore di schermo potrebbe annunciare il nome o il percorso del file. Questo non comunica correttamente il contenuto dell'immagine.
- Il testo alternativo (alt text) deve essere breve e descrittivo. Un testo alternativo troppo lungo può compromettere l'esperienza utente per chi utilizza screen reader. Se l'immagine richiede una descrizione dettagliata, è consigliabile descriverla direttamente nel contenuto e fornire un testo alternativo più breve.
- Non includere "immagine di" o "foto di". I lettori di schermo leggono automaticamente come tali.
- Se l'immagine contiene del testo, includilo. Per le immagini con descrizioni lunghe, descrivile nel contenuto e fornisci un testo alternativo più breve.
Panoramica dell'immagine Testo alternativo nella panoramica del sito
La sezione "Testo alternativo delle immagini" nella panoramica del sito consente di gestire il testo alternativo di tutte le immagini del sito in un'unica area centralizzata (per informazioni su come accedervi, consultare la sezione "Come accedere alla panoramica del testo alternativo" riportata di seguito).
Per visualizzare quante immagini non hanno il testo alternativo, accedi alla panoramica del testo alternativo e visualizza il totale accanto al titolo "Immagini del sito". Quando tutte le immagini sono configurate, viene visualizzato il messaggio "Tutte le immagini sono configurate" e la sezione "Testo alternativo mancante" risulta vuota.
Il testo alternativo delle immagini include due visualizzazioni: "Testo alternativo mancante" e "Tutte le immagini".
- Nella visualizzazione "Testo alternativo mancante", che è anche la visualizzazione predefinita, la tabella mostra le immagini senza testo alternativo.
- Nella sezione 'Tutte le immagini', la tabella visualizza tutte le immagini con e senza testo alternativo.
Entrambe le visualizzazioni contengono una tabella, e il nome e la posizione di un'immagine sono disponibili sotto ogni scheda immagine.
Nota:
Se il tuo sito è multilingue, utilizza il menu a tendina per selezionare una lingua. Se il testo della lingua è in grassetto e accanto al nome è presente un punto, significa che sul sito sono presenti immagini in quella lingua senza testo alternativo.
Come accedere alla panoramica del testo Alt
Per accedere alla panoramica del testo alternativo:
- Dalla dashboard, individua il sito nell'elenco. Passa il mouse sopra il sito e fai clic sull'icona Panoramica accanto ad esso.
- Nel pannello laterale della panoramica del sito, fai clic su SEO e poi su Testo alternativo delle immagini . Il numero totale di immagini a cui manca il testo alternativo si trova vicino al titolo "Immagini del sito".
- (Facoltativo) Se il tuo sito è multilingue, fai clic sul menu a tendina e seleziona una lingua.
Come creare il testo alternativo per le immagini
Per creare il testo alternativo per le tue immagini:
- Dalla dashboard, individua il sito nell'elenco. Passa il mouse sopra il sito e fai clic sull'icona Panoramica accanto ad esso.
- Nel pannello laterale della panoramica del sito, fai clic su SEO e poi su Testo alternativo delle immagini . Il numero totale di immagini a cui manca il testo alternativo si trova vicino al titolo "Immagini del sito".
- (Facoltativo) Se il tuo sito è multilingue, fai clic sul menu a tendina e seleziona una lingua.
- Scegli se aggiungere il testo alternativo in blocco a più immagini del sito o a singole immagini.
- Per generare testo alternativo in blocco:
- Fai clic sul pulsante Genera testo alternativo in blocco e seleziona una delle due opzioni di generazione del testo alternativo: genera il testo alternativo per tutte le immagini del sito oppure genera il testo alternativo per le immagini del sito che non ne sono provviste.
- Segui le istruzioni della procedura guidata. Puoi ignorare, accettare o modificare i suggerimenti.
- Per generare il testo alternativo per le singole immagini:
- Fai clic sul campo del testo alternativo sotto l'immagine a cui desideri aggiungere un testo alternativo.
- Aggiungi manualmente il testo alternativo oppure fai clic sul pulsante AI Sparkle per la generazione automatica nella lingua corrente del sito. Fai clic all'esterno del campo del testo alternativo per confermare le modifiche. L'immagine e il testo alternativo verranno rimossi dalla visualizzazione "Testo alternativo mancante" e saranno disponibili nella visualizzazione "Tutte le immagini".
- Per generare testo alternativo in blocco:
- Crea il testo alternativo per tutte le immagini del tuo sito e riceverai un messaggio di conferma nella sezione "Testo alternativo mancante".
Come modificare il testo Alt
Per modificare il testo alternativo delle immagini del tuo sito:
- Dalla dashboard, individua il sito nell'elenco. Passa il mouse sopra il sito e fai clic sull'icona Panoramica accanto ad esso.
- Nel pannello laterale della panoramica del sito, fai clic su SEO e poi su Testo alternativo delle immagini. Il numero totale di immagini a cui manca il testo alternativo si trova vicino al titolo "Immagini del sito".
- (Facoltativo) Se il tuo sito è multilingue, fai clic sul menu a tendina e seleziona una lingua.
- Seleziona la visualizzazione "Tutte le immagini".
- Fai clic sul campo di testo alternativo che desideri riattivare e apporta le modifiche. Fai clic all'esterno del campo di testo alternativo corrente per confermare le modifiche.
Nota:
- Si consiglia di utilizzare un massimo di 125 caratteri per il testo alternativo. Il contatore dei caratteri cambierà colore quando si supera questo limite.
- Le immagini di sfondo non necessitano di testo alternativo perché, quando il codice sorgente della pagina viene scansionato o indicizzato da un motore di ricerca, il design dello sfondo non viene registrato come contenuto.
Altre funzionalità in arrivo a breve
Stiamo investendo attivamente per rendere i siti sviluppati con la piattaforma più accessibili.