Alt text e SEO delle immagini prodotto per e-commerce

In breve: l'alt text è la descrizione testuale di un'immagine, letta dai lettori di schermo e usata da Google per capire cosa mostra la foto. In un e-commerce va scritto per ogni immagine prodotto: tipo di articolo, attributo che lo distingue (colore, materiale, misura) e vista. Frasi brevi e naturali, senza elenchi di parole chiave.

L'alt text serve prima di tutto a chi non vede l'immagine; il vantaggio SEO arriva di conseguenza.
Su una scheda prodotto ogni foto mostra qualcosa di diverso, quindi ogni foto ha un alt diverso.
Dal 28 giugno 2025 l'accessibilità dei servizi di commercio elettronico verso i consumatori è un obbligo di legge, con un'esenzione per le microimprese.
Contano anche nome del file, formato e posizione nella pagina, ma pesano meno dell'alt.
Su Instagram e LinkedIn l'alt si scrive al caricamento del post: rende i contenuti accessibili, ma la leva per farsi trovare resta il sito.

Molti cataloghi Shopify e WooCommerce hanno centinaia di foto chiamate IMG_4521.jpg e il campo del testo alternativo vuoto: Google Immagini ha poco da indicizzare e chi usa un lettore di schermo sente solo "immagine", o peggio il nome del file. Ecco come sistemarli.

Cos'è l'alt text e perché conta per un e-commerce?

L'alt text (testo alternativo) è il contenuto dell'attributo alt del tag <img>: una descrizione che prende il posto dell'immagine quando questa non si vede. È nato per l'accessibilità ed è rimasto prima di tutto questo.

Per un negozio online conta per due motivi concreti:

Accessibilità: chi naviga con un lettore di schermo sa cosa mostra la foto e può decidere se comprare. Shopify ricorda che l'alt compare anche quando un'immagine non si carica. Quando l'alt manca, secondo MDN alcuni lettori di schermo annunciano il nome del file, che su molti cataloghi è una sigla senza senso.
Ricerca: Google dichiara di usare l'alt text insieme alla visione artificiale e al contenuto della pagina per capire il soggetto di un'immagine.

Nel B2B vale lo stesso per componenti, macchinari e schermate di software: un buyer che cerca "valvola a sfera in acciaio inox DN50" su Google Immagini ha più probabilità di trovare la foto giusta se qualcuno l'ha descritta. Se vendi sia ad aziende sia a privati, le due anime del catalogo hanno esigenze diverse: ne parliamo nella guida su come distinguere le strategie B2B e B2C.

Come si scrive l'alt text di un'immagine prodotto?

Si descrive quello che la foto mostra, nell'ordine in cui serve a chi compra: cosa è, cosa lo distingue, da che punto di vista è ripreso. Una formula che funziona su quasi tutti i cataloghi è tipo di prodotto + attributo distintivo + vista o dettaglio.

Google mostra la progressione con un esempio semplice: niente alt, poi un alt pieno di parole chiave (da evitare, perché può far sembrare il sito spam), poi "cucciolo", infine "cucciolo di dalmata che gioca a riportare", che è la versione migliore.

Immagine	Alt da evitare	Alt efficace
Seduta da ufficio, foto principale	"sedia ufficio ergonomica sedia economica migliore sedia"	"Seduta ergonomica nera con supporto lombare regolabile, vista frontale"
Stessa seduta, dettaglio	"IMG_0045"	"Manopola che regola la tensione dello schienale della seduta ergonomica"
Variante di colore	Lo stesso alt della versione nera	"Seduta ergonomica con rivestimento grigio chiaro, vista di tre quarti"
Ricambio tecnico (B2B)	"prodotto"	"Valvola a sfera in acciaio inox DN50 con leva, vista laterale"
Schermata di un software gestionale (B2B)	"screenshot"	"Dashboard del gestionale con ordini aperti, giacenze e fatturato del mese"
Foto di un evento aziendale (social)	"evento"	"Panel di esperti alla conferenza annuale sulla sostenibilità ambientale"
Logo nell'intestazione con link alla home	"logo"	Il nome dell'azienda seguito da "home page", cioè la destinazione del link
Sfondo o icona decorativa	"banner offerte scarpe saldi"	Alt vuoto, così il lettore di schermo la salta

Alcune regole pratiche completano la formula:

