Ottimizzazione SEO Immagini: Checklist Pratica 2026

Ultimo aggiornamento: July 26, 2026

L'Image SEO è il punto in cui velocità di pagina, accessibilità e scoperta tramite ricerca convergono sullo stesso file. Questa checklist copre ciò che Google e Bing richiedono prima che un'immagine possa classificarsi, come scrivere alt text e nomi di file che ne forniscano contesto, la strategia di caricamento che protegge i Core Web Vitals e l'audit mensile per intercettare lo scostamento dopo la pubblicazione.

Risposta rapida: cos'è l'Image SEO?

L'Image SEO è la pratica di rendere le immagini comprensibili, veloci, accessibili ed eleggibili per la scoperta nei motori di ricerca. Un flusso di lavoro Image SEO solido copre nomi di file descrittivi, alt text utili, dimensioni corrette, formati moderni, compressione, dati strutturati dove pertinente e misurazione continua in Google Search Console.

L'obiettivo non è inserire keyword in ogni immagine. L'obiettivo è aiutare un utente, un browser, un crawler e un sistema di risposta AI a capire cosa mostra l'immagine e perché è importante sulla pagina.

Chi dovrebbe usare questa checklist?

Usa questa checklist se le immagini influenzano il valore della tua pagina. Ciò include:

• Pagine prodotto e-commerce dove foto guidano fiducia e conversione.
• Articoli di blog dove grafici, screenshot o diagrammi spiegano la risposta.
• Pagine strumenti dove gli screenshot mostrano il flusso di lavoro.
• Pagine servizi locali dove le foto di progetti reali provano l'esperienza.
• Pagine editoriali che dipendono dalla ricerca per immagini o dalle citazioni AI.

Se la tua pagina ha solo immagini decorative, tienile leggere e usa alt text vuoto. Se la tua immagine porta significato, ottimizzala come contenuto.

Cosa serve a Google o Bing prima che un'immagine possa classificarsi?

I sistemi di ricerca devono scoprire, recuperare, comprendere e associare l'immagine alla pagina corretta. Se fallisce un passaggio, nemmeno un alt text migliore salverà l'asset.

Il contesto è ciò che separa un'immagine classificata da una ignorata. Una foto di una scarpa da corsa blu su una pagina vuota è più debole della stessa foto all'interno di una pagina prodotto con un titolo chiaro, nome del modello, colore, opzioni di taglia e alt text descrittivo. Google può utilizzare il file immagine, il titolo della pagina, gli heading, il testo visibile, le didascalie, i dati strutturati e i link per capire cosa rappresenta un'immagine.

Evita URL firmati temporanei per immagini di articoli pubblici a meno che l'URL renderizzato finale non sia pubblico e indicizzabile. Mantieni il file abbastanza stabile da poter essere cacheggiato e ricrawlato.

La guida di Google sull'immagine enfatizza nomi di file descrittivi, alt text, contesto della pagina e URL immagine crawlabili in Google Images best practices. La guida per webmaster di Bing punta nella stessa direzione: rendere le pagine crawlabili, evitare il cloaking e usare markup descrittivo piuttosto che trucchi nascosti, secondo le Bing Webmaster Guidelines.

Cosa dovresti ottimizzare prima?

Inizia con le immagini più propense ad influenzare l'esperienza utente e l'interpretazione di ricerca:

Non iniziare rinominando in blocco ogni file. Inizia dove l'immagine cambia ciò che l'utente capisce.

Come si sceglie il formato immagine giusto?

Usa il formato che corrisponde al contenuto visivo. La scelta del formato sbagliato è ancora uno dei modi più facili per rallentare una pagina.

Per la maggior parte dei team web, WebP è il default pratico. AVIF può essere più piccolo, ma testa qualità e gestione browser prima di cambiare ogni asset.

Cos'è un buon alt text?

Un buon alt text descrive l'immagine nel contesto della pagina. Dovrebbe aiutare qualcuno che non può vedere l'immagine a comprendere le stesse informazioni che riceve un utente vedente.

Usa questo schema:

1. Nomina il soggetto.
2. Aggiungi il dettaglio rilevante.
3. Includi contesto solo se è importante per la pagina.
4. Fermati prima che diventi un paragrafo.

Esempi:

La guida di Google sull'Image SEO e la guida all'accessibilità puntano entrambi nella stessa direzione: descrivere le immagini utili per le persone prima. Se l'immagine è decorativa, non forzarla nella ricerca.

Come dovrebbero essere scritti i nomi dei file?

Usa nomi di file brevi e descrittivi prima del caricamento. Un crawler può leggere l'URL, e un umano che fa debugging di una libreria asset può farlo altrettanto.

Nomi di file buoni:

• green-trail-running-shoe-side-view.webp
• image-compression-before-after-chart.svg
• shopify-product-photo-white-background.jpg

Nomi di file deboli:

• IMG_2847.jpg
• final-final-2.png
• screenshot.png

