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.