Niente "immagine di" o "foto di": il lettore di schermo annuncia già che si tratta di un'immagine.
Immagini decorative con alt vuoto: la guida del W3C indica un alt vuoto per le immagini puramente decorative e per quelle il cui testo è già presente accanto.
Immagini cliccabili: per un'immagine che fa da link o da pulsante il W3C chiede di descrivere l'azione o la destinazione, non il disegno: "cerca" invece di "lente d'ingrandimento".
Immagini con testo o infografiche: tabelle taglie e schede tecniche vanno anche nella pagina come testo vero.
Descrivi, non promuovere: l'alt dice cosa si vede; vantaggi e argomenti di vendita vanno nella descrizione o nella didascalia. Per una schermata del gestionale scrivi quali dati mostra, non "software intuitivo che fa risparmiare tempo".
Usa i termini del catalogo: chiama prodotti, materiali e finiture con le stesse parole di titoli e schede, così alt, pagina e ricerca interna dicono la stessa cosa. Un codice articolo serve quando i buyer lo cercano davvero, accompagnato dal nome del prodotto.

Alt text, title e didascalia: che differenza c'è?

Sono tre campi diversi e spesso vengono confusi, anche nei pannelli dei CMS.

Campo	Chi lo vede	A cosa serve
Alt text	Lettori di schermo, browser se l'immagine non si carica, motori di ricerca	Sostituisce l'immagine con una descrizione del suo contenuto o della sua funzione
Attributo title	Di solito compare come tooltip quando il mouse si ferma sull'immagine; chi usa tastiera o touch può non vederlo mai	Un'informazione in più, facoltativa. MDN precisa che non sostituisce l'alt e che non va duplicato con lo stesso testo, perché alcuni lettori di schermo lo leggerebbero due volte
Didascalia	Tutti, sotto o accanto all'immagine	Contesto visibile; Google la usa, insieme ai titoli, per capire il soggetto dell'immagine
Nome del file	Quasi nessuno, ma compare nell'URL dell'immagine	Secondo Google dà indizi molto leggeri sul soggetto

In WordPress e WooCommerce la libreria media mostra tutti questi campi insieme: quello che conta per accessibilità e ricerca è "Testo alternativo".

L'European Accessibility Act obbliga a scrivere l'alt text?

Per molti e-commerce sì, indirettamente. La direttiva (UE) 2019/882, nota come European Accessibility Act, è stata recepita in Italia con il decreto legislativo 82/2022, che inserisce i "servizi di commercio elettronico" tra i servizi soggetti ai requisiti di accessibilità per quanto immesso sul mercato dal 28 giugno 2025. Fornire un'alternativa testuale ai contenuti non testuali è il criterio 1.1.1 delle WCAG, le linee guida internazionali sull'accessibilità del web.

Due precisazioni:

Il decreto definisce i servizi di commercio elettronico come quelli forniti online su richiesta di un consumatore: un portale riservato a rivenditori e clienti aziendali non è il caso tipico, ma molte aziende B2B vendono anche ai privati.
Le microimprese che forniscono servizi sono esentate; il decreto le definisce come imprese con meno di 10 persone e fatturato annuo o totale di bilancio non oltre 2 milioni di euro.

L'alt text è solo una parte dei requisiti, insieme a contrasto, navigazione da tastiera e checkout. Nei casi dubbi serve il parere di un legale; scrivere gli alt resta utile comunque.

Nomi file, WebP e posizione: cosa conta oltre all'alt

L'alt è un segnale tra gli altri. Le linee guida di Google sulle immagini indicano alcune pratiche che in un e-commerce si traducono in controlli precisi.

Elemento	Cosa fare	Esempio
Nome del file	Breve e descrittivo, con trattini	seduta-ergonomica-nera-frontale.webp invece di IMG_4521.jpg
Formato	WebP o AVIF per le foto, con estensione coerente col tipo di file	Le immagini WebP con perdita sono più leggere del 25-34% rispetto a JPEG di qualità equivalente
Tag usato	Le immagini prodotto vanno in <img> o <picture>, non come sfondo CSS	Google non indicizza le immagini caricate come background-image
Immagini responsive	Con srcset o <picture> indica sempre anche un'immagine di riserva nell'attributo src	Google lo raccomanda perché alcuni browser e crawler non leggono srcset
Posizione	Vicino al testo che parla di quel prodotto	Galleria accanto a titolo, descrizione e caratteristiche
Dati strutturati	Proprietà image compilata nei dati strutturati della pagina	Per Google è un campo obbligatorio perché l'immagine possa avere un badge o un risultato avanzato in Google Immagini
Scoperta	Sitemap immagini per le foto che Google potrebbe non trovare da solo	Immagini servite da una CDN su un dominio esterno al negozio

