Le immagini sono spesso il principale collo di bottiglia delle Core Web Vitals, in particolare del Largest Contentful Paint (LCP) — il tempo necessario perché l’elemento di contenuto principale (di solito un’immagine hero) sia visibile. Un LCP oltre i 2,5 secondi penalizza ranking e conversion.

• Formati moderni: WebP e AVIF con fallback. Riduzione dei pesi del 30-50% rispetto a JPG/PNG senza perdita visiva percepibile.
• Dimensioni reali corrette: niente immagini servite a 4000px ma renderizzate a 600px. Responsive images con srcset e sizes obbligatorie.
• Lazy loading sotto la fold (loading="lazy"); preload dell’hero image per accelerare LCP (fetchpriority="high").
• CDN e cache HTTP per la consegna globale.
• Compressione lossy controllata: 75-85% di qualità è sweet spot per il web; oltre, peso inutile; sotto, perdita visibile.

L’accessibilità delle immagini non è solo un obbligo etico: è ranking factor indiretto (segnale di qualità) e requisito legale in molti paesi (European Accessibility Act). Per un brand strutturato è anche una manifestazione di cura del cliente.

• Alt text descrittivo: descrive l’immagine in modo significativo per chi non la vede. Non keyword stuffing.
• Immagini decorative: alt="" esplicito (non assente). Il lettore di schermo le salta.
• Contrasto sufficiente per testi sovrapposti a immagini: WCAG AA 4.5:1 per testo normale.
• Captionsemantici (<figcaption>): per infografiche, dati, immagini concettuali.
• Niente testo critico solo nell’immagine: il contenuto importante deve essere disponibile come testo accanto.

L’analisi visiva dei contenuti da parte dei motori di ricerca è cresciuta enormemente. Google Lens, le AI Overviews multimodali e i motori di risposta visiva rendono le immagini un canale di scoperta a sé.

• Filename descrittivi: brand-x-prodotto-y.webp, non IMG_2354.jpg. Trasparente per crawler e indicizzazione.
• Alt text + filename + caption + contesto della pagina: i quattro segnali combinati alimentano la comprensione visiva.
• Schema markup ImageObject per immagini chiave (logo, prodotti, autore): alimenta knowledge graph e rich results.
• Immagini di brand riconoscibili: stile coerente con la palette e con la grafica ufficiale, riconoscimento da parte di crawler ed utenti.
• EXIF e metadata copyright: protezione del diritto d’autore + segnali di provenienza.

• Hero image servita in dimensioni full-resolution senza responsive: penalizza LCP su mobile.
• Alt text vuoti su immagini significative (testo critico, dati, infografiche): violazione di accessibilità + perdita di segnale SEO.
• Alt text con keyword stuffing: pratica obsoleta e potenzialmente penalizzante.
• Lazy loading sull’hero image: rallenta LCP. Preload + fetchpriority=”high” è il pattern corretto.
• Immagini in formati legacy non ottimizzati (JPG senza progressive, PNG per fotografie): pesi gonfi senza valore aggiunto.
• Filename non descrittivi (IMG_*.jpg, screenshot_2023.png): segnale di scarso controllo del catalogo media.