Reda El Fillali
- Les images et leur impact sur le SEO : quelle est la valeur du texte alt ?
- Que sont les attributs alt de l’HTML et comment les utiliser pour le SEO ?
- Comment utiliser l’attribut alt sur WordPress pour améliorer le SEO ?
- Comment ajouter un attribut alt à une image ?
- Comment tester l’existence de l’attribut alt dans la balise img afin de lui appliquer une règle CSS ?
L’attribut alt (texte alternatif) c’est quoi?
Le texte alt (abréviation de « texte alternatif ») est un texte inclus dans le code HTML pour décrire une image sur une page web.
Il permet aux robots d’exploration des moteurs de recherche ainsi qu’aux personnes qui consultent une page avec un lecteur d’écran de comprendre le contenu des images.
Le texte alt est également appelé « attribut alt » et « balise alt ».
Et voici un exemple de texte alt en HTML :
<img alt="text alternatif" src="image.jpg" />
Pourquoi le texte alt est-il si important pour le SEO?
Sur google, le recherche des images représente environ 22.6% du recherches.
Pour mieux comprendre le contenu des images, les robots de Google lisent les balises alt. Ce qui fait que sans les balises alt, les images ont moins de chances d’apparaître sur les résultats de recherche.
D’autant plus que Google affiche souvent les images en haut des résultats de recherche ordinaires, avant les liens web. Par exemple, si nous cherchons « attribut alt » les images apparaissent en premier.
L’optimisation du texte alt de vos imagse peut donc vous permettre d’augmenter naturellement le trafic provenant de Google et de Google Images.
Meilleures pratiques pour optimiser les textes alt
Un bon texte alt doit être descriptif sans pour autant qu’ils soit spammeur plein de mots clés.
Le texte alt ne doit pas dépasser 125 caractères
Les lecteurs d’ecran et les autres technologies d’assistance sont généralement limités à 125 caractères.
C’est pour ça qu’il est toujours préférable de limiter votre attribut alt à 125 caractères afin qu’il ne soit pas coupé.
Inclure un mot clé principal le contexte
Il est judicieux d’inclure un mot clé principal dans votre texte alt s’il fournit un contexte pour la page sur laquelle se trouve l’image.
Le but du texte alt est de donner des informations supplémentaires et un contexte, et le mot clé cible fait souvent cela.
Pour rendre le texte plus naturel, vous pouvez également utiliser des variantes de votre mot clé principal.
N’incluez pas de texte alt pour les images décoratives
Si l’objectif du texte alt est de fournir un contexte aussi large que possible pour les images, certaines d’entre elles n’ont pas vraiment besoin d’être expliquées.
Il n’est pas nécessaire d’inclure un texte alt pour les images décoratives telles que les icônes, les sauts de page à ligne horizontale, l’icône de la loupe dans une barre de recherche, etc.
Les utilisateurs de lecteurs d’écran n’ont pas besoin de savoir à quoi ressemblent ces images pour comprendre la page, et Google n’a pas besoin d’informations ou de contexte supplémentaires pour classer la page web.
Comment tester l’existence de l’attribut alt dans la balise img afin de lui appliquer une règle CSS ?
Pour tester l’existence d’un attribut dans une balise img et lui appliquer une règle CSS, vous pouvez utiliser les sélecteurs d’attributs en CSS. Par exemple, pour tester l’existence de l’attribut alt dans une balise img, vous pouvez utiliser le sélecteur suivant :
img[alt] {
/* règles CSS */
}Ce sélecteur sélectionnera toutes les balises img qui ont l’attribut alt défini, et appliquera les règles CSS spécifiées à l’intérieur de la déclaration de règles.
Il est aussi possible de tester la valeur d’un attribut en utilisant le sélecteur suivant :
img[alt="une valeur à tester"] {
/* règles CSS */
}Cela sélectionnera toutes les balises img qui ont l’attribut alt défini et dont la valeur est « une valeur à tester »