Shopify serve già le immagini in WebP o AVIF ai browser che li supportano; su WooCommerce dipende da tema e plugin di ottimizzazione. I nomi dei file, invece, li decidi tu al caricamento: su Shopify, ricorda l'help center, il nome non si può più modificare dopo il caricamento.

Come aiuta la ricerca visiva su Google?

Aiuta quando immagine e testo dicono la stessa cosa. Google ricava il soggetto di una foto dall'immagine stessa, dall'alt, dalla didascalia e dal testo intorno: più sono coerenti, più è probabile che la foto compaia per la ricerca giusta in Google Immagini.

Per Google Shopping l'immagine principale del feed in Merchant Center deve essere pulita: niente testi promozionali, filigrane o bordi. Google consiglia almeno 1500×1500 pixel; dal 31 gennaio 2027 il minimo sarà 500×500. Le grafiche con prezzi restano sul sito e sui social, con il loro alt.

Un catalogo descritto bene è più facile da interpretare anche per i motori di ricerca basati sull'AI, che leggono il testo della pagina.

Come si aggiunge l'alt text su Instagram e LinkedIn?

Sui social l'alt ha un ruolo diverso rispetto al sito: serve a chi usa un lettore di schermo, non è visibile agli altri utenti e le piattaforme lo presentano come funzione di accessibilità. Per un'azienda B2B che pubblica fiere, stabilimenti, prodotti e schermate di software resta comunque un lavoro di pochi secondi che vale la pena fare.

Instagram: dal 2018 genera un testo alternativo automatico con il riconoscimento degli oggetti, che elenca ciò che la foto potrebbe contenere. Al caricamento puoi scrivere un alt personalizzato, più ricco e preciso: per una foto di prodotto o di un evento è quasi sempre meglio di quello automatico.
LinkedIn: dopo aver caricato l'immagine, da computer si clicca "Alt.text" sotto la foto e si salva; dall'app si tocca "ALT" sotto l'immagine. LinkedIn può aggiungere un alt automatico alle immagini che non lo hanno e lo segnala solo quando carichi da computer, quindi conviene controllarlo. L'alt si può aggiungere anche alle inserzioni con singola immagine in Campaign Manager.

Nei post aziendali la divisione dei compiti è semplice: la didascalia racconta il contesto e i vantaggi, l'alt descrive cosa si vede. "Panel di esperti alla conferenza annuale sulla sostenibilità ambientale" è un buon alt; il perché valga la pena esserci va nel testo del post. Per il canale nel suo insieme vedi la strategia social per il B2B.

Come trovo le immagini senza alt sul mio sito?

Prima di riscrivere serve sapere dove intervenire. Questi strumenti segnalano le immagini prive di testo alternativo:

Lighthouse di Google: tra i controlli che compongono il punteggio di accessibilità c'è "Image elements have [alt] attributes".
axe di Deque, con la regola image-alt: verifica che ogni immagine abbia un testo alternativo oppure sia marcata come decorativa.
WAVE di WebAIM, da usare online inserendo l'indirizzo della pagina o come estensione per Chrome, Firefox ed Edge.
Il CSV dei prodotti Shopify, dove le righe senza valore nella colonna dell'alt sono le immagini da sistemare.

Questi controlli dicono se l'alt c'è, non se è scritto bene: "IMG_0045" li supera. Per la qualità serve una verifica a campione, meglio se ascoltando la pagina con un lettore di schermo.

Come lo applico: i primi passi su Shopify e WooCommerce

Prendiamo uno scenario tipico: un e-commerce di arredo ufficio con 600 prodotti e circa 3.000 immagini quasi tutte senza alt. Riscriverle una per una non è realistico; lavorare per formule e priorità sì.

