INDICE
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:
<picture> con fallback WebP o JPEG per garantire compatibilità.
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:
- Accessibilità — i lettori di schermo usati da persone con disabilità visive leggono l'alt text ad alta voce al posto dell'immagine.
- SEO — Google non "vede" le immagini come le vediamo noi: il sistema di visione artificiale di Google è migliorato molto, ma l'alt text rimane il segnale testuale più diretto per indicizzare un'immagine in Google Immagini.
- Fallback visivo — se l'immagine non carica (connessione lenta, errore del server), il browser mostra l'alt text al suo posto.
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:
- Cattivo:
alt="foto"— non dice nulla né a Google né all'utente - Cattivo:
alt="IMG_001_finale_versione2"— nome file tecnico senza significato - Cattivo:
alt="web designer Milazzo SEO consulente Messina siti web"— keyword stuffing che Google penalizza - Buono:
alt="Antonio Ilacqua durante una sessione di consulenza SEO a Milazzo" - Buono:
alt="tavolo di legno artigianale prodotto dalla falegnameria Rossi di Barcellona Pozzo di Gotto"
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:
- 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.
- 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).
-
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.
- Evita:
IMG_4137.jpg,foto1_final_v2.webp - Preferisci:
antonio-ilacqua-web-designer-milazzo.webp,ristorante-pesce-fresco-milazzo-interno.webp
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.
- WordPress: i plugin SEO come Yoast SEO e RankMath generano automaticamente la sitemap immagini — nessuna azione manuale richiesta.
- Siti statici: aggiungi manualmente le voci immagine alla sitemap.xml esistente, o usa strumenti come Screaming Frog per generarla.
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.