Alt text Attribute

L’Alt text, également connu sous le nom de text attribute ou d’alt tag, se définit comme la description de l’image aux visiteurs malvoyants. Intégré au code HTML, la description alt de l’image du site est uniquement accessible aux moteurs de recherche. Entre autres, l’ajout du texte alternatif permet aux bots de mieux cerner le contenu de l’image et proposer des réponses plus pertinentes aux requêtes des internautes.

Le texte alternatif facilite la transmission des données par les lecteurs d’écran, notamment en l’absence de titres. Il permet également aux internautes d’accéder à une description textuelle dans le cas où le navigateur n’arrive pas à afficher l’image en question. En ce sens, une image avec un texte alternatif vide est considérée comme non pertinente aux yeux des moteurs de recherche.

L’ajout du texte alternatif aide les robots de Google dans leur processus de vérification et d’indexation :

• Grâce à l’Alt text, Google peut cerner ce que l’image contient. En ce sens, il peut évaluer si celle-ci correspond ou non au contenu de la page ;
• La balise alt permet également aux moteurs de recherche de vérifier si l’image d’une page web est pertinente face à une requête spécifique ;
• A ce jour, l’algorithme de Google est capable de définir le sens d’une image, qu’il s’agisse d’une image décorative, d’un objet, d’une personne, d’une image marketing ou autre. Toutefois, la présence d’un texte alternatif permet d’accélérer le processus d’indexation et de positionnement d’une page.

Pour insérer une description alternative dans un code HTML, il faudra se servir de l’attribut. Voici un exemple : <img src=¨rix.png¨ alt=¨ riz gluant asiatique¨>

Les moteurs de recherche ne s’arrêtent pas à la simple présence d’une description imag src. Ils évaluent également la qualité du text attribute. Pour cela, ils prennent en compte quelques éléments :

• La description : il faudra utiliser des noms, des verbes, des adjectifs et des adverbes pertinents pour décrire une image. Ceux-ci doivent tourner autour d’un mot clé principal. La description ne doit pas dépasser les 125 caractères, soit une ou deux phrases ;

La clarté du texte : Google pénalise le bourrage de mots-clés par l’action manuelle. Visez uniquement le mot clé cible et éviter tout ce qui peut être superflu pour ne pas embrouiller google image lecteurs d’écran.

Le code HTML identifie déjà votre image ou image en tant que telle, évitez donc d’utiliser ces mots et de prendre de la place au début de votre texte alternatif.  Si l’image ajoute du contexte d’une manière ou d’une autre, mentionnez de quel type d’image il s’agit , comme un tableau, un graphique, une illustration, une capture d’écran, une photo du visage ou autre.

Si cela a du sens, incluez des mots-clés ou des phrases dans le texte alternatif de votre image pour booster le référencement. Cependant, n’en faites pas trop. Vous voulez éviter la surcharge ou le bourrage de mots-clés, car cela peut avoir un impact négatif sur votre classement. Concentrez-vous sur la façon de décrire l’image avec précision et précision, et si le mot-clé correspond à cette description, utilisez-le. L’utilisation de mots-clés rappelle à vos lecteurs pourquoi cette image particulière est incluse et comment elle se rapporte au contenu lui-même.

Les légendes d’image et le texte alternatif sont deux éléments différents, et les deux peuvent ajouter de la valeur. Trouvez un moyen de composer chacun d’entre eux afin que, ensemble, ils fournissent à votre lecteur une description plus complète à la fois de l’image et de la raison pour laquelle elle apparaît avec le contenu.

• Ne faites pas de fautes d’orthographe
• Ne pas inclure un texte alternatif pour des images décoratives

Certaines images sont mieux sans texte alternatif, comme les images purement décoratives. Les images décoratives sont des images utilisées pour décomposer visuellement le contenu d’une page ou pour rendre la page plus jolie. Ils ne contiennent aucune signification ou contexte significatif lié à la page et sont purement décoratifs. Dans la mesure du possible, incluez le mot « null » dans les champs de texte alternatif afin que les lecteurs d’écran les ignorent.

Dans certains cas, une image nécessitera une description plus longue afin de la décrire efficacement et de transmettre le contexte qui l’entoure.

Dans ces cas, vous pouvez utiliser l’attribut  » longdesc=  » et fournir un lien pour emmener le lecteur ailleurs pour une explication complète.

Si votre image est celle d’un bouton, inclus comme un moyen pour un spectateur de soumettre ou de cliquer pour plus d’informations, vous devez inclure un texte alternatif qui leur indique le but du bouton. Ce placement de texte alternatif est particulièrement important pour les lecteurs d’écran et lorsque les images ne se chargent pas.

En règle général, l’ajout d’un texte alternatif est obligatoire pour faciliter l’expérience des utilisateurs de lecteurs. Toutefois, il existe quelques exceptions où il est préférable de laisser le champs vide, notamment :

• Lorsque certaines images reviennent à plusieurs reprises ;
• Lorsque vous devez insérer une icône : cela permet d’éviter les redondances ;
• Lorsque vous avez affaire à une image avec un lien ;
• Lorsque vous devez insérer les logos au niveau de l’entête.