Attributo Alt
.webp)
Cos'è l'attributo Alt - Definizione
L'attributo alt ((testo alternativo - alt text) è la descrizione della grafica di una pagina web destinata ai crawler (software automatici che controllano la pagina alla ricerca di contenuti), che ha un impatto diretto sulla posizione del sito nei motori di ricerca. È il fattore più critico necessario per un efficace posizionamento della grafica, comunemente utilizzato nelle attività SEO.
I tag Alt hanno molteplici scopi. Anche se non è obbligatorio usarli, sono necessari per la ricerca SEO delle immagini. Poiché vengono utilizzati sia dai crawler dei motori di ricerca sia dagli strumenti di lettura dello schermo, sono una componente essenziale dell'accessibilità del web e dell'ottimizzazione dei motori di ricerca (SEO).
Cosa fa l'attributo ALT?
Grazie a un testo alt descrittivo, gli screen reader (crawler) sanno cosa c'è nell'immagine, quindi deve essere precisamente correlato al file immagine che rappresenta. Un ALT correttamente ottimizzato dovrebbe contenere una frase chiave (purché sia coerente con il contenuto dell'immagine). L'inclusione della parola chiave consente all'immagine di apparire nei risultati di ricerca e, grazie alla SEO delle immagini, di generare traffico verso il sito.
Ricordate che non si deve usare il testo alternativo (tag alt) per riempire le parole chiave. Un'altra funzione essenziale del tag immagine è il suo utilizzo nei programmi per utenti ipovedenti. Permette agli utenti di sapere cosa rappresenta la grafica. Un attributo alt vuoto per i motori di ricerca significa mancanza di immagini. Se le immagini non possono essere visualizzate per qualche motivo, al loro posto compaiono gli attributi ALT.
Per un'immagine, è possibile impostare anche un attributo title - un testo che apparirà dopo che l'utente passa il mouse sull'immagine. Nella maggior parte dei casi, gli esperti SEO utilizzano lo stesso testo dell'attributo alt.
Dov'è l'attributo alt?
La descrizione alternativa fa parte del codice HTML. La sua sintassi corretta è la seguente:
< img src="image address" alt="alt description" >.
Dovreste applicarla a tutte le immagini disponibili sul sito web. Il contenuto della descrizione alternativa deve essere unico e dettagliato.
