Per la SEO immagini e-commerce, parti da ciò che la foto deve mostrare. Un dettaglio, una misura o un prodotto in uso possono risolvere dubbi che il testo lascia aperti. Poi controlla formato, dimensioni e informazioni che aiutano a interpretarla.
Puoi mantenere dettagli utili senza inviare a ogni dispositivo il file più pesante. Servono versioni adeguate e regole di caricamento, da verificare nella pagina reale.
Risposta breve: quali immagini aiutano davvero una scheda?
Scegli le immagini in base alle domande sull’acquisto: quanto è grande, che cosa include la confezione, come veste o quali connessioni ha? Ogni foto dovrebbe aggiungere un’informazione riconoscibile.
Nome del file, testo alternativo e spiegazione vicina devono descrivere la stessa immagine. Se mostri un connettore, parla di quel dettaglio e della sua compatibilità. Una formula come “miglior alimentatore economico” non spiega ciò che si vede.
Scatti con una funzione commerciale
Ogni immagine dovrebbe rispondere a una domanda: com’è il prodotto, quanto è grande, quali dettagli ha, come si usa, che cosa cambia tra varianti? Una galleria di foto quasi identiche aumenta peso senza ridurre l’incertezza. Pianifica immagine principale, angolazioni, dettaglio, scala e contesto.
Non usare immagini generiche quando l’utente deve valutare l’articolo specifico. Per varianti visive, mostra il colore o materiale realmente selezionato.
| Tipo di immagine | Domanda a cui risponde | Contesto testuale |
|---|---|---|
| Vista principale | Qual è esattamente il prodotto? | Nome, variante e caratteristiche distintive |
| Dettaglio | Come sono finitura, comandi o connettori? | Specifiche e compatibilità |
| Scala | Quanto è grande? | Dimensioni e unità di misura |
| In uso | Come funziona nel contesto reale? | Caso d’uso e limiti |
| Confronto varianti | Che cosa cambia tra opzioni? | Colore, taglia, modello e disponibilità |
HTML che i crawler possono trovare
Google raccomanda elementi HTML standard e può trovare le immagini nel src di img, anche dentro picture. Le immagini definite soltanto come background CSS non offrono lo stesso percorso di indicizzazione.
Per immagini responsive usa srcset e sizes, mantenendo un src di fallback. Se una galleria carica elementi dopo un’interazione, verifica che le risorse importanti siano scopribili nel DOM.
Alt text utile e accessibile
L’alt descrive ciò che l’immagine comunica nel suo contesto. “Sneaker modello X nera vista laterale” è utile se corrisponde allo scatto; una lista di categorie, brand e sinonimi non lo è. Le immagini decorative possono avere alt vuoto per non aggiungere rumore agli screen reader.
Evita di generare automaticamente lo stesso alt per tutta la galleria. Se ogni angolazione mostra un dettaglio diverso, la descrizione può distinguerlo. Se il dato non esiste, meglio una regola sobria che testo inventato.
L’alt dipende dal ruolo. Per una foto prodotto, “zaino trekking 35 litri verde visto frontalmente” può identificare oggetto, capacità, colore e angolazione. Per un dettaglio, “schienale ventilato e cintura lombare dello zaino” descrive ciò che si deve notare. Un’immagine decorativa può avere alt vuoto; duplicare tutto il titolo della pagina rende invece la navigazione con screen reader ripetitiva.
Non esiste un alt universale da copiare su tutte le varianti. Se cambia il colore mostrato, aggiorna descrizione, file e dati prodotto. Se l’immagine contiene istruzioni essenziali, rendi disponibili anche nel testo le informazioni necessarie: l’alt non deve sostituire un manuale.
Filename, didascalia e testo vicino
Un nome breve e descrittivo offre un segnale leggero ed è più gestibile di IMG_0042.jpg. Non cambiare URL consolidati senza motivo: rinominare migliaia di file richiede redirect o aggiornamenti e raramente è la prima priorità.
Google usa anche didascalie e contenuto della pagina. Posiziona immagini vicino alle specifiche che illustrano. La pagina deve avere un tema chiaro: metadata dell’immagine non possono compensare una scheda povera.
Formati e compressione
JPEG, WebP e AVIF possono essere adatti alle fotografie; PNG serve quando trasparenza o grafica lo richiedono; SVG è utile per elementi vettoriali controllati. Scegli per qualità, compatibilità e peso, non per moda. Genera più dimensioni e impedisci al browser di scaricare un file enorme per una miniatura.
Verifica artefatti su texture, testo e dettagli. Una compressione che nasconde il prodotto riduce il valore commerciale.
Conserva un master di qualità e genera formati e dimensioni responsive senza alterare colori o dettagli importanti. Usa URL stabili, MIME type corretto, srcset e sizes, dimensioni dichiarate e cache versionata. Il lazy loading è utile per immagini fuori dalla prima schermata; l’immagine principale può richiedere priorità diversa perché spesso influenza il Largest Contentful Paint.
- Verifica che CDN e robots.txt permettano la scansione.
- Evita placeholder come immagine principale del feed.
- Controlla crop automatici su mobile e desktop.
- Misura peso trasferito e qualità percepita per template.
- Mantieni coerenti immagine visibile, structured data e Merchant Center.
Performance e Core Web Vitals
L’immagine principale può diventare il Largest Contentful Paint. Non applicare lazy loading all’elemento above the fold quando ritarda la richiesta; usa priorità appropriata, cache e CDN. Dichiara larghezza e altezza o aspect ratio per ridurre spostamenti di layout.
Misura dati reali e template con la guida ai Core Web Vitals, adattando le tecniche alla piattaforma.
CDN e URL stabili
Se le immagini risiedono su un CDN, assicurati che Googlebot possa accedervi e considera la verifica del dominio in Search Console. Evita token temporanei, protezioni anti-bot indiscriminate e URL che cambiano a ogni trasformazione.
Cache e invalidazione devono aggiornare il contenuto senza rompere i riferimenti. Quando rimuovi una variante, controlla anche le sue immagini e i link dal feed.
Duplicati, varianti e diritti
La stessa immagine può essere ridimensionata in molte versioni tecniche; questo è normale se gli URL hanno una funzione chiara. Evita invece copie non governate tra CMS, app e CDN, perché rendono difficile aggiornare risorse errate. Associa ogni immagine alla variante corretta e conserva dati di provenienza e autorizzazione.
Non usare foto trovate online né rimuovere attribuzioni richieste. La qualità della pipeline include anche diritti, policy e possibilità di sostituire rapidamente una risorsa.
Image sitemap e dati strutturati
Una image sitemap può aiutare a segnalare risorse che Google potrebbe non scoprire, incluse quelle su domini CDN. Non è necessaria per compensare HTML non crawlable. Le proprietà image nei dati strutturati devono puntare a immagini pertinenti, accessibili e rappresentative.
Per i risultati prodotto, coordina immagine della pagina, markup e Product structured data.
Audit e misurazione
- campiona immagini principali, gallerie e varianti;
- verifica HTML, URL, status e indicizzabilità;
- controlla alt text e contesto visibile;
- misura dimensioni trasferite e LCP;
- individua duplicati e trasformazioni inutili;
- segmenta performance di Search Console per tipo di ricerca;
- collega click visuali a comportamento e conversione.
Segmenta Search Console tra Web e Immagini e annota cambi di template o CDN. Un aumento delle impression senza click può dipendere da rilevanza o presentazione; un calo improvviso dopo una migrazione visuale richiede controllo di URL, redirect e accessibilità.
Analizza impression e click per tipo di pagina, ma collega i dati a interazioni come apertura galleria, selezione variante, zoom, aggiunta al carrello e resi legati ad aspettative visive. Se una foto genera click ma aumenta i resi, il problema non è la visibilità: è la rappresentazione del prodotto.
Le best practice Google Images mettono in relazione immagini di qualità, testo pertinente e contesto della pagina. La specifica Merchant Center per image_link aggiunge requisiti commerciali: l’immagine principale deve rappresentare accuratamente il prodotto ed essere accessibile al crawler.
Originalità visuale come prova, non decorazione
Fotografie proprietarie di dettagli, misure, confezione e utilizzo possono fornire informazioni che non esistono nel feed del produttore. Documenta come e quando sono state create e non presentare rendering come fotografie reali. Se un’immagine è illustrativa, dichiaralo quando può influenzare la decisione.
Non servono modifiche cosmetiche per rendere ogni file apparentemente unico. Aggiungi una nuova immagine quando mostra un fatto o un confronto utile; altrimenti aumenti peso e lavoro di manutenzione senza aiutare la scelta.
Se immagini prodotto pesanti, duplicate o non scopribili limitano esperienza e visibilità, contattami per un audit della pipeline visuale e dei template e-commerce.
