Images, indexation et référencement

Fenêtre popup sans Javascript

Je me suis rendu compte en parcourant le web, qu’un bon nombre de sites et de blogs ne renseignait pas l’attribut alt des images qu’ils insèrent sur leurs pages. Grossière erreur !

Cet attribut est un élément très important pour le référencement ou plutôt l’indexation de sites et de blogs sur les moteurs de recherche. Les crawler, comme j’ai déjà eu l’occasion de l’écrire sur un précédent billet, ne distingue pas le contenu de l’image que vous affichez sur votre page, il est donc nécessaire de renseigner l’attribut alt="" qui est en quelques sortes une légende, un commentaire destiné aux crawler et aux navigateurs.

Cet attribut peut contenir idéalement 70 caractères, il n’est pas recommandé d’aller au-delà (normes W3C). Il est judicieux de commenter l’image avec des mots correspondant au contenu réel de l’image et d’insérer dans le commentaire un ou deux mots clés, mais, attention avec l’utilisation des mots clés ! Dépasser un certain nombre de répétitions et la densité/mot clé se trouve modifiée (évidemment) et pas forcement à votre avantage, le « forcing » avec les mots clés est quelquefois périlleux.

L’insertion HTML d’une image se fait avec le code suivant :
<img style="width: 200px; height: 200px;" alt="Nom de l'image" src="citadelle.jpg">

L’insertion XHTML d’une image se fait avec le code suivant :
<img style="width: 200px; height: 200px;" alt="Nom de l'image" src="citadelle.jpg" />

Vous pouvez ajouter l’attribut title="" qui permet lors du survol de l’image avec une souris d’afficher un texte comme sur l’image ci-dessous.