Controllare l'attributo 'alt' delle immagini

Tutorial di Visual SEO Studio: Come trovare tutte le immagini senza attributi 'alt' o 'title'.

Ci sono molti compiti ripetitivi i professionisti SEO devono affrontare. Uno di questi è cercare i tag immagine privi di attributi "alt" o "title".

Cos'è l'attributo "alt"

L'attributo "alt" (spesso chiamato erroneamente "tag alt") è un attributo HTML del tag IMG. Il suo scopo è fornire un testo alternativo per le immagini nel caso non siano state scaricate, e per fornire un testo per i lettori di schermo usati dagli utenti con handicap visivi.

<img src="iceberg.png" alt="un iceberg" />

A meno che l'immagine non sia puramente decorativa e non aggiunga nulla al contenuto (è davvero necessaria?) l'attributo "alt" dovrebbe essere presente e non vuoto. Una buona descrizione aiuta anche i motori di ricerca a posizionare meglio le tue immagini nella "ricerca per immagini".

Come controllare tutti gli attributi "alt"

Per fortuna Visual SEO Studio rende il compito facile: la funzione Filtri Personalizzati, un potente motore di interrogazione di cui è equipaggiato il programma, ci viene in soccorso.

Assumendo tu abbia già esplorato il sito vuoi controllare, apri "Filtri Personalizzati" e crea il primo filtro.
Nella menu a cascata che lista tutte le proprietà di pagina interrogabili, nel gruppo "Immagini" seleziona la proprietà "Attributo alt di immagine" e scegli l'operatore "È nullo o vuoto".

Filtro Personalizzato: tutte le pagine con immagini prive di attributo alt
Filtro Personalizzato: tutte le pagine con immagini prive di attributo alt

Applica il filtro alle pagine esplorate (la "sessione di esplorazione" salvata). Nella Vista Tabellare che mostra i risultati, seleziona il pannello inferiore "Immagini di Pagina" e ordina la colonna "attributo alt" per vedere a colpo d'occhio tutte le immagini senza attributo alt.

Uso del pannello Immagini di Pagina
Uso del pannello Immagini di Pagina (clicca per allargare)

Con il pannello "Immagini di Pagina" puoi saltare direttamente al tag <img /> selezionato, visualizzandolo sia nel DOM che nell'HTML della pagina.

Puoi vedere dove l'immagine è nelle viste HTML e DOM
Puoi vedere dove l'immagine è nelle viste HTML e DOM (clicca per allargare)

Ricordati di salvare il filtro personalizzato, potrai riutilizzarlo ogni volta dovrai ripetere questo controllo.

La stessa procedura ti permette di controllare l'attributo title delle immagini, questa volta selezionando la proprietà "Attributo title di immagine".

Nota: l'attributo "title" (da non confondere con il tag title nell'head delle pagine HTML) non è specifico del tag IMG; i browser normalmente lo utilizzano per mostrare un "tooltip". nel caso di immagini, è pratica comune impostarlo uguale al valore dell'attributo "alt", anche se non obbligatorio.

Come puoi vedere, è possibile combinare le due proprietà in OR logico, per esempio, per estrarre tutte le immagini prive di uno tra gli attributi alt o title.

Righe di filtro personalizzato combinate in OR logico
Righe di filtro personalizzato combinate in OR logico

Come tutte le griglie in Visual SEO Studio, puoi personalizzare l'ordine delle colonne ed esportare i dati nei formati Excel o CSV con un clic.

Cosa fare dopo

Una volta individuate tutte le immagini prive dell'attributo "alt", è tempo di popolarlo al meglio.
Ci sono rari casi in cui può essere preferibile lasciarli mancanti o vuoti, ma la maggior parte delle volte dovresti scrivere una piccola frase di una linea a descrizione dell'immagine.

Alcune raccomandazioni:

  • L'esperienza Utente venga per prima. Usa testi chiari e concisi.
  • I motori di ricerca usano il testo alternativo per posizionare i contenuti grafici nella "ricerca per immagini". Non cercare di ingannarli scrivendo che l'immagine è qualcosa non è, sono più evoluti di quanto si possa pensare. Soprattutto, non scrivere testi zeppi di parole chiave ("keyword stuffing"). Una parola chiave ben pensata può starci benissimo, ma usale con intelligenza e moderazione.

Allora cosa aspetti? Controlla gli attributi "alt" con Visual SEO Studio!


Leggi altri tutorial di Visual SEO Studio.