Ispezione Immagini: audit immagini sito

Uno strumento unico per fare l'audit SEO di tutte le immagini del tuo sito web, Ispezione Immagini ti assisterà nell'analisi dei tag IMG e delle immagini di destinazione.

Pagina sommario di Ispezione Immagini (clicca per ingrandire)

Fare l'audit delle immagini prenderà una frazione del tempo necessitava, con un livello di ispezione molto maggiore.

La lista di tutti i tag IMG

Questa tabella è il cuore dello strumento: non solo fornisce una lista completa di tutti i tag IMG nel tuo sito, ne dettaglia anche il peso (KB) e le dimensioni (pixels) delle immagini puntate. Un comodo visualizzatore di immagini sulla destra ti fornirà una comprensione immediata dell'immagine.

Tabella principale di Ispezione Immagini, diverse colonne sono nascoste (clicca per ingrandire)

Come per tutte le griglie in Visual SEO Studio, la tabella è esportabile in Excel/CSV, le sue colonne possono essere mostrate/nascoste, tutto tramite il consueto menu contestuale si ottiene con clic destro sull'icona ingranaggio nell'angolo in alto a sinistra. Abbiamo tuttavia voluto rendere la cosa più chiara, e aggiunto dei bottoni d'ausilio anche nella barra degli strumenti.

Integrazione API

La griglia principale può essere integrata con colonne di dati presi da API di terze parti (es. Google Search Console, Bing, Moz...).

Anteprime immagini

Il pannello di destra "Contenuto" può essere può visualizzare sia l'HTML della pagina ospitante il tag, sia l'immagine puntata dal tag IMG. Puoi commutare il comportamento usando il pulsante nella barra degli strumenti sopra la griglia principale.
Il pannello "Contenuto" può anche visualizzare immagini Data URI (ossia immagini codificate all'interno del codice HTML).

Note:
Affinché il programma possa dettagliare dimensioni in KB e pixel delle immagini, queste devono essere esplorate. Nelle opzioni di esplorazione deve essere selezionata l'opzione "Esplora immagini" (selezionata come valore predefinito).
Perché possa mostrare le immagini stesse, deve essere selezionata anche l'opzione di esplorazione "Salva immagini" (valore predefinito non selezionato).

Le nuove opzioni di esplorazione dedicate alle immagini

L'opzione "Salva immagini" come valore predefinito non è selezionata per salvare spazio disco in caso di sessioni di esplorazione ampie; tuttavia raccomandiamo di selezionarla per usufruire di una migliore esperienza nell'audit.
Quando l'opzione non è selezionata (e l'opzione "Esplora immagini" lo è), le immagini sono scaricate e ispezionata per peso e dimensioni, e poi scartate; pertanto la visualizzazione delle immagini non sarà possibile.

Opzioni di filtraggio

Con Ispezione Immagini è facile restringere l'attenzione sui problemi SEO più comuni legati alle immagini.

Lista tag IMG, opzioni di filtraggio

I filtri disponibili sono:

• Tutti i tag IMG
  Opzione predefinita, mostra tutte le righe nella griglia.
• Tag IMG privi di attributo ALT
  Trovare tutte le immagini senza attributo ALT richiede solo un clic!
• Tag IMG con attributo SRC che punta verso immagine non-'200 OK'
  Trovare immagini mancanti a causa di URL errati o per la mancanza di file non è mai stato così immediato. E che dire delle immagini redirezionate, spesso passano inosservate, o dei problemi di mixed-content dopo una migrazione da HTTP a HTTPS perché gli indirizzi delle immagini sono cablati? Ora correggerli richiede poco tempo.
• Tag IMG privi di attributo WIDTH o HEIGHT
  Non indicare le dimensioni in pixel di un'immagine può comportare rallentamenti nel rendering della pagina perché il browser deve aspettare che l'immagine sia scaricata per dimensionare in modo opportuno la pagina HTML. Ora hai lo strumento adatto per individuare i tag IMG privi degli attributi WIDTH e HEIGHT.
