Ottimizzare immagini SEO WordPress 2026: AVIF WebP alt text

Le immagini sono il 60-70% del peso totale di una pagina WordPress media. Ottimizzarle correttamente è il singolo intervento con maggior ROI su Core Web Vitals nel 2026. Ti mostro setup completo: conversione automatica AVIF/WebP, responsive sizes, alt text strategici per SEO + AI Overviews, lazy loading.

Perché contano nel 2026

Tre motivi:

LCP: l’hero image è quasi sempre il LCP element. Ottimizzarla = LCP eccellente.
CLS: immagini senza dimensioni causano layout shift. Penalizzazione CWV.
AI Overviews: Google usa contenuto visivo + alt text per scegliere chi citare.

Una pagina media PMI italiana 2026 ha LCP 3.8s con immagini non ottimizzate, 2.1s con immagini ottimizzate. Differenza enorme.

Step 1: scegli il format giusto

Tre format moderni:

AVIF (consigliato 2026): -50% peso vs JPEG, supportato 95%+ browser
WebP: -30% peso vs JPEG, supportato 99%+ browser
JPEG/PNG: solo come fallback

Strategy 2026: AVIF primario + WebP fallback per browser vecchi (raro).

Step 2: conversione automatica

Manuale è impraticabile per siti con 500+ immagini. Tool consigliati:

ShortPixel (5-30€/mese in base al volume): conversione + delivery automatica
Smush Pro (40€/anno): più semplice ma meno granulare
Imagify: simile a Smush, integrazione WP Rocket

Setup ShortPixel:
1. Installa plugin
2. Configura “Format: WebP + AVIF”
3. Quality: 70-80% (qualità imperceptibile differenza)
4. Lascia ricomprimere tutta la libreria (1 ora per 1000 immagini)
5. Verifica funzionamento su 2-3 pagine

Step 3: responsive sizes (srcset)

Una hero image dovrebbe avere 3-5 versioni: mobile, tablet, desktop, retina. WordPress 5.5+ lo fa automaticamente con srcset. Verifica nel codice sorgente:

<img src="hero-1200.webp" 
     srcset="hero-400.webp 400w,
             hero-800.webp 800w,
             hero-1200.webp 1200w,
             hero-2400.webp 2400w"
     sizes="(max-width: 768px) 100vw, 1200px"
     ...>

Se non vedi srcset nel sorgente, il tema è vecchio. Cambia tema.

Step 4: dimensioni esplicite

Ogni <img> deve avere width e height per evitare layout shift. WordPress moderno li aggiunge automaticamente. Verifica:

<img src="..." width="1200" height="675" ...>

Manca width/height? Tema obsoleto.

Step 5: lazy loading

WordPress 5.5+ aggiunge loading="lazy" automaticamente alle immagini sotto il fold. NON applicare lazy alla hero image (LCP element). Verifica:

<!-- Hero (above fold) -->
<img loading="eager" fetchpriority="high" ...>

<!-- Other images -->
<img loading="lazy" ...>

Per fetchpriority high alla hero: WordPress 6.3+ lo fa automaticamente per la featured image.

Step 6: fetchpriority high

Aggiungi fetchpriority="high" all’hero. Browser dà priorità di caricamento. Riduce LCP di 200-500ms.

Step 7: alt text strategico

Alt text serve a tre cose:

Accessibilità: screen reader per ipovedenti
SEO classica: Google usa alt come segnale di contenuto immagine
AI Overviews 2026: gli LLM usano alt per capire contesto pagina

Format ottimale 2026: <keyword principale> - <descrizione visuale breve>

Esempi:
– ❌ Male: “image1.jpg” o “immagine”
– ❌ Male: “schema markup wordpress seo migliore guida 2026 tutorial” (keyword stuffing)
– ✅ Bene: “schema markup WordPress – dashboard developer su laptop con codice JSON-LD”

Lunghezza: 60-125 caratteri. No emoji nelle alt text.

Step 8: nomi file SEO-friendly

IMG_4521.jpg → schema-markup-wordpress-dashboard.jpg. Nome file è ranking factor minore ma somma. Tool: rinomina i nuovi caricamenti, non disturbarti con quelli esistenti.

Step 9: CDN immagine

Servizio CDN dedicato immagini (oltre al CDN globale):

Cloudinary: top-tier, 99-300€/mese, transformations on-the-fly
ImageKit: alternative più economica, 10-50€/mese
Bunny CDN images: 1€/mese, ottimo per Italia

CDN immagine riduce LCP del 30-50% per utenti distanti.

Step 10: monitoring continuo

Setup mensile:
– PageSpeed Insights su top 10 pagine
– Search Console > Core Web Vitals
– Alert via email se LCP supera 3s

Tool gratuito: SpeedCurve free tier o Calibre 14-day trial.

Errori comuni nelle PMI italiane

Caricare PNG da 2MB con foto (deve essere JPEG/WebP)
Non comprimere prima di caricare (ShortPixel risolve)
Alt text vuota o riempita con keyword stuffing
Hero image con loading="lazy" (azzera LCP)
Slider con 10 immagini caricate tutte insieme (carosello mortale per LCP)

Case study reale

Sito WordPress PMI italiana, 200 articoli, 1.500 immagini totali.

Pre-ottimizzazione (giugno 2025):
– Peso pagina media: 3.2 MB
– LCP mobile: 4.1s
– Format: 100% JPEG/PNG

Post-ottimizzazione (dicembre 2025):
– Peso pagina media: 800 KB
– LCP mobile: 1.9s
– Format: 80% WebP, 15% AVIF, 5% JPEG (fallback)

Tempo di setup: 8 ore (audit + ShortPixel + cambio tema). Costo: 50€/mese ricorrente.

FAQ ottimizzare immagini SEO WordPress

AVIF supportato da tutti i browser?

Nel 2026 sì al 95%+. Safari ha supportato dal 2022. Edge case (browser legacy < 2%) ricevono WebP fallback.

Quanto risparmio peso pagina con WebP/AVIF?

WebP -30% vs JPEG. AVIF -50%. Su sito con 100 immagini/pagina, riduzione totale 1-2 MB.

Devo riconvertire tutte le immagini esistenti?

Sì. ShortPixel lo fa in batch automatico in 1-2 ore per 1000 immagini.

Slider con tante immagini è problematico?

Sì, sempre. Sostituisci con CSS-only slider o singola hero image statica. Slider plugin sono LCP-killer.

Posso ottimizzare senza plugin?

Tecnicamente sì (Squoosh.app per conversione manuale + caricamento) ma è impraticabile per siti con > 100 immagini. ShortPixel o equivalent obbligatorio.

Cosa fare nei prossimi 7 giorni

Apri PageSpeed Insights mobile della homepage. Vedi LCP > 2.5s? Probabilmente sono le immagini. Installa ShortPixel, attiva conversione AVIF + WebP. Aspetta 1 ora che ricomprima tutto. Test ancora PageSpeed. Differenza 1-1.5s su LCP è tipica. È il setup mini più rapido per CWV 2026.

Search

Browse