Cos’è l’ALT text
L’ALT text (o testo alternativo) è un attributo HTML che si aggiunge alle immagini per descrivere cosa rappresentano. Non è visibile sulla pagina, ma viene usato dai motori di ricerca per capire il contenuto di un’immagine e dagli screen reader per leggerla ad alta voce a chi ha difficoltà visive.
Nel codice HTML si presenta così:
html
<img src="scarpe-calcio.jpg" alt="scarpe da calcio con tacchetti in ferro">La parte tra virgolette dopo alt= è il testo alternativo: in questo caso “scarpe da calcio con tacchetti in ferro”. Chiaro, descrittivo, utile sia per Google che per chi non riesce a vedere l’immagine.
A cosa serve l’ALT text
L’ALT text ha due funzioni principali, entrambe importanti.
- Accessibilità: Chi utilizza uno screen reader, strumento che legge il contenuto della pagina ad alta voce, non può vedere le immagini. Il testo alternativo è ciò che viene letto al posto dell’immagine. Senza di esso, lo screen reader legge il nome del file (
scarpe-calcio-233.jpg), che nella maggior parte dei casi non dice nulla di utile. Questo tema è approfondito nel nostro articolo sull’accessibilità dei siti web. - SEO: I motori di ricerca non “vedono” le immagini come le vede un essere umano: le interpretano attraverso il testo che le circonda e, appunto, l’ALT text. Un’immagine senza testo alternativo è praticamente invisibile per Google. Con un ALT text ben scritto, invece, l’immagine può posizionarsi nella ricerca immagini di Google e contribuisce alla rilevanza semantica della pagina. Se stai lavorando sull’ottimizzazione SEO del tuo sito, le immagini sono un aspetto che non va trascurato.
Come scrivere un ALT text corretto
Scrivere un buon ALT text non è complicato, ma ci sono alcune regole da seguire.
- Descrivi l’immagine, non il contorno. Non c’è bisogno di iniziare con “immagine di” o “foto di”: gli screen reader lo segnalano già in automatico. Vai diretto al contenuto visivo.
- Sii conciso e preciso. Una frase breve, al massimo due. L’ALT text non è una didascalia lunga, è una descrizione funzionale. Per immagini complesse come grafici o infografiche, affianca una spiegazione più dettagliata nel testo della pagina.
- Pensa al contesto. L’ALT text ideale è quello che daresti a qualcuno che non può vedere l’immagine ma ha bisogno di capirne il significato nel contesto della pagina in cui si trova.
- Usa le keyword in modo naturale. Le parole chiave nell’ALT text aiutano la SEO, ma solo se entrano in modo organico nella descrizione. Keyword stuffing nell’ALT text è una pratica che Google penalizza.
- Quando lasciarlo vuoto. Per immagini puramente decorative, sfondi, separatori grafici, icone estetiche, l’ALT text può essere lasciato vuoto (
alt=""). Questo segnala allo screen reader di saltare l’immagine, evitando di interrompere la lettura con informazioni inutili.
ALT text: riepilogo rapido
| Aspetto | Dettaglio |
|---|---|
| Cos’è | Attributo HTML che descrive il contenuto di un’immagine |
| Dove si trova | Nel codice dell’immagine: alt="descrizione" |
| A cosa serve | Accessibilità per screen reader + comprensione SEO delle immagini |
| Lunghezza ideale | Una frase breve, descrittiva e contestuale |
| Keyword | Sì, ma solo se entrano in modo naturale nella descrizione |
| Quando lasciarlo vuoto | Per immagini decorative che non aggiungono informazioni utili |
| Errore più comune | Lasciarlo vuoto su immagini di contenuto, o riempirlo di keyword |
Domande frequenti sull’ALT text
L’ALT text è un fattore di ranking diretto? Non è tra i fattori di ranking più forti, ma contribuisce alla rilevanza semantica della pagina e al posizionamento nella ricerca immagini di Google. In un’ottica di ottimizzazione complessiva, curare l’ALT text di tutte le immagini del sito è una buona pratica che nel tempo fa la differenza.
Cosa succede se non metto l’ALT text? I motori di ricerca non riescono a interpretare l’immagine e la ignorano ai fini del posizionamento. Gli screen reader leggono il nome del file, che nella maggior parte dei casi è incomprensibile. In entrambi i casi, un’occasione sprecata.
L’ALT text e il titolo dell’immagine sono la stessa cosa? No. L’ALT text (alt="") è la descrizione funzionale dell’immagine, fondamentale per accessibilità e SEO. Il titolo (title="") è un testo opzionale che appare come tooltip al passaggio del mouse. Hanno scopi diversi e non vanno confusi.
Chi dovrebbe occuparsi dell’ALT text? Chiunque carichi immagini su un sito ha la responsabilità di compilare il testo alternativo. Su WordPress il campo ALT text è disponibile direttamente nella libreria media. Se gestisci un sito web aziendale con molte immagini, vale la pena stabilire un protocollo interno per non lasciare immagini senza descrizione.