• Tag IMG con valore WIDTH o HEIGHT errato
  Tag IMG con valori in WIDTH ed HEIGHT che non corrispondono alle dimensioni effettive dell'immagine comportano un effetto di bassa qualità dell'immagine e sposso indicano problemi di performance quando un'immagine molto grande è ridimensionata nella visualizzazione tramite gli attributi HTML. Visual SEO Studio risolve queste criticità in modo semplice permettendoti di individuarle velocemente.
• Tag IMG che puntano verso immagini ospitate su server esterni
  Ci sono casi in cui ospitare immagini su server esterni è una buona scelta, come nel caso delle CDN. Altre volte non è una buona idea. Mai avuto un collega che ha impostato "temporaneamente" un tag IMG facendolo puntare a un file su drop box o simili spazi cloud? Dapprima non si notano, ma hanno prestazioni terribili sul server di produzione perché tali spazi cloud hanno forte limitazioni su numero di utenti concomitanti e larghezza di banda. Altre volte le immagini sono su domini non più in uso, o puoi scoprire che qualcuno ha puntato a immagini che appartengono ad altri. Quest'opzione scoverà per te tutti questi casi.

Puoi decidere di correggere immediatamente tutte le criticità individuate, magari usando l'opzione "Esplora immagine" del menu contestuale dopo aver effettuato il login sul tuo CMS preferito, o puoi decidere di esportare i risultati per i tuoi compagni di team. Visual SEO Studio si adatta al tuo flusso di lavoro preferito.

Puoi fare controlli incrociati su tutto

Puoi fare controlli incrociati direttamente direttamente dall'interno del programma - controlla tutte le colonne normalmente nascoste, e usa i menu di contesto ottenibili con il tasto destro del mouse "Mostra nel DOM" e "Mostra nel codice" per vedere con i tuoi occhi come e dove il tag IMG è codificato - o esternamente - usando le opzioni di menu contestuale "Naviga pagina" e "Naviga immagine".

Lista tag IMG, menu di contesto da tasto destro del mouse. Sopra, una barra degli strumenti tutta da scoprire.

Grafici di ripartizione e alberi di raggruppamento

Ispezione Immagini ti aiuta a sezionare il tuo patrimonio di immagini raggruppandole in base a diverse proprietà.

Grafico ripartizione per codice di stato e albero di raggruppamento (clicca per ingrandire)

Puoi osservare le seguenti ripartizioni:

• Pagine per immagine
• Tag IMG per dominio
• Tag IMG per protocollo
• Tag IMG per codice di stato
• per presenza/assenza di attributo "alt" attribute (solo grafico)
• er presenza/assenza di attributo "title" attribute (solo grafico)
• ...e altre arriveranno

I tag IMG interni a un sito possono essere letteralmente milioni, abbiamo pertanto messo molta cura affinché l'esperienza dell'ispezione fosse il più fluida possibile. Tutti gli alberi di raggruppamento sono caricati alla bisogna quando si clicca sulla relativa scheda, e caricati in modo asincrono perché il programma non abbia dei blocchi temporanei.

Tutti i grafici possono essere salvati/copiati cliccando su di essi il tasto destro del mouse.

Lista completa delle risorse immagini

Mentre la griglia principale nella seconda scheda elenca tutti i tag IMG trovati, la scheda "Immgini distinte" elenca tutti i file immagine.
Le proprietà esposte sono le dimensioni in KB, le dimensioni in pixel, codice di stato e stato di esplorazione.

Nota:
"Ispezione Immagini" è disponibile solo nella Edizione Professional. Puoi valutarla gratuitamente per 15 giorni registrando la versione Trial.

Vedi anche:

• Pagina di Aiuto Manuale: Ispezione Immagini.
• Articolo blog: Visual SEO 1.9.8: Ispezione Immagini, dove la feature Ispezione Immagini fu introdotta.