Ottimizzazione immagini SEO: formati, alt text e compressione nel 2026 – Antonio Ilacqua
Antonio Ilacqua
arrow_back Blog / SEO Tecnica
SEO Tecnica

Ottimizzazione immagini SEO nel 2026

Formati, alt text, compressione e lazy loading: le immagini non ottimizzate sono la causa numero uno di siti lenti. Ecco come risolverlo.

person Antonio Ilacqua calendar_today 4 Luglio 2026 schedule 5 min di lettura

INDICE

  1. Perché le immagini impattano il SEO
  2. Formato giusto: WebP, AVIF o JPEG?
  3. Alt text: il testo che Google legge al posto dell'immagine
  4. Compressione e dimensioni: le azioni pratiche
  5. Nomi file e sitemap immagini

Hai ottimizzato i title tag, scritto i meta description, costruito backlink locali — eppure PageSpeed Insights continua a darti un punteggio basso. Nella maggior parte dei casi la causa è una sola: le immagini. Secondo HTTP Archive Web Almanac 2024, le immagini rappresentano in media il 64% del peso totale di una pagina web. Ridurre quel peso è l'intervento con il miglior rapporto impegno-beneficio in assoluto per la velocità del sito — e quindi per il SEO.

1. Perché le immagini impattano il SEO

Google misura la velocità di caricamento attraverso i Core Web Vitals, in particolare il LCP (Largest Contentful Paint) — il tempo che impiega il contenuto principale della pagina a diventare visibile. L'immagine hero, il banner principale, la foto prodotto in evidenza: in quasi tutti i siti, l'elemento con LCP peggiore è un'immagine non ottimizzata.

Ma le immagini non riguardano solo la velocità. Google gestisce un motore di ricerca immagini separato che riceve miliardi di query al mese. Un'immagine ben ottimizzata — con il giusto alt text, nome file descrittivo e dimensioni corrette — può comparire in Google Immagini e portare traffico aggiuntivo al sito, senza alcun costo.

Per i siti locali, c'è un ulteriore vantaggio: foto dell'attività, dei prodotti, dello staff con alt text geo-localizzato generano segnali di rilevanza geografica che rafforzano il posizionamento locale. Un'immagine con alt="interno del locale di Antonio Ilacqua web designer a Milazzo" dice a Google dove sei e cosa fai — in modo visivo e testuale contemporaneamente.

2. Formato giusto: WebP, AVIF o JPEG?

La scelta del formato è la prima decisione da prendere prima ancora di pensare alla compressione. Non esiste un formato universalmente migliore — ogni formato ha il suo contesto ideale:

AVIF Fino al 50% più leggero di JPEG. Ottimo per qualità estrema con file ridottissimi. Il supporto browser è in crescita ma non ancora universale — usalo con il tag <picture> con fallback WebP o JPEG per garantire compatibilità.
JPEG Lo standard universale per le fotografie. Supporto al 100% dei browser. Usalo come fallback quando WebP non è disponibile, o per piattaforme che non accettano WebP (alcune email, vecchi CMS).
PNG Indispensabile per immagini con trasparenza (loghi su sfondi, icone, screenshot con aree trasparenti) e per grafica con testo nitido. File più pesanti di WebP — non usarlo per fotografie.
SVG Ideale per loghi, icone e illustrazioni vettoriali. File testuali di piccole dimensioni, scalabili a qualsiasi risoluzione senza perdita di qualità. Non adatto per fotografie.

Raccomandazione pratica 2026: converti tutte le fotografie in WebP usando Squoosh (squoosh.app, gratuito e online). Usa PNG solo dove serve la trasparenza. Per i loghi del sito, usa SVG quando possibile.

3. Alt text: il testo che Google legge al posto dell'immagine

Il testo alternativo (alt) è l'attributo HTML che descrive un'immagine. Serve per tre scopi distinti, tutti importanti:

