In breve: per controllare le immagini di una pagina ai fini SEO, incolla il suo URL nello strumento gratuito SEO Image Checker di PromoPilot. Lo strumento analizzerà fino a 100 tag <img>: se è presente un tag alt, se è impostato loading="lazy", se sono impostate larghezza e altezza, se viene utilizzato WebP, AVIF o SVG e se è presente un srcset. Il risultato è un punteggio da 0 a 100 e commenti per ogni immagine. Di seguito troverai come viene calcolato il punteggio, cosa correggere per prima cosa e cosa lo strumento non rileva.
Da 12 anni creo siti web e negozi online, e le immagini rappresentano il principale collo di bottiglia in quasi tutti i progetti. Una tipica scheda prodotto: cinque foto da 3 MB scattate direttamente con la fotocamera, un testo alternativo vuoto e il nome del file è IMG_4512.jpg.
Cosa verifica l'Image SEO Check?
Lo strumento analizza ogni immagine presente nella pagina in base a cinque criteri e li somma per ottenere un punteggio complessivo.
| Che cosa verifica? | Cosa sta guardando? | Perché questo è importante per la SEO e per il business? |
|---|---|---|
| Alt | C'è una descrizione testuale per ogni <img> | Classifica Google Immagini per Alt; accessibilità per i non vedenti |
| Caricamento differito | L'attributo loading="lazy" viene applicato alle immagini sotto la prima schermata. | La pagina non carica nulla che il visitatore non abbia già visualizzato scorrendo la pagina. |
| Larghezza e altezza | Le dimensioni sono specificate negli attributi del tag? | I blocchi non "saltano" durante il caricamento: questa è una metrica CLS. |
| Formato | WebP, AVIF o SVG tramite estensione del file | I formati moderni sono notevolmente più piccoli di JPG e PNG. |
| Srcset | Sono disponibili opzioni di immagine per schermi di diverse dimensioni? | Il telefono riceve il file di piccole dimensioni, non la versione visualizzata sul monitor. |
Ogni immagine riceve un elenco di commenti e la pagina riceve un punteggio finale. Questo è comodo: si può vedere non solo cosa non va, ma anche quale immagine è la causa del problema.
Come controllare le immagini su un sito web online?
- Apri lo strumento di verifica SEO delle immagini.
- Inserisci l'indirizzo della pagina, preferibilmente una con molte foto: scheda prodotto, categoria, articolo del blog, portfolio.
- Fai clic su "Verifica" e attendi che tutte le immagini vengano scansionate.
- Visualizza la valutazione e l'elenco dei commenti per ciascuna immagine.
- Si prega di risolvere i problemi e di ricontrollare la pagina.
Ecco come si presenta la pagina dello strumento: campo indirizzo, elenco dei controlli e domande frequenti (FAQ).
Come viene calcolato il punteggio e cosa bisogna correggere per prima cosa?
Il punteggio parte da 100 punti e vengono detratte delle penalità per ogni problema, a seconda della percentuale di immagini presenti nella pagina che non soddisfano i requisiti. Conoscendo le regole, è facile capire cosa può dare il maggior incremento di punteggio.
| Esame | Bene | Commento |
|---|---|---|
| Alt | Meno del 50% delle immagini con alt — -30; meno dell'80% — -15; meno del 100% — -5 | Il punto più significativo |
| Caricamento differito | meno del 50% - −15; meno dell'80% - −8 | Le prime tre immagini non vengono prese in considerazione |
| Larghezza e altezza | meno del 50% - −15; meno dell'80% - −8 | Le dimensioni definite solo tramite CSS non vengono prese in considerazione. |
| WebP, AVIF o SVG | meno del 30% - -10 | Il formato è determinato dall'estensione |
| Srcset per le immagini raster | meno del 30% - -10 | Gli SVG non necessitano di srcset |
Ecco il mio ordine di lavoro:
- Alt. L'articolo più costoso e più facile da riparare. Scrivi ciò che viene mostrato:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nonalt="рюкзак купить дёшево рюкзак". Per gli elementi decorativi, usa unalt=""vuoto. - Larghezza e altezza. Specifica le dimensioni effettive negli attributi e aggiungi
img { max-width: 100%; height: auto; }al CSS: l'immagine rimarrà adattabile e il layout smetterà di scattare. - Il lazy loading si applica a tutti gli elementi che si trovano al di sotto della parte visibile della pagina. Tuttavia, è dannoso per l'immagine principale (hero image): quest'ultima deve essere caricata immediatamente e con priorità.
- WebP o AVIF. WordPress supporta il caricamento di file in formato WebP dalla versione 5.8 e in formato AVIF dalla versione 6.5.
- Imposta Srcset per le foto di grandi dimensioni in modo che il telefono non scarichi la versione per il monitor.
Ecco un esempio di immagine principale e foto adattiva inserite correttamente nel testo:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Come scrivere un buon tag alt per un'immagine?
Il tag alt è l'elemento più importante per la valutazione, ed è proprio qui che si commettono più spesso gli errori: o lo si lascia vuoto o lo si riempie di parole chiave. Una regola semplice: descrivi l'immagine in una sola frase, in modo che possa essere comprensibile anche a chi non può vederla.
| Immagine | Alternativa cattiva | Buon alt |
|---|---|---|
| Foto del prodotto | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Foto di gruppo | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagramma o grafico | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Icona decorativa | иконка | alt="" — non c'è bisogno di leggerlo |
Per un catalogo, è comodo creare tag alt utilizzando un modello: nome del prodotto + colore o variante + angolazione. In questo modo, cinque foto su una singola scheda avranno cinque descrizioni diverse e utili, anziché cinque identiche.
Anche il nome del file è importante: kozhanyj-ryukzak-nord-korichnevyj.webp è meglio di IMG_4512.jpg. Non ha senso rinominare i vecchi file solo per questo, carica quelli nuovi con nomi descrittivi.
Confronto: Strumento di verifica SEO per immagini e alternative
| Attrezzo | Cosa c'è di gratuito? | Restrizioni | Per chi è adatto? |
|---|---|---|---|
| PromoPilot - Strumento di verifica SEO per immagini | Alt, caricamento differito, larghezza/altezza, formati, srcset; valutazione da 0 a 100 e commenti per ogni immagine | Fino a 100 immagini, la dimensione del file non è stimata | Analizza rapidamente le immagini da qualsiasi pagina |
| Google PageSpeed Insights | Analisi delle immagini nell'ambito del test di velocità: formato, dimensioni, caricamento differito (lazy loading). | Mescolato con decine di altri controlli, alt capisce a malapena | Valutazione dell'impatto delle immagini sulla velocità |
| Squoosh | Comprimere e convertire una singola immagine in un browser | Non controlla la pagina, lavora con i file | Preparazione delle singole immagini |
| Ragno SEO della rana urlante | Elenco di immagini senza testo alternativo in tutto il sito | È necessaria l'installazione; la versione gratuita ha un limite di indirizzi. | Audit alternativo su centinaia di pagine |
In conclusione: uno strumento di verifica online mostra cosa non va nelle immagini di una pagina specifica, PageSpeed mostra quanto incide sulla velocità, e Squoosh o un convertitore aiutano a correggere i file stessi.
PromoPilot offre 87 strumenti SEO gratuiti, tra cui uno strumento di compressione delle immagini e un convertitore WebP che funzionano direttamente nel browser, senza caricare file sul server. Per comprendere le dimensioni complessive della pagina, consulta il nostro articolo nella serie di analisi della velocità di caricamento delle pagine.
Cosa non rileva la verifica dell'immagine?
Siamo onesti riguardo ai limiti dello strumento: è importante conoscerli per interpretare correttamente la valutazione.
- Le dimensioni del file non vengono prese in considerazione: le immagini non vengono scaricate; il formato è determinato dall'estensione.
-
<picture>non viene analizzato: JPG in<img>verrà taggato anche se accanto ad esso è presente AVIF o WebP nel<source>. - Le immagini di sfondo generate tramite CSS e le immagini aggiunte tramite JavaScript non sono incluse nel report.
- Le dimensioni specificate solo nel CSS non vengono prese in considerazione.
- Una pagina senza nemmeno un
<img>riceve 50 punti: questo non significa "la metà degli errori", ma "niente da valutare".
Quando uno strumento gratuito non è sufficiente?
Correggere il testo alternativo di una singola pagina richiede dieci minuti. Ma se il negozio ha cinquemila prodotti, è impossibile farlo manualmente. Hai bisogno di uno specialista se:
- Il testo alternativo (alt) dovrebbe essere generato automaticamente a partire dal nome, dal colore e dall'angolazione per l'intero catalogo;
- Le immagini vengono caricate dalla fotocamera senza compressione ed è necessaria una pipeline automatica: compressione, WebP, formati multipli;
- Il tema del sito web visualizza le foto senza larghezza, altezza e srcset, e il template deve essere corretto;
- Desideri ottenere traffico da Google Immagini per le ricerche di prodotti?
Cosa posso fare per il tuo sito web?
Sono Valeriy Danyuk, sviluppatore e specialista SEO con 12 anni di esperienza e oltre 200 clienti, tra cui numerosi negozi online con migliaia di foto.
SEO e audit
- Audit SEO completo del sito web: controllo le immagini su tutto il sito, imposto conversioni automatiche e testo alternativo nei template.
- Un blog SEO basato sull'intelligenza artificiale che attira clienti organici e visualizza automaticamente immagini alt e WebP per ogni articolo.
Negozi e cataloghi
- Un catalogo di 300 articoli in pochi minuti grazie a MCP e Claude, con descrizioni e foto per ogni articolo.
- Un negozio online su WooCommerce con un'adeguata elaborazione delle immagini.
- Trasferimento del negozio da Instagram al sito web: foto e descrizioni dei prodotti sono in fase di trasferimento.
- Prodotti, foto e testi possono essere trasferiti su 1001site tramite un link dal tuo vecchio sito web o dai social media.
Contabilità e automazione
- Contabilità + tenuta dei libri contabili + magazzino per 30.000 prodotti.
- Bot Telegram con intelligenza artificiale per un negozio online di salse.
Inviami il link alla scheda prodotto su Telegram: ti dirò quanto puoi vincere in base alle immagini.
Risultato
- Lo strumento online di analisi delle immagini per la SEO analizza fino a 100 immagini presenti su una pagina e assegna un punteggio da 0 a 100, corredato da commenti per ciascuna.
- Il punteggio più alto viene assegnato alle dimensioni alt e width/height, seguite da lazy loading, WebP/AVIF e srcset.
- L'immagine principale non necessita di lazy loading, ma di
fetchpriority="high". - Per i cataloghi di grandi dimensioni, l'elaborazione delle foto è automatizzata oppure si sceglie una piattaforma in cui questa operazione viene già eseguita, ad esempio 1001site.
Controlla la pagina più pesante del tuo sito con lo strumento gratuito Image SEO Checker: inizia con l'attributo alt.
Fonti
- Pagina di PromoPilot Image SEO Checker: controlli, regole di valutazione, limitazioni e domande frequenti.
- Google Search Central - Suggerimenti di immagini per la ricerca.
- Google PageSpeed Insights e Squoosh - Descrizione delle funzionalità.
