SEO delle Immagini: 12 Consigli Pratici per Più Traffico Organico

📖 Nota sulla fonte: questo articolo è stato realizzato sulla base di concetti discussi nel post Image SEO: 12 Actionable Tips, pubblicato originariamente da Ahrefs. Il contenuto qui è stato riscritto, ampliato e adattato al contesto italiano, con esempi, strumenti e riferimenti rilevanti per il mercato nazionale.

Molte persone pensano che il SEO delle immagini sia solo mettere una parola chiave nell'attributo alt. In pratica, esistono almeno dodici fattori che influenzano come Google trova, comprende e posiziona le immagini del tuo sito. Ignorare questi fattori significa perdere traffico che potrebbe essere facilmente conquistato — anche tramite Google Immagini, che rappresenta una quota significativa delle ricerche globali.

Google stesso avanza con il riconoscimento delle immagini tramite machine learning. Ma questo non rende obsoleto il SEO delle immagini — al contrario, Google continua a usare tutti i segnali disponibili (nome del file, alt text, contesto della pagina, velocità di caricamento) per interpretare e posizionare le immagini con precisione.

1. Assegna nomi descrittivi ai file

Il nome del file è uno dei primi segnali che Google usa per capire il soggetto di un'immagine. Fotocamere e smartphone generano nomi generici come IMG_0023.JPG o DSC_4817.jpg — che non comunicano assolutamente nulla al motore di ricerca.

Google stesso dichiara nelle sue linee guida ufficiali che il nome del file è un indizio sul contenuto dell'immagine. Il consiglio è semplice: usa parole chiave descrittive, separate da trattini, senza esagerare:

Buono: torta-al-cioccolato.jpg
Cattivo: IMG_2947.jpg
Anche cattivo: torta-cioccolato-ricetta-dolce-dessert.jpg (keyword stuffing)

Rinominare le immagini prima del caricamento è un'abitudine semplice che fa la differenza — specialmente per e-commerce, blog di cucina, portfolio e qualsiasi sito che dipenda dal traffico via ricerca immagini.

2. Scrivi testi alternativi (alt text) utili

L'attributo alt descrive un'immagine per il browser. Viene mostrato quando l'immagine non si carica, letto dai lettori di schermo per persone con disabilità visive e usato da Google per comprendere il contenuto visivo della pagina.

La sintassi è semplice:

<img src="cucciolo-dalmata.jpg" alt="Cucciolo di dalmata che gioca nel parco">

Google usa l'alt text insieme ad algoritmi di visione artificiale e al contesto della pagina per comprendere il soggetto dell'immagine. Il consiglio è creare descrizioni utili e ricche di informazioni, usando parole chiave in modo contestuale — mai accumulando parole senza senso (keyword stuffing).

Una scorciatoia che funziona bene: completa la frase "Questa è una foto di ___". Il risultato dello spazio vuoto, leggermente adattato, di solito è un buon alt text. Esempi:

"Questa è una foto di una cheesecake al cioccolato con salsa di fragole." → alt="Cheesecake al cioccolato con salsa di fragole"
"Questa è una foto di un notebook con lo schermo rotto su una scrivania." → alt="Notebook con schermo rotto su scrivania da ufficio"

Per le immagini di prodotto, includere il numero di modello o il codice SKU nell'alt text può aiutare a comparire per ricerche tecniche specifiche. Non dimenticare nemmeno le didascalie — Google estrae informazioni sul soggetto dell'immagine dal testo circostante, incluse le didascalie visibili nella pagina.

3. Scegli il formato di file corretto

La scelta del formato influenza direttamente la dimensione del file — e, di conseguenza, la velocità di caricamento della pagina. I tre formati più comuni sul web sono JPG, PNG e WebP, ciascuno con caratteristiche distinte:

Formato	Migliore per	Trasparenza	Dimensione tipica
JPG	Fotografie, immagini con gradienti	No	Piccola-media
PNG	Loghi, icone, screenshot con testo	Sì	Media-grande
WebP	Qualsiasi uso sul web moderno	Sì	25–35% più piccolo di JPG/PNG
GIF	Animazioni semplici	Parziale	Variabile
SVG	Loghi, icone, illustrazioni vettoriali	Sì	Molto piccola

La regola generale: usa JPG per le fotografie, PNG per le immagini che richiedono sfondo trasparente e testo nitido, e WebP sempre che possibile per il web — il formato offre compressione superiore con qualità equivalente. Usa il Convertitore di Immagine di ImageTools per convertire tra formati prima del caricamento.

4. Ridimensiona le immagini alle dimensioni reali di visualizzazione

Caricare una foto larga 4000px per un sito che mostra le immagini a 800px è uno spreco di banda. Il browser scarica l'immagine completa e poi scarta i pixel in eccesso — l'utente aspetta di più, senza alcun guadagno visivo.