Fai l'inventario. Su Shopify esporta il CSV dei prodotti, che ha una colonna per l'alt di ogni immagine e si può ricaricare per aggiornarli in blocco; le immagini delle varianti hanno una colonna a parte, da controllare separatamente. Su WooCommerce l'alt sta nel campo "Testo alternativo" della libreria media di WordPress, e anche le foto delle varianti vanno verificate una per una.
Scrivi una formula per categoria. Per le sedute: tipo + rivestimento + colore + vista. Per i ricambi tecnici: tipo + materiale + misura o codice + vista. Mettila per iscritto per chi carica i prodotti, insieme al glossario dei termini da usare.
Parti da dove rende di più. Usa GA4 e Search Console per individuare le categorie e i prodotti con più visite o vendite, e comincia dalle foto principali.
Automatizza la bozza, rivedi a mano. Il media editor di Shopify può già suggerire un alt per le immagini che non lo hanno. Su cataloghi grandi, un flusso in n8n o Make fa proporre l'alt a un modello AI partendo da titolo, attributi e foto; una persona controlla prima della pubblicazione. È il tipo di automazione per e-commerce da costruire una volta e riusare: altri esempi nella guida all'automazione dei processi aziendali, sull'AI nei CMS e, per i cataloghi multilingua dove anche l'alt va tradotto, sugli strumenti di traduzione con AI.
Rendi la regola permanente. Nessun prodotto nuovo va online senza alt e senza nome file descrittivo. Controlla a campione con un lettore di schermo (VoiceOver o NVDA) e segui le impressioni da Google Immagini in Search Console.

Se il catalogo va ripensato insieme al sito, trovi il servizio siti web ed e-commerce. Per inserire le immagini in un piano SEO più ampio leggi come scegliere una consulenza SEO; per il contesto di mercato, il futuro dell'e-commerce B2B.

Errori da evitare

Riempire l'alt di parole chiave. Google lo considera un'esperienza negativa e un possibile segnale di spam.
Scrivere alt troppo generici. "Prodotto", "foto 1" o "screenshot" non dicono nulla a chi ascolta né a chi cerca.
Copiare il titolo del prodotto su tutte le foto. Dieci immagini con lo stesso alt non dicono nulla di diverso; descrivi la vista o il dettaglio.
Trasformare l'alt in uno slogan. Se il testo non corrisponde a ciò che la foto mostra, chi usa un lettore di schermo riceve un'informazione falsa.
Dare un alt alle immagini decorative. Sfondi, separatori e icone ripetute vanno con alt vuoto, altrimenti il lettore di schermo li legge tutti.
Usare il title al posto dell'alt, o duplicarli. Il title non sostituisce l'alt e lo stesso testo nei due campi può essere letto due volte.
Mettere informazioni importanti solo dentro l'immagine. Tabelle taglie, prezzi e specifiche devono esistere anche come testo nella pagina.

Domande frequenti (FAQ)

Quanto deve essere lungo l'alt text di un'immagine prodotto?

Una frase breve, in genere entro 125 caratteri, come consiglia Shopify (il campo ne accetta fino a 512). Il resto va nella descrizione della pagina.

L'alt text migliora davvero la SEO delle immagini prodotto?

Aiuta, perché Google usa l'alt insieme alla visione artificiale e al testo della pagina per capire cosa mostra un'immagine. Da solo non basta: contano anche nome del file, posizione nella pagina, dati strutturati e qualità della foto.

Le immagini decorative devono avere l'alt text?

No. Per le immagini puramente decorative la guida del W3C indica un attributo alt vuoto, così i lettori di schermo le ignorano. Va invece descritta ogni immagine che porta informazioni utili all'acquisto.

Alt text e attributo title sono la stessa cosa?

No. L'alt sostituisce l'immagine per chi non la vede ed è il campo che conta per accessibilità e ricerca; il title è un'informazione facoltativa che compare al passaggio del mouse. Non usare il title al posto dell'alt e non ripetere lo stesso testo in entrambi.

L'European Accessibility Act vale anche per un e-commerce B2B?

Il decreto italiano che lo recepisce riguarda i servizi di commercio elettronico rivolti ai consumatori, con un'esenzione per le microimprese che forniscono servizi. Un portale solo per clienti aziendali non è il caso tipico; nei casi dubbi serve un legale.

Posso generare l'alt text con l'intelligenza artificiale?

Sì, come bozza partendo da foto e attributi del prodotto, utile sui cataloghi con migliaia di immagini; Shopify, LinkedIn e Instagram propongono già testi automatici. La revisione umana resta necessaria, perché un modello può sbagliare colore, materiale o nome commerciale.

Conviene rinominare i file delle immagini già online?

Solo in parte: rinominare cambia l'URL dell'immagine, quindi ha senso sulle foto principali delle categorie più importanti. Per le immagini nuove usa da subito nomi brevi e descrittivi, separati da trattini.

Fonti

Se vuoi capire da dove partire sul tuo catalogo, prenota una diagnosi gratuita.