Best Practice per l’attributo alt delle immagini

L’attributo alt è un elemento fondamentale per l’accessibilità e la SEO delle immagini. Su suggerimento del nostro Consulente Google ADS e SEO nonché titolar della nostra Agenzia, Emanuele Dalmeri, ecco alcune best practice per il suo utilizzo:

1. Descrivi il contenuto dell’immagine:

L’attributo alt dovrebbe descrivere in modo chiaro e conciso il contenuto dell’immagine.

Esempio:

<img src="esempio.jpg" alt="Un gatto che gioca con un gomitolo di lana">

2. Usa parole chiave pertinenti:

L’attributo alt può includere parole chiave pertinenti al contenuto dell’immagine e al contesto della pagina.

Esempio:

<img src="esempio.jpg" alt="Gatto che gioca, gatto con gomitolo di lana, gatto giocherellone">

3. Non utilizzare parole chiave generiche:

Evita di utilizzare parole chiave generiche come “immagine” o “foto”.

Esempio NON valido:

<img src="esempio.jpg" alt="immagine">

4. Sii conciso:

L’attributo alt dovrebbe essere conciso e non superare i 125 caratteri.

Esempio NON valido:

<img src="esempio.jpg" alt="Un gatto tigrato che gioca con un gomitolo di lana rosso in un salotto con una sedia e un tavolino">

5. Non includere informazioni non visive:

L’attributo alt non dovrebbe includere informazioni non visive, come il nome del file o la data di creazione.

Esempio NON valido:

<img src="esempio.jpg" alt="DSC01234_2023-03-08.jpg">

6. Usa correttamente la punteggiatura:

Utilizza la punteggiatura correttamente nell’attributo alt.

Esempio:

<img src="esempio.jpg" alt="Un gatto che gioca con un gomitolo di lana.">

7. Usa le virgolette per le descrizioni composte:

Se la descrizione dell’immagine è composta da più frasi, usa le virgolette per racchiuderla.

Esempio:

<img src="esempio.jpg" alt="Un gatto che gioca con un gomitolo di lana. Il gatto è tigrato e il gomitolo è rosso.">

8. Non utilizzare l’attributo alt per le immagini decorative:

Per le immagini decorative, che non forniscono informazioni utili al contenuto della pagina, è possibile lasciare l’attributo alt vuoto.

Esempio:

<img src="esempio.jpg" alt="">

9. Verifica l’attributo alt con un lettore di schermo:

Utilizza un lettore di schermo per testare l’attributo alt e assicurarti che sia correttamente letto.

10. Segui un consulente certificato

Per maggiori informazioni su come ottimizzare sui segreti della SEO, prova il libro Google War.

Esempi pratici:

Ecco alcuni esempi di attributi alt ben utilizzati:

• Immagine di un prodotto:

<img src="prodotto.jpg" alt="T-shirt uomo in cotone con stampa">

• Immagine di una persona:

<img src="persona.jpg" alt="Ritratto di una donna sorridente">

• Immagine di un grafico:

<img src="grafico.jpg" alt="Grafico a torta che mostra la distribuzione dei voti in un sondaggio">

• Immagine di una mappa:

<img src="mappa.jpg" alt="Mappa dell'Italia con le principali città evidenziate">

L’attributo alt è un elemento importante per l’accessibilità e la SEO delle immagini. Seguendo le best practice sopra elencate, è possibile migliorare l’esperienza utente e l’indicizzazione delle immagini nei motori di ricerca.