Inoltre scegliere le immagini giuste e preparandoli adeguatamente per il web, scrivere un ottimo testo alternativo è un compito cruciale che non dovresti mai trascurare. Ecco alcuni suggerimenti per scrivere un testo alternativo efficace per le immagini del tuo sito web.
Ripeti il testo nell'immagine
Se un'immagine contiene del testo, quel testo dovrebbe essere il testo alternativo. Puoi aggiungere altre parole, ma il testo alternativo dovrebbe dire la stessa cosa dell'immagine. Ad esempio, un logo per Acme Widgets che presenta le parole effettive dovrebbe avere un testo alternativo che includa tali parole.
Tieni presente che immagini come i loghi possono implicare testo, come ad esempio la pallina rossa nel logo Dotdash. È un punto, quindi il cervello legge e ricorda "punto trattino". Il testo alternativo per quell'icona potrebbe essere "Dotdash.com", non solo "logo della compagnia."
Mantieni il testo breve
Più lungo è il testo alternativo, più difficile sarà leggerlo per i browser di testo. Può essere allettante scrivere lunghe frasi di testo alternativo (una pratica comune di riempimento delle parole chiave che può incorrere in penalità SEO), ma mantenere i tag alt corti mantiene le pagine più piccole. Le pagine più piccole si scaricano più velocemente. Il punto debole è tra le cinque e le 15 parole.
Utilizzo delle parole chiave SEO nei tag alt
Lo scopo principale del tag alt non è aumentare il valore SEO, ma visualizzare un testo intelligente che spieghi cos'è l'immagine. Il testo informativo e pertinente per il tuo tag alt, tuttavia, ha un effetto positivo sul valore SEO.
Detto questo, usare le tue parole chiave nel testo alternativo è una buona pratica purché siano pertinenti. È improbabile che i motori di ricerca ti penalizzino per aver inserito le parole chiave se il contenuto che aggiungi ha senso. Ricorda solo che la tua prima priorità è per i tuoi lettori. I motori di ricerca rilevano spamming con parole chiave facilmente e i motori di ricerca cambiano frequentemente le loro regole per contrastare gli spammer.
In genere, non utilizzare più di una parola chiave nel testo alternativo.
Mantieni il tuo testo significativo
Ricorda che lo scopo del testo alternativo è definire le immagini per i tuoi lettori. Molti sviluppatori web utilizzano il testo alternativo per se stessi e includono informazioni come la dimensione dell'immagine, i nomi dei file e così via. Questo potrebbe essere utile per te, ma non fa nulla per i tuoi lettori, che sono la priorità in qualsiasi web design.
Usa testo alternativo vuoto solo per icone ed elenchi puntati
Utilizzerai periodicamente immagini prive di testo descrittivo utile, come punti elenco e icone semplici. Il modo migliore per usare queste immagini è nei CSS, dove non hai bisogno di testo alternativo. Ma se devi assolutamente averli nel tuo HTML, usa un attributo alt vuoto invece di lasciarlo completamente fuori.
Potrebbe essere allettante usare un carattere come un asterisco per rappresentare un proiettile, ma questo può creare più confusione che lasciarlo semplicemente vuoto. L'uso del testo "proiettile" renderebbe ancora più strano in un browser di testo.
Perché il testo alternativo è così importante, comunque?
I browser di testo e altri agenti utente Web che non possono visualizzare le immagini utilizzano il testo alternativo per "leggere" le immagini. Questo realizza diverse cose:
- ti fa pagine web accessibile alle persone che utilizzano uno screen reader o un altro dispositivo assistito.
- Se un'immagine non viene caricata, il testo alternativo consente allo spettatore di sapere cosa dovrebbe esserci.
- I motori di ricerca non possono "vedere" le immagini, ma possono e utilizzano il testo alternativo dello spider, quindi includere il testo alternativo aiuta il valore SEO della tua pagina.