Identifica la larghezza massima di visualizzazione delle immagini nel tuo layout (generalmente tra 800px e 1440px, a seconda del tipo di immagine e del sito) e ridimensiona prima del caricamento. Per coprire schermi Retina (HiDPI), usa il doppio della larghezza di visualizzazione. Usa il Ridimensionatore di Immagine di ImageTools per regolare le dimensioni con precisione.

Ridimensiona e comprimi le tue immagini ora

Regola le dimensioni e riduci il peso delle immagini del tuo sito gratuitamente, senza inviare file a server esterni.

Ridimensiona Comprimi

5. Comprimi le immagini senza perdere qualità visibile

La compressione è il processo di riduzione della dimensione del file senza alterare le dimensioni dell'immagine. Per le foto JPG, ridurre la qualità dal 100% all'80% può diminuire il file di 5-10 volte con una differenza impercettibile sullo schermo.

La velocità di caricamento è un fattore di posizionamento confermato da Google — sia su desktop che su mobile. Le immagini sono spesso la componente più pesante di una pagina web. Comprimere tutte le immagini prima del caricamento è l'ottimizzazione SEO tecnica con il maggior ritorno per sforzo.

Obiettivi pratici di peso per tipo di immagine:

Banner / hero a piena larghezza: sotto i 200 KB
Foto di prodotto o immagine del blog: 60–150 KB
Thumbnail o miniatura: 15–40 KB
Logo in PNG/WebP: sotto i 30 KB

Usa il Compressore di Immagine di ImageTools per ridurre JPG, PNG e WebP direttamente nel browser — senza inviare a server esterni.

6. Crea una sitemap delle immagini

La sitemap delle immagini informa Google dell'esistenza di immagini che potrebbe non scoprire da solo — specialmente immagini caricate via JavaScript o incorporate in gallerie complesse. A differenza della sitemap comune, la sitemap delle immagini può includere URL di altri domini (come le CDN).

