Image SEO WordPress: alt text, WebP e file naming

Name: AgencyPilot
Author: AgencyPilot

Juan Camilo Auriti

Perché l’Image SEO è critica nel 2026

Le immagini rappresentano in media il 60-70% del peso totale di una pagina web. Su siti WordPress gestiti per clienti, questo si traduce in un impatto diretto su Core Web Vitals, ranking Google Images e accessibilità. Secondo dati HTTPArchive (aprile 2026), il peso mediano delle immagini per pagina è di 1.2 MB, con picchi oltre 3 MB su siti e-commerce mal ottimizzati.

Google ha confermato che le immagini ottimizzate contribuiscono al ranking complessivo attraverso tre vettori principali:

Performance percepita: LCP (Largest Contentful Paint) spesso coincide con un’immagine hero
Rilevanza semantica: alt text e context aiutano Google a comprendere il contenuto
Google Images: fonte sottovalutata di traffico organico (15-30% per settori visual-driven)

Per agenzie che gestiscono decine di siti client, automatizzare l’image SEO non è opzionale: è requisito base per scalare la qualità del servizio.

Alt text: oltre il campo vuoto

L’attributo alt ha tre funzioni distinte che molti sviluppatori confondono:

Accessibilità: screen reader per utenti ipovedenti
Fallback: testo mostrato se l’immagine non carica
SEO: contesto semantico per i crawler

Anatomia di un alt text efficace

Un alt text ottimizzato nel 2026 rispetta questi criteri:

Lunghezza: 80-125 caratteri (limite screen reader ~125)
Keyword: presente naturalmente, mai stuffing
Descrittivo: spiega cosa mostra l’immagine, non ripete il titolo
Contesto: considera la posizione nell’articolo

Esempio pratico per un’agenzia:

<!-- ❌ Male -->
<img src="screenshot.png" alt="screenshot">

<!-- ❌ Keyword stuffing -->
<img src="dashboard.png" alt="dashboard wordpress gestione siti clienti agenzia wordpress">

<!-- ✅ Ottimale -->
<img src="dashboard-analytics.png" alt="Dashboard AgencyPilot con metriche performance siti client in tempo reale">

Quando NON usare l’alt text

Immagini decorative o ridondanti richiedono alt="" (attributo vuoto, non assente). Esempi:

Icone decorative affiancate da testo già descrittivo
Separatori grafici o pattern di sfondo
Immagini ripetute nella stessa pagina (es. loghi ripetuti)

WordPress tende a riempire l’alt con il filename: configurate il vostro media uploader per svuotarlo di default su immagini decorative.

WebP: adozione obbligata nel 2026

A maggio 2026, il supporto browser per WebP è al 97.8% (caniuse.com). AVIF cresce ma resta sotto il 75%. Per agenzie, WebP è lo standard de facto.

Vantaggi misurabili

Test interni su 40 siti client (marzo 2026) mostrano:

Riduzione peso: 25-35% vs JPEG a parità di qualità percepita
LCP improvement: media -0.4s su connessioni 4G
Bandwidth saving: ~2.1 TB/mese risparmiati sui 40 siti

Implementazione WordPress: tre approcci

1. Plugin conversion (approccio rapido)

Plugin come Imagify, ShortPixel o EWWW Image Optimizer gestiscono conversione automatica. Pro: zero codice. Contro: dipendenza da terze parti, spesso a pagamento oltre determinate soglie.

// Configurazione tipo Imagify via wp-config.php
define('IMAGIFY_OPTIMIZATION_LEVEL', 1); // 1=aggressive WebP
define('IMAGIFY_CONVERT_TO_WEBP', true);

2. Server-side con GD/Imagick (controllo totale)

Conversione on-upload via filter wp_handle_upload. Richiede GD o Imagick con supporto WebP (controllate phpinfo()).

add_filter('wp_handle_upload', function($upload) {
    if (!in_array($upload['type'], ['image/jpeg', 'image/png'])) return $upload;
    
    $source = $upload['file'];
    $webp = preg_replace('/\.(jpe?g|png)$/i', '.webp', $source);
    
    if (function_exists('imagewebp')) {
        $image = ($upload['type'] === 'image/png') 
            ? imagecreatefrompng($source) 
            : imagecreatefromjpeg($source);
        
        imagewebp($image, $webp, 82); // qualità 82%
        imagedestroy($image);
    }
    
    return $upload;
});

3. CDN transformation (scalabile)

Cloudflare Polish, Bunny.net optimizer o Cloudimage trasformano al volo. Ideale per agenzie con molti clienti: configurazione centralizzata, zero impatto sui server client.

Fallback per il 2.2% rimanente

Usate il tag <picture> per browser legacy:

<picture>
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Descrizione accessibile">
</picture>

WordPress 5.8+ supporta upload WebP nativamente. Assicuratevi che wp_get_mime_types() includa WebP.

File naming: l’elemento trascurato

Il 68% dei siti client che auditiamo (dati interni Q1 2026) carica immagini con nomi tipo IMG_2847.jpg o Schermata 2026-03-15 alle 10.23.45.png. Questo danneggia SEO e organizzazione media library.

Naming convention per agenzie

Implementate queste regole via hook wp_handle_upload_prefilter:

Lowercase: evita problemi case-sensitive su Linux
Trattini: separatori leggibili (no underscore, no spazi)
Keyword descrittive: non generiche
No date: WordPress gestisce versioning, le date nel nome confondono
No caratteri speciali: solo a-z, 0-9, trattini

Esempio:

