Attribut ALT : définition, intérêt, et bonnes pratiques SEO !
L’attribut ALT est un terme propre au langage HTML. Il s’agit d’un texte utilisé par les moteurs de recherche comme Google pour mieux comprendre le sens d’un visuel dans le contenu d’une page.
Vous souhaitez en savoir plus ? Parfait !
Dans cet article, je vous propose de découvrir toutes les bonnes pratiques autour de l’attribut ALT à appliquer directement sur votre site internet, ainsi que quelques exemples pour maximiser votre référencement 👇
Qu'est-ce que l'attribut ALT dans la balise HTML ![]()
? 🤔
Aussi appelé texte alternatif, l’attribut ALT est un élément que l’on retrouve dans le code HTML et qui fournit une description textuelle d’un visuel présent sur une page web. Il s’agit d’un composant de la balise <img>.
Voici ce que ça donne au niveau du codage :
<img src=”fiche-image.jpg” alt=”balise alt de votre image”>
Pour information, l’expression « ALT » provient de l’anglais « alternative text ».
La plupart des CMS (dont WordPress) offrent la possibilité de renseigner cet attribut au moment d’importer vos images, sans besoin de codage.
À noter que l’attribut ALT est à différencier de la légende qui elle, est un texte généralement placé sous l’image en vue d’apporter des informations supplémentaires.
Elle est aussi différente de l’attribut TITLE qui correspond au texte qui s’affiche lorsque vous passez votre souris sur une image (on parle aussi d’info-bulle).
Concrètement, quel est rôle de l'attribut ALT ?
Les raisons principales pour lesquelles l’attribut ALT est chéri par les consultants SEO sont nombreuses.
Déjà, cette description est utile lorsque l’image n’est pas correctement chargée ou disponible sur votre site web (problème de serveur, lenteur de chargement, etc.). Dans ce cas, le navigateur affiche le texte à la place. Cela permet de maintenir une bonne compréhension du contenu et donc, une bonne expérience utilisateur (UX).
Deuxièmement, elle est d’une aide précieuse pour rendre le contenu accessible aux personnes malvoyantes, qui utilisent des lecteurs d’écran pour naviguer sur le web.
Enfin, l’attribut ALT est pris en compte par les moteurs de recherche (Google, Bing, Yahoo). Il aide ces derniers à comprendre le contenu de l’image, impactant ainsi le référencement naturel du site.
- Bref : la balise ALT est un outil essentiel pour l’accessibilité et le SEO !
Comment écrire une balise ALT pertinente pour vos images ?
1. Soyez clair dans la description ✅
Une première règle d’or à respecter au moment d’écrire un attribut ALT : décrivez l’image telle que vous la voyez, sans flou. L’idée est la suivante : n’importe qui doit être en mesure de comprendre son sens.
- De même, il est fortement déconseillé d’écrire un long paragraphe pour décrire le sens de votre image : contentez-vous de 3 ou 5 mots, cela fera parfaitement l’affaire.
Évitez également les accents au sein de l’attribut. En effet, il n’est pas rare que certains caractères présentent des problèmes d’affichage pour les internautes de certains pays.
Les tirets entre chaque mot sont également inutiles. Laissez un espace vide.
2. Évitez le bourrage de mots-clés pour le SEO ❌
Deuxième conseil, et pas des moindres : évitez le bourrage de mots-clés. Je vois encore beaucoup de clients qui s’en donnent à cœur joie. Or, cette pratique est loin d’être optimale en matière de référencement naturel (SEO).
Bien sûr, vous devez inclure le mot-clé principal. Mais voilà, nul besoin de rentrer tout l’univers sémantique autour de votre mot-clé.
Restez naturel. Less is more.
3. Utilisez un attribut ALT unique pour chaque image 💡
Retenez ceci : une image = un attribut ALT.
En d’autres termes, je vous déconseille de dupliquer un même attribut sur plusieurs images. Cela ne pourrait qu’apporter de la confusion pour les robots d’exploration.
Enfin, si votre image est publiée à des fins décoratives, inutile de renseigner un attribut ALT. Remplissez uniquement ce champ pour les visuels ayant un intérêt pour le référencement naturel.
Ajouter un attribut ALT dans WordPress : comment faire ?
Pour ajouter un attribut ALT dans WordPress, il faut tout d’abord choisir l’image à laquelle vous voulez attribuer un texte alternatif.
- Accédez à votre bibliothèque de médias et sélectionnez l’image concernée. Une fois l’image ouverte, vous trouverez un champ intitulé « Texte alternatif ». C’est ici que vous pouvez saisir votre description.
Il est également possible d’ajouter un attribut ALT directement lors de l’ajout d’une image à un article ou une page. Dans l’éditeur de blocs, cliquez sur l’image ajoutée, puis sur l’icône du crayon pour accéder aux options d’édition de l’image. Dans le champ « Texte alternatif », entrez votre description.
- Rappel : pour une optimisation efficace, assurez-vous que le texte alternatif est concis, pertinent et qu’il décrit précisément le contenu de l’image.
Exemples d'attribut ALT 🔥
Exemple 1
Supposons que vous ayez créé une page web dédiée à l’élevage canin. Dans le contenu de votre page, vous avez décidé d’insérer une image d’un chiot jouant avec son maître dans un parc. Un bon attribut ALT serait :
- « chiot jouant avec son maître »
Exemple 2
Supposons cette fois-ci que vous êtes plombier et que votre page traite de ses principales missions. Un bon attribut ALT pourrait être :
- « role et missions du plombier »
Parlez-moi de votre projet.