Se il tuo sito usa WordPress con il plugin Yoast SEO, le immagini vengono già aggiunte automaticamente alla sitemap. Per siti personalizzati, la sitemap delle immagini può essere aggiunta manualmente seguendo la documentazione ufficiale di Google. I principali tag disponibili sono image:loc (URL dell'immagine), image:title e image:caption.

7. Usa dati strutturati per le immagini di prodotto

Google supporta i dati strutturati (Schema.org) per le immagini in vari contesti — ricette, prodotti, articoli, eventi. Se implementati correttamente, questi dati permettono alle immagini di apparire nei risultati arricchiti (rich results) su Google, con un risalto visivo aggiuntivo che aumenta il tasso di clic.

Per gli e-commerce, il markup di prodotto con immagine è particolarmente prezioso: i prodotti con immagine contrassegnata correttamente possono apparire su Google Shopping e nelle schede di prodotto nel pannello di conoscenza di Google.

8. Implementa il lazy loading

Il lazy loading è la tecnica di caricare le immagini solo quando stanno per entrare nell'area visibile dello schermo, invece di scaricarle tutte insieme al caricamento iniziale. In pagine con molte immagini (blog lunghi, elenchi di prodotti), il lazy loading può ridurre il peso iniziale della pagina del 60–80%.

L'implementazione più semplice è nativa in HTML:

<img src="prodotto.webp" alt="Scarpe blu" loading="lazy">

Importante: non applicare mai loading="lazy" all'immagine principale sopra la piega (la prima immagine visibile senza scorrere la pagina). Questo ritarda l'LCP — Largest Contentful Paint, una delle metriche Core Web Vitals — e danneggia direttamente il posizionamento.

9. Definisci width e height in tutti i tag immagine

Quando il browser non conosce le dimensioni di un'immagine prima di caricarla, non riserva lo spazio corretto nel layout — e quando l'immagine si carica, il contenuto della pagina "salta". Questo fenomeno è ciò che Google misura come CLS (Cumulative Layout Shift), un altro Core Web Vital.

La soluzione è dichiarare sempre width e height nei tag immagine:

<img src="prodotto.webp" alt="Scarpe blu" width="800" height="800" loading="lazy">

I valori non devono corrispondere alla dimensione visiva mostrata — definiscono solo la proporzione affinché il browser riservi lo spazio corretto prima di caricare l'immagine.

10. Usa immagini responsive con srcset

L'attributo srcset permette di fornire versioni diverse della stessa immagine per schermi di dimensioni diverse. Il browser sceglie automaticamente la versione più adatta — servendo un'immagine più piccola per gli smartphone e più grande per i desktop. Su siti con molto traffico mobile, questo può ridurre il volume di dati trasferiti del 40–60%.

<img
  src="prodotto-800.webp"
  srcset="prodotto-400.webp 400w,
          prodotto-800.webp 800w,
          prodotto-1200.webp 1200w"
  sizes="(max-width: 600px) 400px, 800px"
  alt="Scarpe blu"
  width="800" height="800"
  loading="lazy"
>

11. Ottimizza l'immagine in evidenza per Open Graph e social media

Quando qualcuno condivide un URL su WhatsApp, Instagram, LinkedIn o qualsiasi altra piattaforma, l'immagine mostrata nell'anteprima proviene dai meta tag Open Graph. Se questi tag non sono configurati, la piattaforma sceglie un'immagine qualsiasi della pagina — spesso con risultati scadenti.

Configura sempre il tag og:image con un'immagine di 1200×630px in ogni pagina importante del tuo sito:

<meta property="og:image" content="https://tuosito.it/immagini/articolo-preview.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

Un'immagine di anteprima ben costruita — con titolo leggibile, identità visiva del marchio e immagine pertinente — aumenta significativamente il tasso di clic nelle condivisioni.

12. Considera il contesto dell'intera pagina

Google non valuta le immagini isolatamente. Analizza l'insieme: il testo attorno all'immagine, il titolo della pagina, il contesto semantico, gli altri elementi visivi, la didascalia sotto l'immagine e persino il testo dei link che puntano alla pagina. Un'immagine di una scarpa rossa in una pagina sulla moda femminile ha un contesto completamente diverso dalla stessa immagine in una pagina di cucina.

Buone pratiche di contesto:

Posiziona le immagini vicino al testo che le descrive o a cui si riferiscono
Usa didascalie visibili sotto le immagini ogni volta che è possibile
Assicurati che il soggetto dell'immagine sia rilevante per il tema della pagina
Usa titoli di pagina e heading che rafforzino il soggetto delle immagini principali

🔍 Verifica rapida: usa Google Search Console per controllare quali immagini del tuo sito vengono indicizzate. Vai su Indice → Pagine e filtra per "immagini" per vedere lo stato di indicizzazione ed eventuali problemi.

Checklist SEO delle immagini

☑ Nome del file descrittivo con parole chiave (con trattini, senza keyword stuffing)
☑ Attributo alt descrittivo e contestuale in tutte le immagini
☑ Formato corretto per ogni tipo: WebP o JPG per le foto, PNG/SVG per loghi e icone
☑ Dimensioni regolate alla dimensione reale di visualizzazione (max. 2× per Retina)
☑ Compressione applicata — peso sotto gli obiettivi per tipo
☑ width e height dichiarati in tutti i tag <img>
☑ loading="lazy" nelle immagini sotto la piega
☑ Immagine LCP senza lazy loading, con fetchpriority="high" se possibile
☑ Sitemap delle immagini configurata (o verificato se il plugin lo fa già)
☑ Meta tag og:image configurato in tutte le pagine principali
☑ Dati strutturati per le immagini di prodotto dove applicabile
☑ Immagini contestualizzate con testo, didascalie e heading rilevanti

Domande frequenti

Alt text e didascalia sono la stessa cosa?

No. L'alt text è un attributo HTML invisibile per l'utente comune — viene mostrato solo quando l'immagine non si carica ed è letto dai lettori di schermo e da Google. La didascalia è il testo visibile sotto l'immagine nella pagina. I due sono complementari e hanno impatti diversi sul SEO: l'alt text è diretto sul soggetto dell'immagine; la didascalia aggiunge contesto narrativo e può aiutare Google a capire la relazione tra l'immagine e il contenuto circostante.

Le immagini in WebP migliorano davvero il posizionamento?

Indirettamente, sì. Il WebP produce file più piccoli del 25–35% rispetto a JPG e PNG con qualità equivalente, il che contribuisce a pagine più veloci. La velocità di caricamento è un fattore di posizionamento confermato da Google, specialmente tramite i Core Web Vitals (LCP). Una pagina più leggera carica più velocemente, ha un LCP inferiore, e questo influenza il posizionamento. Il WebP di per sé non è un fattore diretto, ma l'impatto sulla performance è reale.

Google Immagini genera traffico rilevante?

Dipende dalla nicchia. Per siti di cucina, arredamento, moda, prodotti fisici e qualsiasi categoria in cui le persone cercano ispirazione visiva, Google Immagini può essere una fonte significativa di traffico. Per contenuti puramente informativi o B2B, l'impatto è minore. Vale la pena monitorare in Google Search Console il volume di impressioni e clic provenienti specificamente dalla ricerca immagini.

Devo usare lo stesso alt text per immagini ripetute nel sito?

Se l'immagine è esattamente la stessa e appare nello stesso contesto, lo stesso alt text è accettabile. Ma se la stessa immagine appare in contesti diversi (ad esempio, la foto di un prodotto elencata nella homepage e anche nella pagina del prodotto), adattare l'alt text al contesto di ogni pagina è una pratica migliore — e segnala più contesto a Google.

Come sapere se le immagini del mio sito sono ben ottimizzate?

Google PageSpeed Insights (pagespeed.web.dev) analizza qualsiasi URL ed elenca specificamente i problemi con le immagini — dimensionamento errato, mancanza di compressione, formati obsoleti. Google Search Console mostra anche quali immagini vengono indicizzate ed eventuali errori. Per un audit più completo, strumenti come Ahrefs Site Audit o Screaming Frog scansionano l'intero sito ed elencano immagini senza alt text, dimensioni eccessive e altri problemi.