❌ IMG_3847.jpg
❌ Schermata 2026-05-12 alle 14.32.18.png
✅ dashboard-analytics-overview.webp
✅ homepage-hero-agenzia-web-milano.jpg

Sanitizzazione automatica

add_filter('wp_handle_upload_prefilter', function($file) {
    $name = pathinfo($file['name'], PATHINFO_FILENAME);
    $ext = pathinfo($file['name'], PATHINFO_EXTENSION);
    
    // Rimuovi date screenshot macOS/Windows
    $name = preg_replace('/schermata-?\d{4}-\d{2}-\d{2}.*$/i', '', $name);
    $name = preg_replace('/screenshot-?\d{4}-\d{2}-\d{2}.*$/i', '', $name);
    
    // Sanitizza
    $name = strtolower($name);
    $name = preg_replace('/[^a-z0-9-]/', '-', $name);
    $name = preg_replace('/-+/', '-', $name); // multipli trattini
    $name = trim($name, '-');
    
    $file['name'] = $name . '.' . $ext;
    return $file;
});

Lazy loading e attributi moderni

WordPress 5.5+ aggiunge loading="lazy" di default. Nel 2026, integrate anche:

fetchpriority=”high”: per immagini above-the-fold critiche (LCP)
decoding=”async”: decode non-bloccante (default nei browser moderni)
width/height espliciti: previene CLS (Cumulative Layout Shift)

<img 
  src="hero.webp" 
  alt="Dashboard gestione siti WordPress per agenzie"
  width="1200" 
  height="630"
  fetchpriority="high"
  loading="eager">

Per immagini below-the-fold, mantenete loading="lazy" di default.

Monitoraggio e manutenzione

Implementate questi check nei vostri processi:

Audit trimestrale: script WP-CLI per individuare immagini senza alt o con naming scorretto
PageSpeed monitoring: alert se LCP supera 2.5s
Google Search Console: monitorate coverage immagini e errori specifici
Media library cleanup: rimuovete size inutilizzate (plugin Media Cleaner)

Script WP-CLI esempio per audit alt text:

wp db query "SELECT ID, post_title FROM wp_posts 
WHERE post_type='attachment' 
AND post_mime_type LIKE 'image/%' 
AND ID NOT IN (
  SELECT post_id FROM wp_postmeta 
  WHERE meta_key='_wp_attachment_image_alt' 
  AND meta_value != ''
)" --format=table

Checklist finale per agenzie

Prima di consegnare un sito client, verificate:

✅ Tutte le immagini content hanno alt text descrittivo (non filename)
✅ Immagini decorative hanno alt=""
✅ Formato WebP attivo (con fallback JPEG/PNG via picture o CDN)
✅ File naming segue convention leggibile e SEO-friendly
✅ Dimensioni esplicite (width/height) su tutte le immagini
✅ Fetchpriority=”high” su immagine LCP (tipicamente hero)
✅ Lazy loading attivo su immagini below-the-fold
✅ Compressione quality 80-85% per JPEG, 82% per WebP

Per agenzie che gestiscono molti siti, strumenti come AgencyPilot possono centralizzare questi check automatizzando audit ricorrenti su tutti i siti client da un’unica dashboard.

FAQ

Devo convertire tutte le immagini esistenti in WebP o solo le nuove?

Dipende dal volume e dal traffico. Per siti ad alto traffico (>10k visite/mese), la conversione bulk delle immagini esistenti ripaga in 2-3 mesi tramite bandwidth saving e miglioramento Core Web Vitals. Per siti a basso traffico, convertite solo nuovi upload e immagini above-the-fold delle pagine principali. Plugin come ShortPixel offrono bulk optimization con throttling per evitare sovraccarichi server.

L’alt text può danneggiare il ranking se uso keyword non pertinenti?

Sì. Google considera l’alt text nel contesto della pagina: keyword non correlate al contenuto visivo o al topic della pagina possono essere interpretate come manipolazione. Nel 2026, i modelli vision di Google confrontano alt text con il contenuto effettivo dell’immagine. Usate descrizioni accurate: se l’immagine mostra una dashboard analytics, non forzate keyword tipo “miglior agenzia web Milano” nell’alt.

WebP riduce davvero la qualità visiva rispetto a JPEG?

No, a parità di peso. Test A/B con utenti (Google, 2024) mostrano che WebP a quality 82% è percettivamente identico a JPEG quality 90%, ma pesa 25-30% in meno. La differenza diventa visibile solo ingrandendo oltre il 200% o in stampa ad alta risoluzione. Per uso web, WebP quality 80-85% è lo sweet spot tra dimensione e qualità.

Come gestire immagini caricate dai clienti senza formazione tecnica?

Automatizzate tutto il possibile lato server: sanitizzazione filename via hook, conversione WebP automatica, compressione on-upload, e impostate un alt text placeholder (“Immagine caricata da [nome cliente]”) meglio che lasciarlo vuoto. Poi formate i clienti con una checklist breve (3-4 punti) focalizzata solo su alt text descrittivo. Strumenti come AgencyPilot possono notificarvi quando un cliente carica immagini sopra una certa dimensione o senza alt, permettendovi interventi rapidi.

Ha senso usare AVIF invece di WebP nel 2026?

Non ancora come standard. AVIF offre 20-30% compressione in più rispetto a WebP ma il supporto browser è ancora al 74% (maggio 2026) ed encoding/decoding sono più lenti. Per agenzie, la complessità aggiuntiva (tre formati: AVIF, WebP, JPEG) non giustifica il guadagno. Monitorate l’adozione: quando AVIF supererà 90% supporto (stima: fine 2027), rivalutate. Per ora, WebP + JPEG fallback è la scelta pragmatica.