Mantieni i nomi dei file stabili dopo la pubblicazione. Rinominare vecchie immagini crea "URL churn" a meno che tu non reindirizzi o aggiorni ogni riferimento.

Come le immagini influenzano i Core Web Vitals?

Le immagini influenzano solitamente due Core Web Vitals direttamente:

• LCP: l'immagine più grande sopra la piega è spesso l'elemento Largest Contentful Paint.
• CLS: le immagini senza dimensioni riservate possono spostare il layout mentre vengono caricate.

Usa questa regola:

In questo sito, le copertine blog riservano un box 16:9 prima che l'immagine venga caricata. Questo protegge la stabilità del layout anche quando un'immagine CDN è lenta.

Il lazy loading ritarda le immagini fuori schermo, accelerando il primo paint e risparmiando banda. Applicato ciecamente fa l'opposto: può ritardare l'elemento LCP. La divisione che si mantiene dopo aver misurato entrambi gli esiti:

<!-- Hero: caricare immediatamente -->
<img src="hero.webp" loading="eager" fetchpriority="high"
     width="1600" height="900" alt="Foto prodotto hero">

<!-- Galleria: ritardare -->
<img src="thumb-03.webp" loading="lazy" decoding="async"
     width="400" height="300" alt="Angolo dettaglio prodotto tre">

Associa sempre il lazy loading con width e height espliciti per evitare CLS. Il walkthrough completo dell'implementazione è in how to lazy load images.

Come le immagini responsive influenzano l'SEO?

Le immagini responsive aiutano utenti e crawler a raggiungere il file giusto per il dispositivo. Un visitatore mobile non dovrebbe scaricare lo stesso enorme hero che riceve un monitor desktop. Usa srcset e sizes quando la stessa immagine ha bisogno di larghezze multiple, e mantieni un alt significativo sull'elemento img.

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Scarpa da corsa blu con lacci neri e suola bianca spessa"
  loading="lazy"
>

Per la generazione di derivati in blocco, batch resize guide fornisce un flusso di lavoro da riga di comando. Per decisioni specifiche per il mobile, abbinalo a mobile image optimization.

Dovresti ospitare le immagini sul tuo dominio?

Di solito sì. Le immagini self-hosted sul tuo dominio (o il tuo subdomain CDN) mantengono l'equity di link e l'attribuzione del brand con te, e ti permettono di controllare caching, header e analytics. L'hosting di terze parti può rompersi, perdere referral e diluire i segnali di proprietà.

Usa un CDN che serve dal tuo dominio o da un subdomain first-party. Questo ti dà una consegna edge globale e compressione senza rinunciare al controllo — i compromessi sono coperti in image CDN guide.

Dovresti aggiungere immagini ai dati strutturati?

Sì, quando il tipo di pagina lo supporta. Article, Product, Recipe e Organization schema possono includere tutti campi immagine. L'URL dell'immagine dovrebbe essere crawlabile, stabile e rappresentativo della pagina.

Per gli articoli di blog, i controlli importanti sono:

• Article o BlogPosting JSON-LD include titolo, descrizione, data, URL canonico, autore o editore e immagine.
• L'immagine non è bloccata dai robots.
• Lo stesso URL articolo canonico appare in metadati, sitemap e link interni.
• L'immagine è rilevante per l'articolo, non un grafico predefinito generico riutilizzato in decine di post.

Questo progetto ora utilizza l'indicizzazione blog solo canonica, quindi gli slug legacy duplicati dovrebbero reindirizzare all'articolo canonico anziché competere con esso.

Cosa rende utile l'Image SEO per le risposte AI?

I sistemi di risposta AI preferiscono pagine con passaggi chiari e autosufficienti. Per le pagine Image SEO, i migliori passaggi collegano l'immagine a una risposta pratica.

Passaggio buono citabile da AI:

Per una foto prodotto, il miglior flusso di lavoro predefinito è: ritagliare per il rapporto di visualizzazione, esportare come WebP o JPEG, mantenere l'immagine principale sotto i 200 KB quando possibile, scrivere alt text che nomini il prodotto e il dettaglio visibile, e riservare larghezza e altezza per prevenire lo spostamento del layout.

Quel passaggio funziona perché risponde a una domanda specifica senza aver bisogno di cinque paragrafi circostanti.

Aggiungi blocchi di risposta diretta simili vicino a grafici, checklist ed esempi. Non nascondere la risposta sotto un lungo preambolo.

Come si audita l'Image SEO ogni mese?

Esegui questo audit mensile sulle pagine che contano di più:

1. Esporta le pagine di atterraggio con le migliori immagini da Google Search Console.
2. Controlla se la migliore immagine su ogni pagina è unica e rilevante.
3. Trova file superiori a 200 KB e comprimili o ridimensionali.
4. Rivedi l'alt text per descrizioni mancanti, vaghe o riempite di keyword.
5. Controlla LCP e CLS in PageSpeed Insights o nei tuoi dati sul campo.
6. Conferma che lo schema Article o Product utilizzi la giusta immagine.
7. Aggiorna vecchi screenshot quando l'interfaccia utente cambia.

