Che cos'è il testo alternativo?
Il testo alternativo (alt text) - noto anche come "alt description" o "alt attribute" - è la descrizione scritta delle immagini nelle pagine HTML. Il suo scopo principale è quello di migliorare l'accessibilità per le persone che non possono vedere le immagini.
Spesso si sente parlare di "tag alt", ma tecnicamente non è corretto. Il testo alt è un attributo contenuto nel tag HTML.
Come viene implementato il testo Alt
L'attributo alt inizia con alt= seguito dal testo alt tra virgolette. In genere si presenta come segue:
<img src="image.jpg" alt="Testo alt dell'immagine" title="Titolo dell'immagine"/>.Perché il testo Alt è importante?
Accessibilità
L'aggiunta del testo alt alle immagini serve soprattutto a migliorare l'accessibilità del web. Milioni di utenti ipovedenti si affidano agli screen reader per consumare i contenuti online. Per loro, avere un testo equivalente alle informazioni visualizzate è fondamentale. Senza testo alt, i lettori di schermo non possono trasmettere il contenuto dell'immagine, danneggiando l'esperienza dell'utente.
Vantaggi SEO
Anche il testo alt ha un ruolo nella SEO. Sebbene gli attributi alt non siano visibili agli utenti, possono essere letti dai motori di ricerca e dagli screen reader. Il testo aiuta i motori di ricerca a comprendere il contenuto dell'immagine. Questo aggiunge un significato semantico all'immagine, migliorando la rilevanza topica della pagina agli occhi di Google e aiutandola potenzialmente a posizionarsi più in alto.
Inoltre, il testo alt può migliorare le possibilità di posizionamento in Google Immagini, fornendo un'ulteriore fonte di traffico per il vostro sito web. Quando le immagini vengono utilizzate come link, il testo alt funge da testo di ancoraggio, aiutando Google a comprendere il contenuto della pagina collegata.
Migliori pratiche per il testo alt
L'aggiunta di testo alt alle immagini è un modo semplice per rendere le vostre pagine più accessibili e sostenere i vostri sforzi SEO. Ecco alcune buone pratiche da tenere a mente:
1. Controllate il vostro sito web per verificare la presenza di testi Alt mancanti
Iniziate a verificare la presenza di testi alt mancanti. Utilizzate uno strumento online in grado di effettuare il crawling del vostro sito per trovare le immagini con testi alt mancanti o vuoti. Strumenti come Google Search Console e vari strumenti di verifica SEO possono aiutare in questo compito.
Non tutte le immagini hanno bisogno del testo alt. Le immagini decorative possono essere lasciate senza testo alt, poiché non forniscono contenuti significativi e possono essere ignorate dagli screen reader. Concentratevi sulle pagine più visitate che generano molto traffico organico.
2. Evitare il riempimento di parole chiave
Sebbene il testo alt possa includere parole chiave pertinenti per migliorare la SEO, è fondamentale utilizzare un testo informativo e di valore che sia in linea con il contenuto della pagina. Evitate di riempire le pagine di parole chiave, perché questa pratica è scoraggiata da Google e può essere considerata non etica e inefficace.
Utilizzate le parole chiave con parsimonia e solo quando si inseriscono naturalmente nella descrizione.
3. Mantenere il testo sotto i 100 caratteri
Il testo alternativo consiste in genere in una singola parola o in una breve frase. Il Functionality Accessibility Evaluator suggerisce che i testi alt non dovrebbero superare i 100 caratteri. In questo modo si ha abbastanza spazio per ottimizzare il testo alt, ma si evita di scrivere descrizioni prolisse che potrebbero essere tagliate dagli strumenti di lettura dello schermo.
Esempio
Ecco un esempio di testo alt ben scritto per un'immagine di un golden retriever che gioca a recuperare in un parco:
<img src="golden-retriever.jpg" alt="Golden retriever che gioca a recuperare in un parco assolato" title="Golden Retriever"/>Seguendo queste best practice, potrete rendere il vostro sito web più accessibile a tutti gli utenti e sostenere la vostra strategia SEO complessiva.
Per ulteriori informazioni sull'accessibilità del web e sulle migliori pratiche SEO, consultare fonti autorevoli come le Linee guida per l'accessibilità dei contenuti web (WCAG) e la SEO Starter Guide di Google.
