La balise Alt est un élément essentiel pour le référencement et l’accessibilité d’un site web. Elle permet de donner aux moteurs de recherche une meilleure compréhension du contenu d’une page, en particulier lorsque celle-ci contient des images.
Sommaire
Pourquoi utiliser la balise Alt ?
L’utilisation de la balise Alt présente plusieurs avantages. En voici les principaux :
- Améliorer le référencement SEO : les moteurs de recherche accordent de l’importance au texte alternatif lors de l’évaluation de la pertinence d’un contenu par rapport à une requête;
- Faciliter l’accessibilité : pour les personnes utilisant des lecteurs d’écran ou ayant une connexion internet faible, le texte alternatif donne des informations sur les images qu’ils ne peuvent pas voir ;
- Augmenter la convivialité : le texte alternatif s’affiche lorsque l’image ne peut pas être téléchargée, gardant ainsi la cohérence du contenu.
Comment ajouter une balise Alt à une image ?
L’ajout d’une balise Alt à une image sur une page web est simple et rapide. Voici les étapes à suivre :
- Localisez l’image dans le code HTML de votre page web ;
- Ajoutez l’attribut alt dans la balise HTML de l’image en respectant la syntaxe :
- Remplacez « url-de-l-image » par l’URL de votre image et « texte alternatif » par une description concise et pertinente de cette dernière.
Les bonnes pratiques pour rédiger un texte alternatif efficace
Pour tirer pleinement profit de la balise Alt, il est important de suivre quelques bonnes pratiques lors de sa rédaction.
1. Rester court et précis
Le texte alternatif doit être concis tout en donnant une description détaillée de l’image. Le mieux serait d’écrire entre 5 à 15 mots. Un texte trop long risque d’être peu compréhensible pour les lecteurs d’écran et a moins de chances d’être pris en compte par les moteurs de recherche.
2. Intégrer des mots-clés
Inclure des mots-clés pertinents dans le texte alternatif permet d’améliorer le référencement de la page sur ces termes, sans abuser. Il est recommandé d’intégrer le ou les mots-clés principaux de la page, si ceux-ci sont directement liés au contenu de l’image.
3. Éviter de mentionner « image de » ou « photo de »
Les moteurs de recherche et les lecteurs d’écran savent déjà qu’il s’agit d’une image grâce à la balise <img>. Il est donc inutile d’ajouter ce type de mention dans le texte alternatif. Ainsi, cela vous permet de gagner quelques précieux mots.
4. Décrire l’action ou le but de l’image
Lorsque l’image représente un bouton ou une action précise (comme un lien vers une autre page), il est important de mentionner cette action dans le texte alternatif. Par exemple, pour une image servant de bouton « Inscription », le texte alternatif pourrait être « Cliquez ici pour vous inscrire ».
Exemples de textes alternatifs pertinents
Voici quelques exemples de textes alternatifs qui respectent les bonnes pratiques :
alt="Chaton tigré endormi sur un coussin"pour une image montrant un jeune chat dormant paisiblement ;alt="Graphique de l'évolution des ventes en 2021"pour une image présentant un graphique lié aux ventes d’une entreprise ;alt="Logo de La Maison du Chocolat"pour une image affichant le logo d’une marque de chocolats.
Que faire lorsque l’image n’a pas de fonction particulière ?
Dans certains cas, notamment lorsqu’il s’agit d’images décoratives servant uniquement à enrichir visuellement la page, ajouter un texte alternatif détaillé peut ne pas être nécessaire. Dans ces situations, vous pouvez laisser l’attribut alt vide :
<img src="url-de-l-image" alt="" />Le fait de laisser l’attribut vide indiquera aux moteurs de recherche et aux lecteurs d’écran que l’image n’a pas de fonction particulière.
Audit SEO : Vérifier l’utilisation correcte des balises Alt
Dans le cadre d’un audit SEO, il est recommandé de vérifier que toutes les images du site comportent bien une balise Alt adaptée. Vous pouvez utiliser différents outils en ligne pour effectuer cette vérification ou effectuer un examen manuel du code HTML de vos pages.
En résumé, la balise Alt est un élément essentiel à prendre en compte lors de la conception d’une page web. Elle permet non seulement d’améliorer le référencement et l’accessibilité du contenu, mais aussi de renforcer la convivialité pour les utilisateurs.