Cos'è Alt
Alt (abbreviazione di alternative) è un attributo del tag img che fornisce una descrizione testuale dell'immagine. Compare in tre casi: quando l'immagine non si carica, quando l'utente usa un lettore di schermo (per le persone cieche) e quando un bot di ricerca analizza la pagina. Esempio di codice HTML:
html
<img src="product.jpg" alt="Red Nike Air Max sneakers on a white background">Perché Alt conta per la SEO
I bot di ricerca non «vedono» le immagini. Per loro un'immagine è solo un percorso di file e qualche byte di metadati. L'attributo alt è l'unico modo per comunicare al bot il significato dell'immagine. Ecco cosa offre alla SEO:
- Aiuta il posizionamento in Google Immagini: con un alt corretto, l'immagine può comparire su query pertinenti.
- Aumenta la pertinenza della pagina: se l'alt contiene keyword, è un segnale aggiuntivo per la ricerca web.
- Migliora l'accessibilità: i siti con alt corretto si guadagnano la fiducia degli utenti e possono avere un vantaggio nei segnali comportamentali.
- Contesto per i link interni: un'immagine linkata con alt può trasferire valore dei link.
Google dichiara che alt non incide direttamente sul posizionamento nella ricerca web, ma attraverso la qualità complessiva della pagina e i segnali comportamentali l'impatto si nota, soprattutto per query commerciali e informative legate alle immagini.
Come scrivere un alt corretto
Regola principale: l'alt deve descrivere l'immagine in modo accurato e conciso. Alcuni principi:
- Sii specifico: invece di «scarpe», scrivi «scarpe da running blu Asics Gel-Kayano 30».
- Non fare spam di keyword: «compra scarpe economiche scarpe milano» è una violazione.
- Considera il contesto della pagina: se l'immagine è decorativa, usa alt="".
- Lunghezza: 50–120 caratteri di solito bastano per restare naturale.
- Evita formule come «immagine di» o «foto di»: i lettori di schermo già annunciano che è un elemento grafico.
Esempi di alt buoni e cattivi
Prendi la stessa immagine: un laptop Dell XPS 13 su un tavolo. Varianti di alt:
txt
❌ Bad: 'laptop' (too generic)
❌ Bad: 'buy dell xps 13 laptop cheap laptop moscow' (spam)
✅ Good: 'Silver Dell XPS 13 on a wooden table'
✅ Great: 'Dell XPS 13 laptop with lid open, coffee and notebook nearby — programmer's workspace'Best practice
- Aggiungi sempre alt alle immagini significative (prodotti, grafici, foto del blog).
- Per le immagini decorative (sfondi, icone senza significato) usa alt="" e, se serve, il role presentation.
- Usa la stessa descrizione del title dell'immagine al passaggio del mouse, ma non copiare alla cieca: il title è di solito più lungo e creativo.
- Testa il sito con un lettore di schermo (VoiceOver, NVDA): la descrizione si sente?
- Evita alt identici per immagini diverse sulla stessa pagina: riduce l'informatività.
Non usare alt per trasmettere istruzioni legali o critiche. Se l'azione non si capisce senza l'immagine, duplica il testo nel contenuto normale.
FAQ
Posso lasciare l'alt vuoto?
Sì, per le immagini decorative. Un alt="" vuoto dice ai lettori di schermo di saltare l'immagine, ed è corretto. Ma non omettere mai l'attributo: la validazione fallirebbe.
Quanto spesso ripetere le keyword nell'alt?
Non ripeterle. Descrivi l'immagine in modo naturale. Se una keyword ci sta, usala, ma non più di una o due volte per pagina su immagini diverse.
Alt incide sul posizionamento negli snippet video?
Indirettamente. I video usano un'immagine poster: l'alt di quell'immagine può aiutare, ma non c'è un legame diretto. Meglio ottimizzare il video a parte.
E per immagini molto complesse (grafici, diagrammi)?
Per dati complessi l'alt da solo non basta. Usa longdesc o, meglio, duplica le informazioni come testo in pagina accanto all'immagine.
Google considera l'alt per le immagini di sfondo CSS?
No. Le immagini di sfondo CSS non hanno alt e non vengono indicizzate come le immagini normali. Per le immagini critiche per la SEO usa sempre il tag img con alt.