La SEO delle immagini è l'insieme delle ottimizzazioni che rendono le immagini delle pagine comprensibili per i motori di ricerca e veloci da caricare. Dal nome del file al testo alternativo, dai formati moderni come WebP e AVIF fino al lazy loading, ogni dettaglio incide sul traffico che arriva da Google Immagini e sulla velocità generale della pagina. In questa guida Le spieghiamo, in ordine, cosa fare a ogni passaggio, con esempi.
Perché la SEO delle immagini è importante?
Le immagini hanno due effetti distinti. Il primo è la visibilità: Google Immagini e i riquadri delle immagini nelle ricerche normali sono un canale separato che può portare visitatori; soprattutto per prodotti, ricette, locali e arredamento, gli utenti guardano prima l'immagine. Il secondo è la velocità: nella maggior parte delle pagine le immagini rappresentano la quota più grande del peso dei dati, e l'elemento più grande della pagina è spesso un'immagine. Un'unica immagine di apertura non ottimizzata può peggiorare il LCP dei Core Web Vitals e abbassare le prestazioni dell'intera pagina.
Un terzo effetto è l'accessibilità: il testo alternativo descrive l'immagine a chi usa un lettore di schermo. Un buon testo alternativo serve sia l'utente sia il motore di ricerca.
Nome del file
Google usa anche il nome del file per capire di cosa parla l'immagine. Nomi come IMG_20260412_0043.jpg,
assegnati dalla fotocamera, non trasmettono alcuna informazione. Le regole sono semplici:
- Usi parole brevi e significative che descrivano l'immagine:
divano-grigio-tre-posti.webp. - Separi le parole con il trattino (-); il trattino basso (_) può far considerare le parole come un'unica parola.
- Preferisca lettere minuscole e caratteri ASCII; eviti caratteri accentati e spazi.
- Non riempia il nome di parole chiave:
divano-divano-divano-economico.webpnon aiuta.
| Sbagliato | Corretto |
|---|---|
IMG_0043.jpg | divano-grigio.webp |
Nuova immagine (2).png | ingresso-ufficio-milano.webp |
divano_economico_divano_vendita.jpg | divano-angolare-componibile.webp |
Come scrivere il testo alternativo
Il testo alternativo (attributo alt) descrive con parole il contenuto dell'immagine. Se l'immagine non
può essere caricata, al suo posto appare il testo; i lettori di schermo lo leggono e Google lo usa per capire il
contesto dell'immagine.
- Descriva l'immagine così com'è. «Barista che prepara il caffè sul bancone della cucina» è un buon testo alternativo; non serve iniziare con parole come «immagine» o «foto».
- Sia breve. In genere meno di 125 caratteri bastano.
- Inserisca la parola chiave in modo naturale. Se l'immagine è davvero pertinente all'argomento, la parola chiave compare da sola; elenchi forzati di parole possono essere considerati spam.
- Nelle immagini decorative lasci il testo alternativo vuoto (
alt=""), così i lettori di schermo non lo leggono inutilmente. Non elimini del tutto l'attributo alt. - Trascriva il testo presente nelle immagini. Se nell'immagine c'è uno slogan o un prezzo, lo riporti nel testo alternativo o nel testo della pagina.
Esempio: invece di scrivere in una pagina prodotto alt="divano divano set soggiorno economico",
scriva alt="Divano grigio a tre posti in tessuto, con gambe in legno". La seconda versione aiuta l'utente
e dà al motore di ricerca un'informazione più chiara.
Oltre al testo alternativo, anche il testo che circonda l'immagine, il titolo e la didascalia aiutano Google a capire il contesto. Collocare l'immagine accanto al paragrafo pertinente è molto meglio che metterla in un punto qualsiasi in fondo alla pagina.
Scelta del formato: JPEG, PNG, WebP, AVIF
| Formato | Punto di forza | Quando usarlo? |
|---|---|---|
| JPEG | Diffuso, buona compressione per le fotografie | Come alternativa per sistemi meno recenti |
| PNG | Senza perdita di qualità, trasparenza | Loghi, screenshot, grafici semplici |
| WebP | File nettamente più piccoli di JPEG/PNG, supporto alla trasparenza | Valore predefinito sicuro per la maggior parte delle immagini |
| AVIF | Di solito file ancora più piccoli di WebP | Pagine ricche di fotografie; supporto ampio dei browser, ma aggiunga un'alternativa |
| SVG | Vettoriale, scalabile, molto leggero | Loghi, icone, disegni semplici |
Per offrire più formati può usare l'elemento <picture>: il browser sceglie il primo formato che supporta;
se non ne supporta nessuno, usa l'elemento <img> contenuto al suo interno. Così chi supporta AVIF
riceve AVIF, chi non lo supporta riceve WebP o JPEG.
Dimensioni e compressione
L'errore più frequente è mostrare una fotografia larga 4000 pixel in un riquadro di 400 pixel. Il browser, comunque, scarica l'intero file. Applichi questi accorgimenti:
- Ridimensioni in base alla dimensione effettiva di visualizzazione. Per i contenuti del blog di solito
bastano 800–1200 pixel di larghezza; per gli schermi ad alta densità fornisca anche una versione doppia tramite
srcset. - Comprima. Per le fotografie una qualità tra 75 e 85 riduce spesso in modo netto il peso del file senza differenze visibili a occhio nudo.
- Elimini i metadati. I dati EXIF (posizione, dispositivo) sono un peso inutile e un rischio per la privacy.
- Si ponga un limite. Come criterio generale, cerchi di tenere le immagini dei contenuti sotto alcune centinaia di KB; per le grandi immagini di apertura ponga comunque un limite.
Specifichi sempre width e height nell'HTML. Il browser sa così quanto spazio riservare
all'immagine prima che venga caricata, e la pagina durante il caricamento non si sposta.
Immagini responsive: srcset e sizes
Inviare la stessa immagine da 360 pixel di larghezza a un telefono e da 1920 pixel a un monitor significa sprecare
dati. Con srcset definisce diverse versioni per larghezza, con sizes indica quanta parte dello
schermo occupa l'immagine, e il browser sceglie il file più adatto. Ad esempio, tre versioni da 480, 800 e 1200 pixel
bastano per la maggior parte dei blog e delle pagine prodotto. Su dispositivi mobili il risparmio di dati è evidente, e
questo si riflette direttamente sul tempo di LCP.
Dove collocare l'immagine?
Google ricava il tema dell'immagine anche dal testo che la circonda. Metta quindi l'immagine accanto al paragrafo in cui si parla del suo argomento, e aggiunga sotto una breve didascalia che riassuma il contenuto. Il titolo della sezione in cui si trova l'immagine rafforza il legame con il tema. Quando possibile, preferisca fotografie originali scattate da Lei piuttosto che immagini d'archivio con diritti d'autore: un'immagine originale dà fiducia all'utente e La distingue dalle immagini d'archivio ripetute ovunque.
Lazy loading e CLS
Il lazy loading consiste nel non caricare le immagini che si trovano sotto il bordo dello schermo finché l'utente non vi si avvicina. Nei browser moderni si applica con un singolo attributo:
<img src="kanepe.webp" alt="Divano grigio a tre posti in tessuto" width="800" height="600" loading="lazy">
- Non applichi il lazy loading all'immagine visibile sopra la piega (above the fold). Se l'immagine più grande
della pagina viene caricata in ritardo, il LCP peggiora. Per questa immagine può usare
fetchpriority="high". - Galleria, elenchi di prodotti e immagini nella parte bassa di articoli lunghi sono ideali per il lazy loading.
- Usi sempre
width/heightinsieme all'attributo; altrimenti l'immagine caricata sposta il layout. - Per far trovare l'immagine a Google usi un vero
<img src>: le immagini che sono solo sfondi CSS potrebbero non essere indicizzate dalla ricerca di immagini.
Per saperne di più sulle metriche di velocità consulti la nostra guida ai Core Web Vitals.
Sitemap delle immagini e dati strutturati
Google trova la maggior parte delle immagini durante la scansione normale. Tuttavia, per le gallerie caricate con JavaScript
o per strutture complesse, può essere utile inserire le immagini nella sitemap. Nella sitemap standard, all'interno di ogni
<url> si usano gli elementi <image:image> e <image:loc>:
- Aggiunga all'inizio della sitemap lo spazio dei nomi per le immagini.
- Per ogni pagina elenchi gli indirizzi delle immagini che compaiono in quella pagina.
- Invii la sitemap da Search Console e controlli la presenza di errori.
- Verifichi che il file robots.txt non blocchi le immagini.
Per contenuti come prodotti, ricette o articoli, inserire l'indirizzo dell'immagine nei dati strutturati (schema) facilita l'utilizzo dell'immagine da parte di Google nei risultati arricchiti. Per l'uso di Search Console può consultare la nostra guida introduttiva.
Errori frequenti con le immagini
- Inserire il testo nell'immagine: scrivere informazioni importanti (prezzo, indirizzo, promozione) solo dentro l'immagine impedisce al motore di ricerca e al lettore di schermo di leggerle.
- Copiare lo stesso testo alternativo ovunque: invece di usare lo stesso alt per le cinque immagini di una galleria prodotti, descriva ciascuna separatamente (fronte, lato, dettaglio).
- Immagini di apertura troppo grandi: una slide a schermo intero pesa a volte diversi MB invece di qualche centinaio di KB; ridimensioni prima e poi riveda il design.
- Bloccare le immagini con robots.txt: una regola che blocca la cartella delle immagini fa sì che il sito non compaia mai in Google Immagini.
- Link alle immagini interrotti: le immagini spostate o eliminate danno errore 404; le individui e le ripari con una scansione periodica.
Checklist e misurazione
- Il nome del file è significativo, in ASCII e separato da trattini?
- Il testo alternativo descrive l'immagine in modo breve e naturale?
- Le immagini sono in WebP/AVIF o in un formato adatto?
- Non vengono caricati file più grandi della dimensione di visualizzazione?
- Le immagini fuori dalla prima schermata hanno
loading="lazy"? - Sono definiti
widtheheight? - La sitemap delle immagini e il robots.txt sono corretti?
Per la misurazione, PageSpeed Insights mostra direttamente i suggerimenti «Codifica in modo efficiente le immagini» e «Dimensiona correttamente le immagini». Nel report delle prestazioni di Search Console può selezionare il tipo di ricerca «Immagini» e monitorare separatamente impressioni e clic provenienti dalla ricerca di immagini. Anche l'ottimizzazione delle immagini, migliorando la velocità, aiuta a ridurre la frequenza di rimbalzo.
Conclusione
La SEO delle immagini non è un'azione unica, ma un'abitudine ripetuta per ogni immagine: un nome di file significativo, un testo alternativo onesto, il formato e le dimensioni corretti, il lazy loading per ciò che sta sotto la piega e, se serve, una sitemap delle immagini. Il guadagno maggiore di solito viene dalle immagini più pesanti; cominci quindi con PageSpeed Insights, individuando le poche immagini più pesanti. Il risultato saranno più visitatori da Google Immagini e un sito più veloce. Il posizionamento resta deciso dagli algoritmi di Google; il Suo compito è rendere le immagini comprensibili e leggere.