Che cos'è un testo alt e perché è importante?
Un testo alt, per esteso testo alternativo o alt text, è la breve descrizione associata a un’immagine nel codice del tuo e-commerce. Di solito i visitatori non la vedono, ma uno screen reader la legge a chi vede poco o non vede. Se un’immagine non si carica, il testo alt appare al posto dell’immagine.
Inoltre, i motori di ricerca usano l'alt text per capire cosa c'è in una foto. Google indica l'alt text, insieme al testo intorno all'immagine e al nome file, come una fonte importante per Google Immagini. Nella moda, dove molte persone cercano per immagini, è un canale di visibilità spesso trascurato.
Nella pratica, in molti e-commerce non c'è nulla, oppure compare il nome file o un codice articolo come 4073AS252-BLK-M. A un cliente che usa uno screen reader non dice niente, e dice poco anche a Google. Una frase descrittiva per ogni immagine risolve entrambi i problemi.
Ecco com’è un buon testo alt per una foto prodotto
Descrivi ciò che vedrebbe chi non può vedere la foto e ciò che deve sapere per scegliere. In una foto prodotto significa indicare il brand, il tipo di prodotto, il colore ed eventualmente il materiale o un dettaglio distintivo. Se ci sono più immagini dello stesso prodotto, distinguili con la vista: fronte, retro, dettaglio o indossato dal modello.
Sii conciso. Gli screen reader leggono tutto il testo e la linea guida più usata è un massimo di circa 125 caratteri. Non iniziare con immagine di o foto di, perché uno screen reader segnala già che si tratta di un'immagine. Evita elenchi di keyword: Google li considera spam e chi usa uno screen reader abbandona la lettura.
Le immagini puramente decorative, come una linea ornamentale o un motivo di sfondo, ricevono un testo alt vuoto, così lo screen reader le salta. Le foto prodotto non sono mai decorative: devono sempre avere una descrizione.
- Brand e nome del prodotto, così come il cliente li vede nell'e-commerce
- Tipo di prodotto e target, come giacca donna o chino uomo
- Colore in parole semplici, non il codice colore del fornitore
- Vista: fronte, retro, lato, dettaglio o indossato da un modello
- Eventualmente un dettaglio evidente, come bottoni ad ancora o una cintura
Esempi per la moda: corretto e sbagliato
Spesso la differenza sta in poche parole. Qui sotto trovi errori comuni accanto a una versione migliore, per lo stesso tipo di immagini prodotto di questa pagina. Nota che le versioni corrette non ripetono le keyword, ma contengono comunque tutto ciò che una persona cerca.
| Immagine | Errore | Meglio |
|---|---|---|
| Packshot di una giacca | IMG_4021.jpg | Peacoat in lana blu scuro doppiopetto con bottoni color oro, fronte |
| Foto con modello | Bella donna con giacca | Cappotto lungo in lana color crema con cintura su modello, indossato con pantaloni marroni |
| Retro | Cappotto crema cappotto cappotto in lana donna cappotto cappotto invernale sale | Cappotto lungo in lana color crema con cintura, retro su modello |
| Dettaglio | Immagine di un dettaglio | Primo piano dei bottoni ad ancora color oro su un peacoat blu scuro |
| Immagine del fornitore | 4073AS252-NVY-M | Nome brand peacoat da donna blu navy, fronte |
| Immagine ambientata | Vuoto | Donna con cappotto color cammello in bicicletta lungo un canale |
SEO: testo alt, nome file e dati strutturati
L'alt text funziona meglio insieme a un nome file chiaro. Google consiglia di usare nomi file descrittivi invece di nomi generati dalla fotocamera come IMG_4021.jpg. Un nome come peacoat-dames-navy-voorkant.jpg, o la tua struttura fissa con codice articolo, colore e numero progressivo, aiuta i motori di ricerca e il tuo team. Usa trattini e lettere minuscole, senza spazi.
Ci sono poi gli structured data, detti anche markup schema.org. Con il tipo Product comunichi ai motori di ricerca, in un formato standard, nome prodotto, prezzo, disponibilità e immagini del prodotto. La maggior parte delle piattaforme e dei temi per e-commerce genera automaticamente questo markup a partire dalle immagini e dai dati prodotto. Verifica con il test dei rich results di Google che le tue immagini siano incluse.
Infine conta il contesto. Un testo alt coerente con il titolo del prodotto, la descrizione e i titoli della pagina rafforza l’insieme. Un testo alt che dice qualcosa di diverso dal titolo, per esempio un altro nome colore, crea invece confusione per il cliente e per il motore di ricerca.
Accessibilità ed European Accessibility Act
Dal 28 giugno 2025 nell’UE si applica l’European Accessibility Act. Nei Paesi Bassi, da allora l’ACM vigila sull’accessibilità digitale degli e-commerce: siti web e app in cui acquisti prodotti o servizi. Secondo l’ACM, le regole valgono per le aziende con 10 o più dipendenti e/o un fatturato annuo superiore a 2 milioni di euro.
Come riferimento tecnico, nella pratica si usa la norma europea EN 301 549, allineata alle linee guida internazionali WCAG 2.1 di livello AA. Uno dei primi requisiti è che ogni immagine informativa abbia un’alternativa testuale. Le foto prodotto senza testo alternativo quindi non sono un dettaglio: sono uno dei problemi più frequenti.
I testi alternativi sono solo una parte. Servono anche un processo d’ordine utilizzabile con la tastiera, un contrasto cromatico sufficiente e moduli chiari. Se hai dubbi sul fatto che la legge si applichi al tuo e-commerce o su cosa devi fare esattamente, consulta il sito dell’ACM o rivolgiti a uno specialista di accessibilità; questo articolo non è una consulenza legale.
Anche se la legge non si applica a te: un e-commerce utilizzabile con uno screen reader vende a più clienti.
Quando i testi alt automatici non bastano
I testi alternativi generati dai dati articolo sono affidabili e coerenti, ma descrivono ciò che è presente nei dati, non l’atmosfera di un’immagine di campagna. Per alcune hero image sulla tua homepage o in un lookbook, spesso è meglio una descrizione scritta a mano. In quei casi vuoi raccontare cosa sta succedendo, non solo di quale prodotto si tratta.
Vale anche il principio: dati scadenti in entrata, risultati scadenti in uscita. Se nel tuo sistema di cassa il colore è indicato come BLK o 999, oppure il nome del prodotto è un codice interno, il testo alt non migliorerà. Se hai solo venti prodotti, fai prima a scrivere tu i testi alt nel pannello di gestione del tuo e-commerce che a configurare un sistema apposito.
Come Photopilot scrive i testi alt
Quando pubblichi su Shopify, WooCommerce e BigCommerce, Photopilot aggiunge a ogni immagine un testo alt descrittivo basato sul nome del prodotto, sul brand e sul colore. Se il brand o il colore sono già presenti nel nome del prodotto, non vengono ripetuti. Solo quando il nome del prodotto non è disponibile, Photopilot usa il numero articolo, così un’immagine non resta mai senza testo.
Nel Webshop-Excel e negli export su file, ogni immagine riceve un testo alt dedicato che aggiunge la vista, come fronte, retro o indossato da un modello, insieme al target e al tipo di prodotto, nel formato brand e nome, giacca da donna navy, fronte su modello. Il testo resta sotto i 125 caratteri e le maiuscole degli elenchi dei fornitori vengono normalizzate.
Questi testi provengono direttamente dai tuoi dati articolo e non da un modello linguistico: gli stessi dati producono quindi sempre lo stesso testo e non viene inventato nulla. Con un’esportazione FTP o SFTP, i file ricevono i nomi previsti dal tuo e-commerce, per esempio con numero articolo, colore e numero progressivo. Fa parte della pubblicazione, inclusa nel piano mensile a partire da 500 € al mese.
