Scrivere testi alt che funzionano — per gli screen reader e per la SEO
5 giugno 2026
Risposta breve. Un buon testo alt descrive in poche parole cosa mostra un'immagine e
perché c'è. Questo rende le tue foto prodotto leggibili per chi usa uno screen reader — e
aiuta Google e l'IA a capire le tue immagini. Una piccola frase, doppio vantaggio. Le
immagini decorative ricevono un alt vuoto (alt=""); quelle informative una descrizione
breve e concreta.
Cos'è davvero un testo alt?
Il testo alt (l'attributo alt) è la descrizione testuale di un'immagine nel tuo HTML.
Uno screen reader lo legge ad alta voce quando un visitatore cieco o ipovedente passa
sull'immagine. Se non c'è il testo alt, quel visitatore sente solo "immagine" — o peggio,
un nome file illeggibile come IMG_48392_final.jpg. Davanti a una foto prodotto, un
cliente così abbandona subito, spesso proprio al checkout.
Come si scrive un buon testo alt?
Tre semplici regole, e sei a posto:
- Descrivi il prodotto, non l'atmosfera. Inizia con la descrizione fattuale e ometti "foto di…" o "immagine di…" — lo screen reader annuncia già l'immagine.
- Distingui informativo da decorativo. Una foto prodotto, un grafico o un banner
ricevono una breve descrizione. Una linea decorativa o una forma di sfondo ricevono un
alt vuoto (
alt=""), così che lo screen reader la salti — più tranquillo per l'utente. - Non riempire di parole chiave. Scrivi per le persone; i motori di ricerca nel 2026 riconoscono i testi alt zeppi di keyword come spam e li penalizzano. Il linguaggio naturale vince, sia per il visitatore sia per l'algoritmo.
Da debole a forte, con una borsa da donna in pelle come esempio:
- Pessimo:
alt="bella borsa"— soggettivo e vago. - Mediocre:
alt="immagine di una borsa"— il superfluo "immagine di", nessun dettaglio. - Buono:
alt="Borsa da donna in pelle marrone con tracolla regolabile"— concreto e utile.
Un esempio pratico: un sacco di cibo per cani
| Testo alt | Cosa sperimentano il cliente e Google |
|---|---|
| Nessun alt | Lo screen reader legge il nome del file; Google perde il contesto. |
alt="prodotto" | Troppo vago — il cliente ancora non sa cos'è. |
alt="Sacco di crocchette per cani adulti, 12 kg, al pollo" | Il cliente non vedente sa esattamente cosa compra; Google indicizza correttamente la pagina. |
Dove inserisci i testi alt nel tuo e-commerce?
Nella maggior parte delle piattaforme non serve mettere mano al codice; c'è un campo integrato:
- Shopify: prodotto → media → "modifica testo alt".
- WooCommerce / WordPress: Media → clicca sull'immagine → campo "Testo alternativo".
Consiglio sulle priorità: non iniziare da tutte le tue migliaia di pagine prodotto. Affronta prima i banner della homepage, le icone di navigazione e i tuoi 10 prodotti più venduti — è lì che l'impatto sulla conversione è maggiore. Questo è del resto uno dei 10 errori di accessibilità più comuni, quindi è molto probabile che qui tu abbia qualcosa da guadagnare.
I tuoi prodotti compaiono anche nei risultati di ricerca IA?
Sì — ed è il bonus. Poiché Google e i motori IA (come ChatGPT e Perplexity) non possono "vedere" le immagini, si affidano completamente al testo intorno. Se un consumatore chiede a un motore IA "qual è il miglior cibo secco al pollo per il mio cane?", questo cerca fonti che descrivano il prodotto in modo fattuale. Buoni testi alt aumentano quindi le tue probabilità di comparire nei risultati di ricerca per immagini e nelle risposte dell'IA. È lo stesso principio di accessibilità = SEO: stessa correzione, doppio vantaggio.
Vedi dove mancano i testi alt
Vuoi sapere quali immagini sul tuo sito non hanno ancora un testo alt? Scansiona gratis una pagina. Vedrai, per ogni rilievo, quali immagini mancano e come risolverlo — in meno di 60 secondi, senza account.