Se vendo online, l’alt text va scritto così: prodotto + dettaglio visibile + vista o uso.
Mi basta tenere ogni testo breve – spesso entro 125 caratteri – , diverso dagli altri e legato solo a ciò che si vede. Se l’immagine non aggiunge nulla, uso alt="".
In pratica, faccio questo:
- Descrivo il prodotto con il nome usato nella scheda
- Aggiungo solo dettagli visibili come colore, materiale, variante o angolazione
- Tolgo formule inutili come “immagine di” o “foto di”
- Scrivo alt diversi per ogni scatto
- Uso
alt=""per elementi solo grafici - Se l’immagine ha un link, descrivo l’azione o la destinazione
Ecco il punto: nell’e-commerce, l’alt text aiuta sia chi usa lettori di schermo sia i motori di ricerca. Non serve scrivere molto. Serve scrivere bene, in modo chiaro, breve e <u>legato alla singola immagine</u>.
Regole Fondamentali per Scrivere un Buon Alt Text
Per scrivere un alt text utile, bastano tre regole semplici. Servono a mantenere uno stile uniforme in tutte le schede prodotto.
Sii specifico, conciso e coerente con il contesto della scheda prodotto
Un buon alt text dice che prodotto è e quale vista mostra, usando solo i dettagli che servono.
Tienilo corto, di solito sotto i 125 caratteri, in linea con le linee guida WCAG (Web Content Accessibility Guidelines).
Includi solo i dettagli visibili che contano
L’alt text deve descrivere quello che si vede nell’immagine, non tutto quello che sai sul prodotto. Se l’immagine mostra la suola di una scarpa da running, parla solo della suola. Punto.
Quando sono visibili, inserisci questi elementi:
- tipo di prodotto
- colore
- materiale
- finitura
- variante visibile
- angolazione
Se un dettaglio non si vede, non va scritto. È una regola semplice, ma fa tutta la differenza.
Evita le formule inutili e l’accumulo artificiale di parole chiave
I lettori di schermo segnalano già che si tratta di un’immagine. Per questo formule come "immagine di" o "foto di" non servono e vanno tolte.
Scrivi in modo diretto: "Portafoglio a due ante in pelle rossa, vista interna".
In una scheda prodotto conta prima di tutto la chiarezza. Non la ripetizione SEO. Riempire l’alt text di keyword non lo rende migliore: il suo compito è descrivere l’immagine, non fare forzature.
Da qui nasce un formato semplice e facile da riusare.
sbb-itb-bc3fb49
Un Formato Semplice per l’Alt Text delle Immagini di Prodotto
Come Scrivere Alt Text per Immagini di Prodotto: Formula e Checklist
Il formato da seguire: nome prodotto + attributo visibile + vista o uso
Per applicare queste regole senza creare confusione, conviene usare sempre lo stesso schema.
La formula è questa: nome del prodotto + attributo visibile + vista o uso.
Per esempio: "Zaino da trekking verde militare 30L, vista frontale" oppure "Zaino da trekking verde militare 30L, dettaglio tessuto ripstop". Parti dal prodotto, aggiungi il dettaglio che si vede e chiudi con l’angolazione oppure con il contesto d’uso.
C’è anche un aspetto pratico da non trascurare: il nome del prodotto nell’alt text dovrebbe restare allineato a quello usato nelle varianti della scheda prodotto.
Metti prima l’informazione più importante
Subito dopo il nome del prodotto, inserisci il dettaglio che conta di più. Per esempio: "Zaino da trekking verde militare 30L, schienale imbottito, vista posteriore".
Se quel dettaglio distingue l’immagine dalle altre, dagli subito spazio. In questo modo l’alt text arriva dritto al punto.
Descrivi quella specifica immagine, non il prodotto in generale
Ogni immagine ha bisogno di un alt text tutto suo. Se una scheda prodotto mostra scatti diversi, ogni descrizione deve dire con precisione cosa compare in quella foto.
Ecco come cambia il formato nei casi più comuni di una scheda prodotto.
| Tipo di immagine | Esempio di alt text |
|---|---|
| Vista laterale con zip visibile | Zaino da trekking verde militare 30L, zip laterale impermeabile, vista laterale |
| Vista posteriore | Zaino da trekking verde militare 30L, schienale imbottito, vista posteriore |
| Dettaglio texture | Zaino da trekking verde militare 30L, dettaglio tessuto ripstop |
| Prodotto in uso | Zaino da trekking verde militare 30L indossato su sentiero di montagna |
| Dettaglio tasca | Zaino da trekking verde militare 30L, tasca laterale porta borraccia |
Prima della pubblicazione, fai un controllo veloce: ogni immagine deve avere un alt text diverso dagli altri.
Checklist, Errori Comuni e Come Aggiungere Alt Text in Shopify
Checklist finale per rivedere l’alt text
Dopo aver scelto il formato, fai un ultimo controllo e poi carica tutto in Shopify.
Prima della pubblicazione, verifica che ogni alt text sia specifico, breve e diverso dagli altri. Deve rispecchiare l’immagine in modo chiaro. E non dovrebbe ripetere quasi la stessa frase in tutta la scheda prodotto.
Usa questa tabella come verifica rapida prima di andare online.
| Tipo di immagine | Esempio |
|---|---|
| Informativa | "Borsa a tracolla in pelle blu con fibbia dorata, vista frontale" |
| Funzionale | "Visualizza la tabella delle taglie" |
| Decorativa | alt="" |
Errori da evitare sulle schede prodotto
Ci sono errori che spuntano spesso, e possono rovinare sia l’accessibilità sia la pulizia della scheda.
- Alt vuoto su immagini informative
- Descrizioni vaghe
- Alt quasi identici per immagini diverse
- Keyword stuffing
- Alt descrittivo su immagini decorative
Come aggiungere alt text nei media di prodotto su Shopify
A questo punto, inserisci gli alt text direttamente nei media di prodotto.
Dal pannello di amministrazione Shopify, vai su Prodotti, seleziona il prodotto, apri l’immagine e compila il campo Alt text. Poi scrivi la descrizione e salva.
Se gestisci cataloghi ampi, puoi aggiornare gli alt text in blocco con import/export CSV.
Conclusione: Scrivi Alt Text Chiari, Utili e Coerenti
A questo punto, la regola è semplice: usa sempre lo stesso criterio per ogni immagine. Breve, preciso, pertinente. Quando questo approccio entra nel flusso di caricamento, la qualità resta stabile.
Inserisci il controllo dell’alt text nel caricamento dei prodotti. In questo modo mantieni uno standard uniforme e riduci gli errori legati all’accessibilità.
Checklist finale per i team e-commerce
Prima della pubblicazione, fai un ultimo controllo rapido.
- Verifica il ruolo dell’immagine: informativa, funzionale o decorativa.
- Controlla che l’alt text descriva solo ciò che si vede.
- Mantieni il testo breve, accurato e coerente.
Integra questo passaggio nel caricamento dei prodotti per mantenere standard uniformi in tutto il catalogo. Scrivere alt text brevi, specifici e coerenti è il modo più semplice per rendere le schede prodotto accessibili e uniformi.
FAQs
Quando usare alt=""?
L’attributo alt="" va usato solo per le immagini puramente decorative. Così gli screen reader le saltano nel modo giusto e non interrompono la navigazione con dettagli inutili.
Per tutte le altre immagini, invece, serve un testo alternativo descrittivo e specifico in italiano. Vale soprattutto per quelle che mostrano informazioni, caratteristiche o dettagli dei prodotti. È un punto chiave per l’accessibilità di un e-commerce e per il rispetto degli standard WCAG.
Come scrivere alt text per varianti simili?
Per varianti simili dello stesso prodotto, l’alt text deve essere descrittivo e spiegare con chiarezza cosa distingue ogni versione. Il solo nome del prodotto non basta: vanno indicati i dettagli visibili che cambiano da un’immagine all’altra.
Per capirci, se hai più versioni della stessa scarpa, non scrivere solo “Nike Air Max”. Meglio specificare gli elementi che l’utente può vedere subito, come:
- colore
- misura
- finitura
- materiale
- dettagli del modello
Esempio: "Scarpa da running Nike Air Max, nero e bianco, taglia 42".
Mantieni questo stesso livello di dettaglio per ogni variante, così ogni alt text descrive in modo preciso colore, misura e qualsiasi altro elemento rilevante mostrato nell’immagine.
L’alt text influisce sulla SEO?
Sì, l’alt text può aiutare la SEO. I motori di ricerca usano queste descrizioni per capire meglio le immagini e indicizzarle in modo più preciso, con un possibile impatto sul posizionamento organico del sito.
C’è anche un altro punto da non sottovalutare: un testo alternativo scritto bene aiuta a dare più ordine ai contenuti della pagina, rende la scansione del sito più semplice e supporta l’accessibilità digitale.
In pratica, non serve solo a descrivere un’immagine. Aiuta anche i motori di ricerca a leggere meglio il contesto della pagina, e questo può contribuire alla visibilità nei risultati di ricerca.