Il fallimento più comune non è un bug tecnico. È un'immagine obsoleta o generica che non supporta più l'articolo.

Quando ho revisionato la foto di copertina di questa guida, ho compresso l'originale export della fotocamera fino a un misurato file WebP da 61 KB senza perdita visibile di qualità.

Checklist Image SEO

Prima di pubblicare:

• L'immagine di copertina è unica per l'articolo.
• L'immagine di copertina spiega l'argomento dell'articolo in un colpo d'occhio.
• Ogni immagine significativa ha alt text descrittivo.
• Le immagini decorative usano alt text vuoto.
• I nomi dei file descrivono il soggetto in inglese semplice.
• Foto grandi sono compresse e ridimensionate.
• Le immagini sopra la piega non sono lazy load.
• Le immagini sotto la piega riservano spazio di layout.
• Lo schema Article o Product include un URL immagine crawlabile.
• La pagina ha almeno un'immagine abbastanza utile da guadagnare un click o una citazione.

Dopo aver pubblicato:

• Testa la pagina su mobile.
• Controlla l'HTML renderizzato per i tag Open Graph e canonici immagine.
• Esegui PageSpeed Insights sui template importanti.
• Monitora impressioni e click immagini di Google Search Console.
• Sostituisci le immagini predefinite o ripetute non appena le trovi.

Strumenti consigliati

Errori comuni da evitare

Un'unica immagine generica può essere riutilizzata in molti post?

No. Una copertina predefinita ripetuta indebolisce la pagina prima che un lettore inizi. Indica che l'articolo potrebbe essere un filler programmatico, e dà ai sistemi di ricerca meno contesto specifico della pagina.

L'alt text dovrebbe ripetere la keyword target?

Solo quando la keyword descrive naturalmente l'immagine. image SEO checklist dashboard va bene per un'immagine di dashboard. image SEO image SEO image SEO è spam e danneggia l'accessibilità.

Tutte le immagini dovrebbero essere lazy load?

No. Lazy load le immagini sotto la piega. Non fare lazy load all'immagine principale se è probabile che sia l'elemento LCP.

Un sitemap immagine è sempre richiesto?

Non sempre. Google può scoprire le immagini da HTML normale. Le voci di sitemap immagine sono più utili quando le immagini vengono caricate tramite JavaScript, gallerie o grandi librerie multimediali dove la scoperta è più difficile.

Guide correlate

• Complete Image Optimization Checklist
• WebP vs AVIF Comparison
• Website Speed Images Guide
• Compress Images Without Losing Quality
• Image Format Guide

Domande frequenti

Quale immagine su una pagina dovrei ottimizzare prima?

Correggi prima l'immagine hero più grande sopra la piega, poiché di solito controlla il Largest Contentful Paint della pagina prima che qualsiasi altra immagine sia importante.

Perché un ritaglio prodotto trasparente ha bisogno di PNG o WebP invece di JPEG?

JPEG non ha canale alpha, quindi riempie i pixel trasparenti con uno sfondo solido e distrugge l'effetto ritaglio che PNG o WebP preservano.

Le immagini decorative hanno bisogno di alt text?

No, le immagini puramente decorative dovrebbero essere inviate con alt text vuoto in modo che gli screen reader le saltino anziché annunciare un riempitivo privo di significato.

È sicuro rinominare un file immagine dopo che la pagina è già stata pubblicata?

Solo se imposti un reindirizzamento o aggiorni ogni riferimento, perché rinominare un file immagine attivo altrimenti crea link rotti e URL churn.

Le icone e lo chrome UI dovrebbero essere ottimizzati allo stesso modo delle immagini di contenuto?

No, icone e chrome UI funzionano meglio come SVG inline o asset piccolo cacheggiato piuttosto che il trattamento di compressione e alt-text usato per le immagini di contenuto significative.

Cosa rende più probabile che un passaggio relativo alle immagini venga citato da un motore di risposta AI?

Un passaggio autosufficiente che afferma un flusso di lavoro concreto, come rapporto di ritaglio, dimensione file target e formato, senza richiedere al lettore di scorrere paragrafi circostanti.

Cosa dovrebbe controllare realmente un audit mensile Image SEO?

Dovrebbe segnalare file superiori a 200 KB, alt text vaghi o mancanti e qualsiasi pagina immagine con prestazioni elevate il cui LCP o CLS è cambiato dall'ultimo controllo.

Ogni sito web ha bisogno dello stesso livello di sforzo Image SEO?

No, le pagine e-commerce, editoriali e servizi locali dipendono da foto significative e necessitano di ottimizzazione reale, mentre le pagine con solo immagini decorative hanno bisogno poco più che di compressione.