Un sito può essere veloce, scritto con cura e citato da fonti autorevoli, e restare invisibile in una parte consistente delle ricerche che le persone fanno ogni giorno. Il motivo è semplice: molte ricerche partono da uno sguardo.
Un prodotto visto in vetrina, una sedia notata in un locale, un piatto fotografato al ristorante.
In quelle ricerche emerge chi ha reso le proprie immagini leggibili ai motori. E i motori leggono le immagini attraverso il testo che le accompagna: il nome del file, il testo alternativo, il contesto della pagina che le ospita.
Questa guida raccoglie il lavoro completo, dalla preparazione del file prima del caricamento al controllo finale. In chiusura trovi una checklist in otto punti per verificare quello che hai già online.
Che cos’è la SEO immagini?
La SEO immagini è l’insieme delle attività che rendono foto e grafiche di un sito comprensibili ai motori di ricerca: nome del file, testo alternativo, formato, peso, dimensioni e contesto della pagina.
Un’immagine ottimizzata compare in Google Immagini, accelera il caricamento della pagina e descrive il proprio contenuto anche a chi naviga con uno screen reader.
Detto in altro modo: un motore di ricerca interpreta una fotografia soprattutto attraverso ciò che le sta intorno. I sistemi di visione artificiale progrediscono in fretta, tuttavia il testo associato resta il segnale più affidabile e quello su cui hai controllo diretto.
Perché oggi le immagini contano più di prima
Per anni l’ottimizzazione delle immagini è stata considerata una rifinitura. Oggi tocca tre canali distinti, e ciascuno porta persone diverse.
La ricerca che parte da Google Immagini
Marco sta arredando il suo secondo locale. Ha in mente una sedia precisa, vista in un bistrot a Lione, tuttavia il nome del modello gli sfugge. Apre Google, digita «sedia bistrot» e passa alla scheda Immagini.
Da lì comincia a restringere il campo. Attiva «mostra dimensioni» fra gli strumenti, perché vuole vedere le foto ad alta risoluzione e cogliere i dettagli della seduta. Poi usa il filtro dimensioni per escludere le miniature. Sceglie il colore, perché il legno chiaro è quello che ha in mente.
Applica il filtro tipo per vedere soltanto le fotografie di prodotto. Infine ordina per data, così da trovare i modelli ancora a catalogo.
Cinque filtri, cinque passaggi. Ognuno lavora su informazioni che il motore ha ricavato dal file e dalla pagina che lo ospita: dimensioni reali, palette dominante, tipologia, data di pubblicazione, testo circostante.
Un’immagine che porta con sé quelle informazioni entra in tutti i filtri; le altre restano ai margini.
Se la tua azienda produce quelle sedie, la distanza fra comparire nella selezione di Marco e restare fuori sta in poche righe di testo associate alla foto.
Google Lens e la ricerca visiva
Il passaggio successivo salta del tutto la tastiera. Una persona inquadra un oggetto con la fotocamera e chiede al motore di riconoscerlo. Lens confronta l’inquadratura con le immagini indicizzate e propone prodotti simili, con tanto di negozi e prezzi.
Per un’azienda il ragionamento resta lo stesso: comparire fra i risultati richiede che le proprie foto siano indicizzate, nitide e associate a informazioni chiare su prodotto, materiale e categoria. Le schede prodotto ben costruite lavorano su entrambi i fronti, come vediamo nella guida sulla SEO della scheda prodotto.
Le immagini dentro le risposte AI
Il terzo canale è il più recente. Le risposte generate dall’intelligenza artificiale, dentro Google e fuori, accompagnano spesso il testo con immagini prese dalle pagine che citano. Una foto ben descritta ha più probabilità di comparire accanto alla risposta, e quella presenza vale visibilità anche quando il clic resta assente.
È un tema che abbiamo affrontato analizzando il caso di una nostra pagina prima fra i risultati organici e con pochissimi clic, nell’articolo dedicato a come funziona l’AI Overview.
Prima del caricamento: dimensione, peso e formato
Il lavoro migliore si fa quando l’immagine è ancora sul tuo computer. Tre parametri, in ordine di importanza.
Quanti pixel servono davvero
La regola guida è una sola: la larghezza dell’immagine segue quella dello spazio che la contiene.
Prendiamo un caso concreto. Un sito costruito per una risoluzione desktop di 1.920 pixel ha in genere un corpo centrale intorno ai 1.200 pixel.
Un’immagine collocata a metà colonna occupa quindi circa 600 pixel di larghezza. Caricare a 3.000 pixel una foto che verrà mostrata a 600 significa far scaricare al browser sei volte i dati necessari.
Per le immagini di contenuto una larghezza fra 1.200 e 1.600 pixel copre bene anche gli schermi ad alta densità. Le immagini di apertura a tutta pagina possono arrivare a 1.920. Oltre, il guadagno visivo si esaurisce e resta soltanto il peso.
Quanto deve pesare un’immagine
Il peso si misura in kilobyte e incide direttamente sul tempo di caricamento, soprattutto da telefono.
Con i formati moderni un riferimento sensato è restare sotto i 150 KB per le immagini di contenuto e sotto i 250 KB per quella di apertura. Sono soglie generose rispetto a qualche anno fa, perché la compressione è migliorata: la stessa fotografia che in JPEG pesava 200 KB, in WebP ne occupa spesso meno di 80 mantenendo la qualità.
Un’attenzione in più merita la prima immagine visibile della pagina. È quella che il browser scarica per prima e che il motore misura come Largest Contentful Paint, uno dei Core Web Vitals. Alleggerirla produce un effetto visibile sul punteggio complessivo.
Quale formato scegliere
| Formato | Quando usarlo |
| JPEG | Fotografie, quando serve la massima compatibilità |
| PNG | Grafiche con trasparenza, schermate, testo su immagine |
| WebP | Sostituto moderno di JPEG e PNG: qualità simile, peso inferiore, supporto ormai universale |
| AVIF | Compressione ancora migliore di WebP, ideale su cataloghi con molte immagini |
| SVG | Loghi, icone, diagrammi: essendo vettoriale si adatta a ogni dimensione e pesa pochissimo |
Il consiglio operativo: adotta WebP come formato predefinito e riserva SVG a tutto ciò che nasce vettoriale. Su WordPress esistono estensioni che convertono automaticamente la libreria media e generano le versioni alternative, un tema che tocchiamo anche parlando di ottimizzazione SEO di un sito WordPress.
Il nome del file è la prima cosa che Google legge
I motori esplorano il web con programmi automatici, che sul sito seguono i link e leggono il codice. La guida su come funziona il crawler di Google racconta il meccanismo nel dettaglio. Per le immagini, il primo elemento che quel programma incontra è il nome del file.
Come rinominare un’immagine
Prova a cercare `foto0001.jpg`: troverai un milione di risultati identici, il nome che le fotocamere assegnano per impostazione predefinita. Quel file racconta zero.
Se stai pubblicando la scheda di una bottiglia, il nome utile assomiglia a `prosecco-arzana-cantina-astoria.jpg`. Tre informazioni in una riga: che prodotto è, quale etichetta, quale cantina. Le parole separate da trattini, tutto minuscolo, accenti e caratteri speciali lasciati fuori.
Tre abitudini da correggere
- Rinominare dopo il caricamento.
Il file va rinominato prima, sul computer. Cambiarlo dopo genera un nuovo indirizzo e lascia dietro di sé un collegamento interrotto. - Ripetere la stessa parola chiave su venti file.
`sedia-bistrot-1.jpg`, `sedia-bistrot-2.jpg` e così via comunicano poco. Meglio distinguere: `sedia-bistrot-legno-chiaro.jpg`, `sedia-bistrot-schienale-curvo.jpg`. - Affidarsi al titolo del post.
Molti sistemi assegnano automaticamente il nome dell’articolo a ogni allegato. Il risultato è una libreria dove venti immagini diverse si chiamano quasi allo stesso modo.
Come si scrive un testo alternativo efficace?
Un testo alternativo efficace descrive in una frase breve quello che l’immagine mostra, con le parole che userebbe una persona per raccontarla a voce. Contiene la parola chiave quando risulta naturale, resta sotto le quindici parole e lascia fuori formule come «immagine di». Sulle immagini puramente decorative il campo resta vuoto.
È il campo che conta di più, per due ragioni che coincidono. Il motore lo legge per capire il contenuto della foto. Le persone che navigano con uno screen reader lo ascoltano al posto dell’immagine. Un buon testo alternativo serve entrambe le esigenze con la stessa frase.
Quando il campo resta vuoto
Un’immagine puramente decorativa — una texture di sfondo, un separatore grafico, un’icona già accompagnata da testo — merita il campo vuoto.
In quel caso lo screen reader la salta, che è esattamente il comportamento desiderato. Riempire il campo con parole chiave produrrebbe soltanto rumore per chi ascolta.
La distinzione è semplice: se togliendo l’immagine la pagina perde un’informazione, il testo alternativo va scritto. Se la pagina resta completa, il campo va lasciato libero.
Gli altri campi della libreria media
WordPress associa a ogni immagine quattro campi editabili. Ciascuno ha una funzione precisa.
- Testo alternativo. Quello appena descritto. Il più importante.
- Titolo. Compare al passaggio del mouse. Il peso sul posizionamento è modesto, l’utilità per chi legge resta.
- Didascalia. Se compilata appare sotto l’immagine, visibile a tutti. Ottima per aggiungere contesto, fonte di un dato, nome di un prodotto.
- Descrizione. Un campo libero, utile per informazioni estese: dati tecnici, varianti, riferimenti che completano il quadro.
Una nota di coerenza: questi campi vivono nella libreria media e viaggiano con l’immagine. Compilarli una volta bene significa averli corretti ovunque quel file venga riutilizzato.
Velocità e accessibilità: due facce dello stesso lavoro
Ottimizzare le immagini produce due effetti che sembrano distanti e che invece si sostengono a vicenda.
Caricamento differito e immagini responsive
Il caricamento differito, o lazy loading, fa scaricare al browser soltanto le immagini che stanno per entrare nello schermo. Su una pagina lunga e ricca di foto il guadagno è consistente.
WordPress lo applica in automatico dalla versione 5.5, con un’eccezione da conoscere: conviene tenerlo disattivato sulla prima immagine visibile, che va caricata subito.
Le immagini responsive lavorano su un altro asse. Il sistema genera più versioni dello stesso file a larghezze diverse e lascia che sia il browser a scegliere quella adatta al dispositivo.
Un telefono scarica la versione piccola, un monitor da ufficio quella grande. È una funzione attiva per impostazione predefinita, e vale la pena verificare che le estensioni installate la rispettino.
Core Web Vitals
I Core Web Vitals misurano l’esperienza reale di chi apre la pagina. Le immagini incidono su due dei tre indicatori:
- il Largest Contentful Paint, che misura quanto tempo passa prima che compaia l’elemento principale,
- il Cumulative Layout Shift, che registra gli spostamenti del contenuto durante il caricamento.
Il secondo si risolve con un accorgimento che costa poco: dichiarare larghezza e altezza di ogni immagine nel codice. Il browser riserva lo spazio in anticipo e la pagina resta ferma mentre carica.
Il monitoraggio si fa da Google Search Console, che segnala le pagine con indicatori sotto soglia e permette di seguirne l’andamento nel tempo.
Accessibilità
Dal giugno 2025 lo European Accessibility Act ha esteso a molte attività commerciali online obblighi di accessibilità che prima riguardavano il settore pubblico.
Il testo alternativo delle immagini è uno dei requisiti più immediati da soddisfare, e uno dei più semplici.
C’è una convergenza che vale la pena notare: il lavoro che rende un sito comprensibile a chi usa tecnologie assistive coincide quasi per intero con quello che lo rende comprensibile ai motori. Approfondiamo il quadro normativo nella guida allo European Accessibility Act e nella pagina sull’ accessibilità dei siti web.
La checklist in otto punti
Un promemoria da tenere accanto mentre lavori.
- Scegli l’immagine giusta. Ottimizzare una foto sfocata o generica porta risultati modesti. Il contenuto viene prima della tecnica.
- Rinomina il file prima di caricarlo. Parole descrittive, trattini come separatori, tutto minuscolo.
- Ridimensiona alla larghezza reale. Fra 1.200 e 1.600 pixel per i contenuti, fino a 1.920 per le aperture.
- Comprimi e converti. WebP come standard, AVIF sui cataloghi ricchi, SVG per loghi e diagrammi.
- Scrivi il testo alternativo. Una frase breve e descrittiva. Campo vuoto sulle immagini decorative.
- Compila didascalia e descrizione quando aggiungono valore. Fonte del dato, nome del prodotto, riferimento tecnico.
- Verifica larghezza, altezza e caricamento differito nel codice. La prima immagine visibile si carica subito, le altre al bisogno.
- Misura. Search Console per gli indicatori, il rapporto sulle prestazioni per capire quali immagini frenano le pagine.
In Factory Communication questo controllo entra nell’audit tecnico di ogni sito che seguiamo, perché è una delle attività con il rapporto migliore fra tempo investito e risultato.
Vuoi capire a che punto è il tuo sito su questi otto punti? Richiedi un meeting gratuito.
Domande frequenti
Dipende dallo spazio che la ospita. Come riferimento, fra 1.200 e 1.600 pixel di larghezza per le immagini di contenuto e fino a 1.920 per quelle di apertura a tutta pagina. La regola resta una: la larghezza segue il contenitore.
Con i formati moderni, sotto i 150 KB per le immagini di contenuto e sotto i 250 KB per quella di apertura. La stessa fotografia convertita in WebP pesa in genere meno della metà rispetto al JPEG di partenza.
Sì, ed è il campo con il peso maggiore fra quelli associati a un’immagine. Il motore lo usa per capire il contenuto della foto e valutarne la pertinenza rispetto alla ricerca. Serve anche l’accessibilità, con lo stesso testo.
WebP è la scelta predefinita ragionevole: qualità equivalente, peso inferiore, supporto ormai universale sui browser. AVIF comprime ancora meglio e dà il suo meglio su cataloghi con centinaia di immagini, dove il risparmio cumulato diventa rilevante.
Sì, i passaggi tecnici coincidono. Vale un’attenzione in più sulla qualità: un’immagine generica indebolisce la pagina che la ospita, indipendentemente da come è nata. Alcune piattaforme inseriscono inoltre metadati che dichiarano l’origine sintetica del file.
Gli effetti sulla velocità sono immediati e misurabili appena la pagina viene rigenerata. Il posizionamento in Google Immagini richiede una nuova scansione e in genere qualche settimana prima di stabilizzarsi.
Tecniche SEP: articoli correlati
Se vuoi realizzare la SEO del tuo sito internet e eCommerce, leggi anche questi articoli: