La differenza tra Title e Alt per le immagini

Nonostante molti webmaster continuino a non utilizzare alcun testo descrittivo per le immagini presenti in una pagina web, tali informazioni rappresentano un importante aspetto da tenere in considerazione quando si intende ottimizzare una pagina web, sia per i motori di ricerca che per gli utenti.

Spesso però l’attributo ALT e quello TITLE vengono trattati alla stessa maniera senza porre particolare distinzione tra uno e l’altro. A tal proposito segnalo un interessante dibattito apparso sul gruppo di discussione di Google Webmaster Help che permette di fare chiarezza su questo argomento.

L’attributo ALT è stato pensato per fornire una fonte di informazione alternativa all’immagine, utile in quei casi nei quali l’utente non visualizza le immagini oppure per i bot incapaci di vederle. ALT dovrebbe quindi dare un’idea del contenuto dell’immagine. In assenza di tale attributo, i browser che non visualizzano le immagini mostrano un’icona vuota e completamente priva di significato.
I motori di ricerca fanno spesso riferimento a questo attributo per identificare il contenuto di un’immagine.

L’attributo TITLE serve invece a fornire alcune informazioni aggiuntive e segue le stesse regole che dovrebbero essere utilizzate per il titolo di una pagina web. Deve essere rilevante, breve e capace di catturare l’attenzione. In alcuni browser come Firefox e Opera esso viene visualizzato quando l’utente passa sopra all’immagine con il mouse.

Si consiglia di utilizzarli entrambi, evitando però di riempirli di keyword ripetute in maniera ossessiva pensando di ingannare i motori di ricerca. E’ bene inoltre che entrambi siano fortemente correlati al contenuto dell’immagine e al tema trattato nella pagina, ma è opportuno non inserire lo stesso testo sia nell’attributo ALT che in quello TITLE.

Ulteriori consigli relativi all’attributo ALT

Se un’immagine fa parte del layout del sito, non rappresenta quindi un contenuto vero e proprio, lasciate vuoto l’attributo ALT, in questo modo alt=""

Se l’immagine è utilizzata come elemento di navigazione, ALT dovrebbe contenere lo stesso testo che è presente nell’immagine.

Se è utilizzata come link dovrebbe contenere il titolo della pagina che stiamo linkando.

Se l’immagine contiene del testo, è indicato inserirlo nell’attributo ALT ricordandosi di non esagerare con la lunghezza.