L’attributo alt viene usato nel codice HTML per inserire un testo alternativo che viene visualizzato nel caso che la risorsa a cui appartiene non viene visualizzata dal browser e che può essere letto da un lettore di pagine web.
Nella maggior parte dei casi, il testo alternativo viene inserito per le immagini ed è molto importante anche per il posizionamento dell’articolo nelle pagine dei motori di ricerca. Bisogna inserire sempre le parole chiavi dell’articolo che si sta scrivendo nelle immagini più importanti.
Pertanto, l’attributo alt va inserito all’interno del tag di apertura <img> nel codice HTML.
<img src="foto.png" alt="esempio di foto">
Gli strumenti usati oggi per creare blog e siti web permettono di inserire il testo alternativo all’interno di un riquadro; perciò, non è necessario agire direttamente sul codice.
Un altro elemento per inserire delle immagini è figure che crea un riquadro dove inserire una foto e una sua descrizione. Anche in questo caso si può aggiungere un testo alternativo.
<figure> <img src="foto.jpg" alt="foto" style="width:100%"> <figcaption>Esempio di una foto</figcaption> </figure>
Nello scegliere il testo alternativo è importante tenere conto delle parole o frasi chiave per cui vogliamo che la pagina che stiamo scrivendo sia trovata su Google, Bing o in altri motori di ricerca. Se stiamo scrivendo un articolo riguardante un personaggio storico nelle immagini inserite al suo interno, nell’attributo alt specificheremo che la foto riguarda in qualche modo quel personaggio.
Per saperne di più vedi anche: Guida alla SEO