Per scrivere un alt text efficace per la SEO locale, la regola è: descrivi l'immagine in modo naturale, includi la keyword locale se ha senso nel contesto.

Esempi concreti:

Immagini decorative: se un'immagine è puramente estetica (sfondo, separatore, pattern geometrico) e non aggiunge informazioni al contenuto, usa alt="". Così i lettori di schermo la saltano e Google non spreca risorse di crawl su testo inutile.

4. Compressione e dimensioni: le azioni pratiche

Anche il formato migliore diventa un peso se l'immagine non è compressa correttamente e se ha dimensioni sproporzionate rispetto all'uso reale. Tre passi pratici:

  1. Ridimensiona prima di caricare. Mai caricare un'immagine 4000×3000 px per mostrarla in un contenitore di 800 px. Il browser la scarica comunque a piena risoluzione, sprecando banda e rallentando il LCP. Usa Squoosh (squoosh.app, gratuito, in-browser) per ridimensionare e convertire in WebP in un unico passaggio.
  2. Comprimi senza perdita visibile. Una buona compressione WebP con qualità 75–80 produce file dal 40 al 60% più leggeri rispetto all'originale JPEG, con differenze visive impercettibili all'occhio umano su schermo. Strumenti consigliati: Squoosh (browser), TinyPNG (tinypng.com, anche per WebP), ImageOptim (app Mac, per batch processing).
  3. Aggiungi sempre width e height agli img. Specifica le dimensioni dell'immagine direttamente nell'HTML: <img src="..." width="800" height="450" alt="...">. Questo permette al browser di riservare lo spazio corretto prima del caricamento, eliminando il CLS (Cumulative Layout Shift) — il fastidioso "salto" del layout mentre la pagina carica, penalizzato dai Core Web Vitals.

Lazy loading: aggiungi loading="lazy" a tutte le immagini che si trovano sotto il fold (non visibili al caricamento iniziale). Il browser le scaricherà solo quando l'utente sta per raggiungerle scorrendo la pagina. L'immagine hero — la prima visibile — va invece caricata con priorità: usa loading="eager" o semplicemente ometti l'attributo. Combinare lazy loading con WebP può ridurre il tempo di caricamento iniziale del 30–50%.

5. Nomi file e sitemap immagini

Il nome del file è un segnale SEO spesso ignorato. Google legge il percorso dell'immagine — /asset/img/antonio-ilacqua-web-designer-milazzo.webp — e lo usa come uno dei segnali per capire di cosa parla l'immagine e indicizzarla in Google Immagini.

Usa lettere minuscole, parole separate da trattini (non underscore), lunghezza ragionevole (3–6 parole). Evita caratteri speciali, accenti, spazi.

Sitemap immagini: se il sito ha molte immagini strategicamente importanti (portfolio, catalogo prodotti, galleria), vale la pena aggiungere una sitemap immagini dedicata. Si tratta di un file XML che estende la sitemap standard con il tag <image:image> per ogni pagina. Google la usa per scansionare le immagini in modo più sistematico.

Approfondimento: L'ottimizzazione immagini è uno dei capitoli della guida completa sulla velocità del sito. Leggi: Velocità Sito Web e SEO ←

FONTI E RIFERIMENTI

  • HTTP Archive — Web Almanac 2024, capitolo "Page Weight" (almanac.httparchive.org)
  • Google Search Central — Image SEO Best Practices (developers.google.com/search/docs/appearance/google-images)
  • web.dev — "Use WebP images" (web.dev/uses-webp-images)
  • caniuse.com — Statistiche supporto browser WebP e AVIF (caniuse.com/webp)
  • Google — Core Web Vitals: LCP, CLS documentation (web.dev/vitals)

Le immagini del tuo sito sono ottimizzate?

Audit gratuito delle performance immagini: peso, formato, alt text e impatto sul ranking. Ti dico esattamente cosa costa velocità al tuo sito e come risolverlo.

Richiedi Audit Immagini ← Velocità Sito Web