L'ottimizzazione delle immagini le comprime, nomina ed etichetta così che si carichino veloci e si posizionino. Scopri testo alternativo, formati e buone pratiche.

L'ottimizzazione delle immagini è l'insieme di passi tecnici e descrittivi che rendono le immagini di una pagina veloci da caricare e facili da interpretare per le macchine. Spazia dalla scelta del formato di file giusto, alla compressione dei file, alla stesura di un testo alternativo utile, alla denominazione descrittiva dei file, alla fornitura di dimensioni adattive e all'esposizione delle immagini attraverso sitemap e dati strutturati.
Fatta bene, ripaga due volte. Immagini più leggere velocizzano le tue pagine e migliorano i segnali di esperienza che Google misura, mentre descrizioni chiare aiutano le tue immagini a emergere nei risultati per immagini e nelle risposte IA. Poiché i motori moderni trattano le immagini come elementi di posizionamento fondamentali anziché come decorazione, l'ottimizzazione delle immagini contribuisce ora direttamente alla visibilità nella ricerca IA.
L'ottimizzazione delle immagini è la pratica di preparare le immagini così che servano utenti, motori di ricerca e sistemi IA al tempo stesso. Il lato utente riguarda velocità e chiarezza: un'immagine che si carica velocemente e appare bene su qualsiasi schermo. Il lato macchina riguarda il significato: nomi dei file, testo alternativo, didascalie e marcatura che dicono a un crawler cosa mostra l'immagine e come si lega alla pagina.
Entrambe le metà contano, perché un'immagine invisibile a un crawler non può posizionarsi, e un'immagine pesante può rallentare l'intera pagina. L'obiettivo è il giusto equilibrio tra fedeltà visiva e peso del file, abbinato a descrizioni abbastanza accurate da indurre una macchina a fidarsi.
La scelta del formato ha il maggiore impatto singolo sulla dimensione del file. WebP è l'impostazione moderna predefinita per foto e per la maggior parte delle grafiche, e offre in genere file circa il 25-35 percento più piccoli del JPEG a qualità simile. AVIF comprime ancora di più ma ha un supporto più ristretto, quindi è spesso usato con un'alternativa di ripiego. JPEG resta valido per le fotografie, PNG è il migliore quando serve la trasparenza e SVG è ideale per icone e loghi perché si ridimensiona senza perdita di qualità.
La regola pratica è preferire WebP o AVIF per i contenuti fotografici, riservare PNG alla trasparenza e usare SVG per le grafiche vettoriali semplici. Fornire un formato più piccolo e ben scelto è di solito il modo più veloce per ridurre il peso della pagina.
La compressione riduce la dimensione del file in uno di due modi. La compressione con perdita scarta alcuni dati dell'immagine e si adatta alle fotografie, dove l'occhio raramente nota la differenza. La compressione senza perdita conserva ogni pixel e si adatta a icone e illustrazioni dove il dettaglio è critico. L'obiettivo non è una riduzione aggressiva ma il file più piccolo che appaia comunque bene.
Come obiettivo di partenza, mantieni la maggior parte delle immagini in linea ben al di sotto di un paio di centinaia di kilobyte, con le icone minuscole molto più piccole, e lascia che solo le immagini hero siano più grandi quando davvero necessario. Gli strumenti che automatizzano la compressione rendono questo facile da applicare a un'intera libreria.
Il testo alternativo è una breve descrizione nell'attributo alt dell'HTML. Viene letto ad alta voce dai lettori di schermo, mostrato quando un'immagine non si carica e usato dai motori di ricerca per comprendere l'immagine. Un buon testo alternativo è di solito intorno agli 80-125 caratteri, descrive l'immagine in modo fattuale, include una parola chiave pertinente solo quando è naturale ed evita riempitivi come immagine di. Le immagini puramente decorative dovrebbero usare un attributo alt vuoto.
I nomi dei file funzionano come un indizio di contesto precoce prima ancora che l'immagine venga visualizzata. Usa nomi minuscoli, separati da trattini e descrittivi come on-page-seo-guide anziché un valore predefinito della fotocamera come IMG_2025. Entrambi i segnali fanno parte di un solido contenuto strutturato che le macchine possono analizzare con nettezza.
Fornire un'unica immagine gigantesca a ogni dispositivo spreca larghezza di banda. Gli attributi srcset e sizes, o l'elemento picture, ti permettono di fornire una versione opportunamente ridimensionata per ogni schermo. Imposta sempre larghezza e altezza esplicite così che il browser possa riservare lo spazio, ciò che previene lo spostamento del layout mentre la pagina si carica.
Il caricamento differito, impostato con l'attributo loading, rinvia le immagini fuori schermo finché l'utente non scorre vicino a esse. Questo velocizza il rendering iniziale e migliora le metriche di caricamento senza bloccare l'indicizzazione. Insieme queste tecniche sono una parte fondamentale di una solida esperienza sulla pagina.
I siti grandi o complessi traggono beneficio dal dire ai motori di ricerca esattamente quali immagini esistono. Una sitemap delle immagini elenca le posizioni delle immagini e metadati facoltativi come titolo e didascalia, aiutando i motori a scoprire le immagini che gli script o i layout potrebbero altrimenti nascondere. Molti sistemi di contenuti generano queste voci automaticamente.
I dati strutturati vanno oltre etichettando il ruolo di un'immagine. La marcatura ImageObject descrive URL del contenuto, autore e licenza, mentre gli schemi di prodotto, ricetta e how-to legano le immagini a entità specifiche. Questi segnali possono rendere le immagini idonee a risultati più ricchi e più facili da associare all'argomento giusto per i sistemi IA, ciò che alimenta l'ottimizzazione per la ricerca multimodale.
Per la SEO, le immagini influenzano i Core Web Vitals: i file sovradimensionati ritardano il largest contentful paint, e le dimensioni mancanti causano spostamento del layout, entrambi i quali possono danneggiare i posizionamenti. Le immagini ottimizzate migliorano anche il coinvolgimento e possono comparire nella ricerca per immagini, in Discover e nei risultati avanzati, dove attirano traffico aggiuntivo.
Per i motori generativi, i modelli multimodali leggono le immagini accanto al testo per giudicare la rilevanza, trattando un'immagine ben descritta come un'ancora semantica. È per questo che il lavoro sulle immagini sostiene l'ottimizzazione per la ricerca di immagini e il ruolo crescente della ricerca visiva. Abbinarlo a una ricerca di parole chiave e pianificazione dei contenuti disciplinata assicura che le tue immagini sostengano gli argomenti che vuoi vincere.
Gli errori frequenti sono prevedibili: caricare file a piena risoluzione direttamente da una fotocamera, lasciare il testo alternativo vuoto o riempirlo di parole chiave, usare nomi di file vaghi, omettere larghezza e altezza e incorporare testo importante dentro un'immagine dove i crawler non possono leggerlo. Ciascuno o rallenta la pagina o nasconde il significato alle macchine.
Le correzioni sono altrettanto semplici. Ridimensiona alle dimensioni di visualizzazione, comprimi a un obiettivo sensato, scrivi un testo alternativo fattuale, nomina i file in modo descrittivo, imposta dimensioni esplicite e colloca le immagini vicino al testo che sostengono. Applicale in modo coerente su tutto il sito anziché a poche immagini hero, e trattale come parte di un ricorrente audit SEO tecnico.
L'ottimizzazione delle immagini rende le immagini veloci per gli utenti e leggibili per le macchine, combinando formati intelligenti, compressione, testo alternativo e nomi di file descrittivi, fornitura adattiva e segnali strutturati. Il risultato è una migliore velocità della pagina, metriche di esperienza più solide e immagini che possono emergere nella ricerca e nelle risposte IA.
Per approfondire, collega questo all'ottimizzazione per la ricerca di immagini e al più ampio lavoro sull'esperienza sulla pagina, e usa gli strumenti di ricerca e pianificazione dei contenuti di Sorank per allineare le immagini agli argomenti che punti. Fonti di riferimento: DefiniteSEO, ImageSEO e Vazoola.
WebP è l'impostazione pratica predefinita per la maggior parte delle foto e delle grafiche, poiché è circa il 25-35 percento più piccolo del JPEG a qualità simile ed è ampiamente supportato. AVIF comprime ancora di più ma necessita di un'alternativa di ripiego per i browser più vecchi. Usa PNG solo quando ti serve la trasparenza, e SVG per icone e loghi perché si ridimensiona senza perdere qualità.
Punta a circa 80-125 caratteri: abbastanza lungo da descrivere l'immagine in modo fattuale, abbastanza breve da restare a fuoco. Includi la tua parola chiave bersaglio solo quando si inserisce naturalmente, ed evita frasi riempitive come immagine di. Lascia l'attributo alt vuoto per le immagini puramente decorative così che i lettori di schermo possano saltarle.
Sì, in due modi. Le immagini pesanti rallentano le tue pagine e danneggiano i Core Web Vitals, che Google usa come fattore di posizionamento, mentre le dimensioni mancanti causano spostamento del layout che danneggia anch'esso. Oltre alla velocità, testo alternativo descrittivo, nomi di file e dati strutturati aiutano le tue immagini a comparire nella ricerca per immagini e nelle risposte IA, aggiungendo una visibilità che altrimenti perderesti.