Définition : Attribut ALT [Lexique SEO]
L’attribut ALT, un élément HTML.
Partant du principe que les robots des moteurs de recherche ont des difficultés à lire les images – JPG, PNG, etc. – , l’attribut ALT des images est censé les rendre lisibles. Une image qui inclut un attribut ALT permet aux robots explorateurs de mieux comprendre le contenu de l’image. Un attribut ALT est censé contenir une phrase qui décrit le contenu de l’image.
Le W3C nous présente son utilité :
L’attribut ALT est défini dans un ensemble de balises (à savoir, img, area et éventuellement pour input et applet) pour vous permettre de fournir un équivalent texte à votre image.
Un équivalent texte offre des avantages à votre site et ses visiteurs dans les situations suivantes :
- De nos jours, les navigateurs Web sont disponibles sur une très large variété de plateformes et offrent des possibilités très différentes ; certains ne peuvent pas du tout afficher les images, certains autres ne peuvent en afficher qu’un certain type ; certains peuvent être configurés pour ne pas charger les images. Si vous utilisez l’attribut ALT dans le code de vos images, la plupart de ces navigateurs afficheront les descriptions que vous donnez à la place de vos images.
- Certains de vos visiteurs ne peuvent pas voir les images de votre site web, qu’ils soient aveugles, daltonien ou qu’ils aient des problèmes de vue ; l’attribut ALT est une grande bouée de secours pour ces personnes, car elles peuvent se faire une bonne idée du contenu de votre page Web.
- Les robots des moteurs de recherche appartiennent à ces deux catégories citées ci-dessus : si vous souhaitez que votre site Internet soit indexé comme il le mérite, utilisez l’attribut ALT pour vous assurer qu’ils n’éviteront pas les parties importantes de vos pages Web.
Que devez-vous mettre dans l’attribut ALT ?
La règle générale pour remplir le contenu de l’attribut ALT est d’utiliser un texte qui identifie l’image. Plus précisément :
- Si l’image représente un texte décoré, réécrivez le texte dans l’attribut ALT.
- Si l’image est utilisée pour créer les puces d’une liste, ou une ligne horizontale, ou tout autre motif décoratif semblable, il est conseillé de avoir un attribut ALT vide (par exemple : ALT=” “).
- Si l’image présente une quantité importante d’informations, essayez de la résumer en une phrase courte pour l’attribut ALT, puis ajoutez un attribut longdesc (longue description) lié à un fichier dans lequel vous placerez une description plus conséquente.
L’attribut ALT dans le code :
<a href=’http://www.url.com’><img src=’http://www.url.com/votre-image.jpg’ alt=’Tapez ici votre texte’></a>
Lien W3C : Use the alt attribute to describe the function of each visual
