2025-06-18 · Redazione Baduno · 8 blog.readMin · Blog & Conoscenza
SEO delle immagini: WebP, testi alternativi e la fine delle scuse sui tempi di caricamento
Le immagini sono sulla maggior parte delle pagine il carico più pesante e la superficie SEO peggio utilizzata allo stesso tempo. Entrambi si possono cambiare in un pomeriggio.
Questione formato risolta
WebP (o AVIF) invece di JPEG/PNG fa risparmiare tipicamente il 30-70% di peso a parità di effetto. Non ci sono quasi più motivi per i vecchi formati – ogni pipeline di immagini dovrebbe convertire automaticamente, come fa la nostra.
Dimensioni e caricamento
Gli attributi width e height impediscono i salti di layout, loading=lazy sposta l'invisibile, l'immagine hero ha priorità. Tre attributi, effetto tangibile su tutti i Core Web Vitals.
Testi alternativi: per le persone, poi per le macchine
Un buon testo alternativo descrive cosa si vede e a cosa serve – prima per gli utenti di screen reader, poi per la ricerca di immagini. Il keyword stuffing danneggia entrambi i gruppi. In multilinguismo: i testi alternativi vengono tradotti insieme, non dimenticati.
Immagini originali vincono
Le foto stock sono riconosciute da tutti, e la ricerca immagini ne è piena. Mondi di immagini propri e coerenti – oggi producibili anche con l'IA – rafforzano il marchio e la differenziazione. Ogni immagine di questo sito è produzione propria; è proprio questo il punto.
Efficienza grazie all'ottimizzazione delle immagini basata sull'IA
L'IA può scegliere automaticamente il formato ottimale e la migliore compressione. Gli strumenti analizzano il soggetto dell'immagine e regolano i parametri, senza che dobbiate controllare manualmente ogni immagine. Tipicamente si ottiene una riduzione delle dimensioni del file del 40-60% a parità di qualità. Tuttavia, i risultati devono essere controllati a campione da un essere umano, poiché l'IA a volte trascura i dettagli. In pratica, molti sistemi di content management integrano tali ottimizzazioni tramite plugin. Un esempio: un portale di viaggi ha convertito automaticamente migliaia di immagini, risparmiando il 55% di larghezza di banda e migliorando il tempo di caricamento di 1,2 secondi, senza che un dipendente dovesse toccare ogni immagine.
Sitemap per immagini: dati strutturati e indicizzazione
Le immagini vengono trovate solo se il motore di ricerca può scansionarle. Utilizzate la sitemap delle immagini per segnalare tutti gli URL anche per immagini generate dinamicamente. Aggiungete dati strutturati (briciole di pane, prodotto, video) con URL delle immagini, in modo che Google le visualizzi nei rich results. Assicuratevi che gli URL delle immagini puntino direttamente all'originale e non passino attraverso un parametro script. Esempio: un negozio online di mobili include tutte le immagini dei prodotti nella XML sitemap e utilizza lo schema Product con la proprietà image. Così le immagini appaiono in primo piano nella ricerca immagini di Google e vengono cliccate più spesso.
Immagini responsive e direzione artistica
Con gli attributi srcset e sizes, fornisci al browser l'immagine giusta in base al viewport. Questo fa risparmiare molto sui dispositivi mobili. L'Art Direction (elemento picture) consente persino ritagli diversi – ad esempio, sullo smartphone un focus sul prodotto, sul desktop l'intera scena. L'implementazione richiede più varianti di immagine, ma i CMS moderni possono automatizzarlo. Un blog di viaggi utilizza un'immagine hero per ogni destinazione; sui dispositivi mobili viene caricato un ritaglio centrato che pesa il 70% in meno. La percentuale di clic sull'immagine è aumentata del 15% perché appare ottimale su tutti i dispositivi.
Le immagini sono sulla maggior parte delle pagine il carico più pesante e la superficie SEO peggio utilizzata allo stesso tempo. Entrambi si possono cambiare in un pomeriggio.
Monitoraggio e correzione degli errori delle immagini
Anche le immagini ottimizzate possono causare problemi: errori 404, dimensioni errate, alt text mancanti. Scansioni regolari del patrimonio immagini aiutano a identificare tali errori. Strumenti come Screaming Frog o plugin SEO integrati mostrano quali immagini mancano di alt text o sono troppo grandi. Stabilite un flusso di lavoro: dopo un aggiornamento o una nuova serie di immagini, controllo automatico, quindi campionamento manuale. Esempio: un sito di notizie scopre che il 20% delle immagini negli articoli più vecchi non è stato convertito in WebP. Uno script le converte successivamente e il tempo di caricamento migliora di 0,8 secondi.
CDN per immagini e caching: dove risiedono i pixel
La distribuzione delle immagini tramite una Content Delivery Network (CDN) alleggerisce il server e accelera la visualizzazione su tutti i continenti. Una CDN memorizza copie ottimizzate delle immagini su server periferici vicini all'utente. Combinata con un caching intelligente – ad esempio, durata di cache lunga per immagini statiche e breve per quelle dinamiche – si riduce il numero di richieste al server di origine. Assicurarsi che gli header di cache siano impostati correttamente: Cache-Control: public, max-age=31536000, immutable per versioni statiche delle immagini. In caso di aggiornamento, modificare il nome del file o utilizzare un cache-buster. I moderni servizi CDN per immagini possono inoltre distribuire automaticamente WebP o AVIF in base alle capacità del browser. La configurazione avviene solitamente tramite un sottodominio (es. media.tuosito.it) e un record CNAME. In pratica, migrando verso una CDN si osserva una riduzione dei tempi di caricamento del 40-60% per le immagini in caso di visitatori internazionali. Importante: monitorare i codici di stato HTTP – 304 Not Modified è desiderabile, mentre 503 o 403 indicano una configurazione errata. Dopo la migrazione, eseguire un crawl per verificare che tutti gli URL delle immagini siano risolti correttamente e che non vi siano voci duplicate o errate.
Licenze per immagini e insidie legali nella SEO
L'efficacia SEO delle immagini può essere annullata da problemi di copyright. I motori di ricerca tengono conto anche della legalità dei contenuti nella valutazione. Utilizzare esclusivamente immagini con licenza o create autonomamente. Per le foto stock, prestare attenzione ai termini di licenza: molte consentono solo un numero limitato di impressioni o escludono l'uso commerciale. Indicare correttamente l'autore, poiché un credito mancante può comportare diffide nonostante la licenza. Per le immagini Creative Commons, distinguere le varianti: CC0 permette tutto senza attribuzione, CC BY richiede la menzione dell'autore. Implementare un flusso di lavoro: ogni immagine riceve, prima della pubblicazione, un'indicazione di licenza nei metadati (es. EXIF-XMP) e sulla pagina un avviso visibile o archiviato come dati strutturati. Utilizzare la proprietà og:image con la corretta indicazione di licenza per garantire trasparenza anche nei social network. La correttezza legale rafforza l'affidabilità, con effetti positivi a lungo termine sul posizionamento. Verificare regolarmente se sono state inserite immagini senza licenza valida – strumenti automatizzati rilevano metadati mancanti. Un esempio: un blog ha rimosso immagini non libere utilizzate accidentalmente sostituendole con scatti CC0; la frequenza di rimbalzo è diminuita poiché nessun avviso legale ha più dissuaso gli utenti.
CDN e caching di immagini: ottimizzare i tempi di caricamento a livello globale
Una Content Delivery Network (CDN) è quasi indispensabile per la distribuzione delle immagini non appena il sito web ha visitatori internazionali. Le CDN memorizzano le immagini su server in diverse regioni e le erogano dalla posizione geograficamente più vicina. Ciò riduce notevolmente la latenza. Fondamentale è la corretta configurazione degli header di cache. Impostare durate di cache lunghe per le versioni statiche delle immagini (es. un anno) e utilizzare un cache-buster (ad esempio un hash nell'URL del file), in modo che in caso di aggiornamenti venga immediatamente distribuita la nuova versione. Senza questo meccanismo, i visitatori potrebbero visualizzare immagini obsolete o errate. Molte CDN offrono anche un'ottimizzazione automatica delle immagini: convertono in WebP o AVIF in base al supporto del client, adattano la risoluzione al dispositivo e comprimono senza perdita. Queste funzionalità alleggeriscono il server e migliorano i tempi di caricamento di frazioni di secondo misurabili. Verificare tuttavia che l'ottimizzazione CDN non sovrascriva le proprie impostazioni – si desidera mantenere il controllo su testi alternativi e metadati. Un esempio: un negozio online europeo utilizza una CDN con ottimizzazione delle immagini e riduce i tempi di caricamento per i clienti asiatici da 5 a meno di 2 secondi. La migrazione ha richiesto solo l'adeguamento della strategia di caching e l'attivazione delle regole di ottimizzazione. Assicurarsi che gli URL delle immagini siano compatibili con la CDN e che tutte le immagini vengano distribuite tramite la stessa CDN per evitare avvisi di contenuti misti.
Licenze per immagini e tutela legale
Nell'utilizzo di immagini sul vostro sito web, è necessario prestare attenzione alle insidie legali che possono compromettere sia le prestazioni SEO che la vostra reputazione. Ogni immagine non creata da voi necessita di una licenza valida – questo vale anche per le immagini generate dall'IA, il cui status giuridico non è ancora del tutto chiarito. Utilizzate esclusivamente immagini concesse in licenza da fonti affidabili o scatti propri. Documentate la licenza per ogni immagine nel vostro CMS, idealmente con un collegamento alla fonte. Indicazioni di licenza mancanti o errate possono portare a diffide, costose e dispendiose in termini di tempo. Anche nei testi alternativi e nei titoli delle immagini non dovete utilizzare marchi o termini protetti senza autorizzazione. Un altro aspetto: le immagini che ritraggono persone necessitano in molti paesi di un consenso (model release). Senza di esso, non potete utilizzare le immagini a scopo commerciale. Pertanto, verificate per le foto stock se sono autorizzate anche per scopi pubblicitari. Un portale di viaggi, ad esempio, ha preso immagini da un database gratuito, ma erano concesse in licenza solo per scopi redazionali – ciò ha portato a una causa per cessazione. Integrate quindi nel vostro flusso di lavoro un passaggio di verifica: prima di caricare un'immagine esterna, registrate la licenza e confermate le condizioni di utilizzo. Questa disciplina vi protegge a lungo termine e crea fiducia nei visitatori, poiché potete dimostrare di utilizzare tutti i contenuti in modo legittimo.
blog.faqT
Devo davvero controllare manualmente ogni immagine per i testi alternativi?
Idealmente sì, ma con molte immagini puoi usare strumenti di intelligenza artificiale per generare suggerimenti. Tuttavia, devi controllare i risultati a campione, perché l'IA spesso trascura le sfumature contestuali. Un flusso di lavoro collaudato: far verificare i testi alternativi generati automaticamente da un madrelingua, specialmente in progetti multilingue.
Come posso scoprire se le mie immagini sono già compresse in modo ottimale?
Utilizza uno strumento come PageSpeed Insights o Lighthouse in Chrome DevTools. Questi mostrano i potenziali risparmi grazie a immagini ottimizzate. Esegui un crawl dell'intero sito web con uno strumento SEO che elenca la dimensione del file per ogni immagine. Se un'immagine supera i 200 KB, dovresti ottimizzarla o convertirla.
