Lorsque vous créez un site Web, les images peuvent être des ressources très utiles. Ils aident à fournir un contexte supplémentaire pour le contenu de la page, à diviser le texte, à ajouter un attrait visuel aux pages, et bien plus encore. Mais une image non optimisée n’est utile qu’à quelqu’un qui peut la voir.
Qu’est-ce que le texte alternatif ?
Si vous vous demandez « qu’est-ce que le texte alternatif », vous avez ici la réponse.
Le texte alternatif – également appelé balises alt ou attributs alt – fait référence au texte attaché à une image pour décrire ce qu’elle montre. Ce texte est intégré dans le code du site Web et peut généralement être visualisé en passant votre curseur sur l’image.
Pourquoi utiliser le texte alternatif ?
Le but d’une balise alt est de transmettre le contenu d’une image. Par exemple, si vous êtes une entreprise de réparation de maisons, vous pouvez utiliser une photo d’une maison endommagée quelque part sur votre site.
Une balise alt possible pour cette image dirait quelque chose comme « maison endommagée par un arbre tombé ».
Comment écrire des balises alt ou du texte alternatif
Maintenant que vous connaissez la signification des balises alt, parlons de leur écriture. Il existe une bonne et une mauvaise façon d’écrire les balises alt. Vous devez viser à fournir juste assez d’informations pour aider les gens à visualiser l’image sans la voir réellement.
Voici certaines choses que vous ne devriez pas faire :
- Remplissez vos balises alt de mots-clés (par exemple, « canne à pêche, ligne de pêche, canne à pêche »)
- Simplifier à l’extrême (par exemple, « chapeau »)
- Commencez par « image de » (par exemple, « image d’un oiseau bleu sur un poteau de clôture »)
Le meilleur conseil pour écrire des balises alt est peut-être de sortir un instant de votre état d’esprit marketing et de décrire simplement l’image comme vous le feriez si votre ami de l’autre côté de la pièce vous le demandait.
Quels sont les avantages de l’utilisation des balises alt ?
Maintenant que vous connaissez exactement la définition des balises alt, vous découvrirez ici que l’utilisation des attributs alt pour vos images présente plusieurs avantages. En particulier, trois avantages valent la peine d’incorporer des balises alt dans les images de votre site Web.
1. Classements améliorés
L’un des avantages les plus importants de l’utilisation des balises alt est qu’elles peuvent améliorer votre classement dans les recherches Google. La raison est liée à la façon dont Google traite votre référencement On-Page. Pour que Google classe une page, il l’explore et l’ajoute à son index de recherche. Lorsque les robots de Google explorent une page, ils analysent essentiellement la page pour en comprendre le contexte. La numérisation d’images, en revanche, est totalement différente.
Les robots d’exploration de Google ne peuvent pas lire les images, ce qui signifie que les images de votre site ne contribueront pas à votre classement. Mais lorsque vous utilisez des balises alt, tout cela change. L’image est désormais accompagnée d’un texte descriptif, ce qui signifie que Google peut voir de quoi il s’agit et en tenir compte dans votre classement.
2. Google Images
Une autre façon dont le texte alternatif pour les images peut vous être utile consiste à aider vos images à apparaître dans Google Images. Google Images fonctionne en extrayant des images de sites dans son index. Puisqu’il extrait ces images en réponse à une requête de recherche spécifique, il doit savoir ce que les images représentent. Si vous avez une image non optimisée sur votre site, Google n’a peut-être aucun moyen de savoir ce qu’elle affiche.
Par conséquent, il n’apparaîtra dans aucun résultat Google Image. Mais si vous donnez à votre image la balise alt « trophée d’or générique », Google sait désormais que votre image montre un trophée. Ainsi, lorsque quelqu’un recherche « trophée d’or » dans Google Images, il est possible que votre image apparaisse, dirigeant les internautes vers votre site.
3. Accessibilité des images
Le dernier avantage majeur des attributs des balises alt est qu’ils peuvent faciliter l’accessibilité sur votre site Web. L’accessibilité des images est quelque chose que de nombreuses entreprises négligent de mettre en œuvre, et elle peut grandement améliorer l’efficacité globale de votre marketing.
De nombreux utilisateurs malvoyants utilisent des lecteurs d’écran pour interagir avec une page Web. Cependant, comme les algorithmes de Google, le lecteur d’écran ne peut pas lire à haute voix le contenu d’une image, à moins que vous n’utilisiez une balise alt.
Cela aide les utilisateurs à comprendre ce qui se trouve sur la page. L’accessibilité des images est non seulement une courtoisie fondamentale pour vos clients malvoyants, mais c’est également un moyen de rendre les utilisateurs plus heureux et de les fidéliser davantage à votre marque, vous permettant ainsi de générer davantage de conversions.
Comment créer des balises alt ?
La création de balises alt est un processus simple. Tout ce que vous avez à faire est d’insérer un court extrait dans le codage de votre site. Si vous travaillez via un système de gestion de contenu (CMS), vous n’aurez peut-être même pas besoin d’entrer dans le code lui-même : de nombreux CMS vous permettront simplement de cliquer sur l’image, puis de saisir la balise alt dans une case.
Même si ce n’est pas le cas, ajouter une balise alt dans le code est une tâche simple. Pour commencer, récupérez le code source HTML de votre site. Recherchez ensuite l’image à laquelle vous souhaitez ajouter une balise alt.
Elle devrait ressembler à ceci :
<img src= »exempleimage.png »>
Pour ajouter une balise alt, insérez un extrait de code avant le crochet fermant.
Le code doit prendre ce format :
alt=”exemple de description”
Ainsi, lorsque vous avez terminé, la ligne complète de code devrait apparaître comme une combinaison des deux éléments ci-dessus. Voici un exemple :
<img src= »bookshelfproject » alt= »Une bibliothèque nouvellement fabriquée à la main »>
Et c’est tout ! Tant que vous vous souvenez du format de l’extrait de code, il est facile d’ajouter des balises alt pour les images – et en fonction de votre CMS, cela peut être encore plus simple.