Testo alternativo

Cos’è il testo alternativo?

Il testo alternativo (alt text) è la descrizione che inserisci nell’attributo alt di un tag <img>, ad esempio <img src="boot.jpg" alt="Stivale in pelle marrone visto di lato">. Gli screen reader leggono il testo ad alta voce per gli utenti con disabilità visive, e questo funge da ripiego se l’immagine non viene caricata. Allo stesso tempo, Google utilizza l’alt text come segnale per capire cosa rappresenta l’immagine.

Perché il testo alternativo è importante?

Per un negozio online, l’alt text risolve due problemi in una volta: accessibilità e SEO. Un alt text descrittivo rende le immagini dei prodotti comprensibili per i clienti che navigano tramite uno screen reader, e una buona accessibilità delle immagini è un requisito dell’Atto europeo sull’accessibilità per molti negozi. Aiuta anche Google a comprendere e indicizzare le tue immagini, il che può portare traffico extra da Google Immagini. Le immagini puramente decorative dovrebbero avere un attributo alt vuoto (alt="") in modo che gli screen reader le saltino invece di annunciare il nome del file.

Casi d’uso comuni

• Immagini dei prodotti: Descrivi specificamente il prodotto (“maglione in lana rosso a collo alto”) invece di limitarti a “maglione” o allo SKU del prodotto.
• Immagini decorative: Usa alt="" per sfondi e decorazioni in modo che le tecnologie assistive li ignorino.
• Immagini utilizzate come link o pulsanti: L’alt text funge da testo del link e dovrebbe descrivere dove porta il link.
• Infografiche e testo nelle immagini: Riproduci il testo importante in modo che il messaggio non vada perso per gli screen reader e Google.

La prospettiva di Shopify

In Shopify, puoi modificare l’alt text sotto i file multimediali di ogni prodotto (fai clic sull’immagine e scegli “Modifica testo alternativo”), e il tema di solito lo renderizza con {{ image.alt }} in Liquid. Shopify non compila automaticamente un alt text significativo; molti temi usano il titolo del prodotto come ripiego, il che raramente è una descrizione accurata. Mantieni il testo conciso (idealmente sotto i 125 caratteri), descrivi l’immagine in modo naturale ed evita il keyword stuffing. Considera di salvare le immagini in formato WebP per migliorare la velocità — l’alt text viene mantenuto indipendentemente dal formato del file.