Qu’est-ce que le texte alt ?
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 fournit un contexte aux robots d’exploration des moteurs de recherche ainsi qu’aux personnes qui consultent une page avec un lecteur d’écran.
Le texte alt est également appelé « attribut alt » et « balise alt ».
Voici à quoi il ressemble :
Et voici un exemple de texte alt en HTML :
<img src="hanging-planter.jpg"<b> alt="Jardinière suspendue en forme de boule de discothèque avec des vignes suspendues sur le côté</b>">Pourquoi le texte alt est-il important pour le SEO des images ?
Les recherches d’images Google représentent 22,6 % de toutes les recherches.
Cela fait des images un moyen puissant d’obtenir plus de trafic SEO.
Google lit le texte alt pour mieux comprendre le contenu des images. Sans texte alt, vos images ont beaucoup moins de chances d’être classées dans Google Images.
De plus, Google affiche souvent les images en haut des résultats de recherche Google ordinaires, avant les pages web. Par exemple, si nous recherchons « tableau de répartition du contenu », les images apparaissent en tête des résultats :
L’optimisation du texte alt de votre image peut donc vous permettre d’augmenter le trafic provenant de Google et de Google Images.
Dans cet article, nous allons vous expliquer exactement comment faire. Nous donnerons des exemples, les meilleures pratiques, et comment trouver et corriger les textes alt manquants.
Exemples de textes alt
Pour rédiger le texte alt le plus efficace, soyez descriptif et utilisez un ton de voix naturel. Pensez à la façon dont vous décririez une image à quelqu’un au cours d’une conversation. N’essayez pas de le remplir de mots clés (ce qui donne l’impression que vous êtes un robot).
Passons en revue quelques images avec des exemples de textes alt corrects, bons et meilleurs.
Commençons par cette image d’un plateau de charcuterie :
Exemple de mauvais texte alt : alt="Idées de repas de fête"
Exemple de texte alt correct : alt="Planche de charcuterie"
Un exemple de texte alt plus efficace : alt="Planche de charcuterie avec saucissons et fromages"
Meilleur exemple de texte alt : alt="Plateau de charcuterie rond avec du saucisson, du fromage, des crackers et d’autres en-cas colorés"
Le « mauvais » exemple ici cible un mot clé spécifique (« Idées de repas de fête ») sans nous dire réellement ce que contient l’image. Bien que les exemples « correct » et « plus efficace » soient meilleurs, notre « meilleur » exemple est celui qui fournit le plus de détails et de contexte pour l’image.
Ensuite, examinons cette image prise à Central Park :
Exemple de mauvais texte alt : alt="Pont fleurs arbres verdure parc"
Exemple de texte alt correct : alt="Central Park"
Un exemple de texte alt plus efficace : alt="Pont à Central Park"
Meilleur exemple de texte alt : alt="Pont à Central Park entouré d’arbres et de feuillages"
Le « mauvais » exemple est une liste de mots plutôt qu’une description. Le « meilleur » exemple comprend des informations sur le lieu spécifique ainsi que sur ce qui est montré sur la photo.
Enfin, voici une image des Jeux olympiques de Pékin 2008 :
Exemple de mauvais texte alt : alt="Événement sportif athlétisme olympique médaille d’or"
Exemple de texte alt correct : alt="Athlétisme"
Un exemple de texte alt plus efficace : alt="Épreuve d’athlétisme"
Meilleur exemple de texte alt : alt="Épreuve d’athlétisme aux Jeux olympiques de Pékin 2008"
Là aussi, notre « mauvais » exemple ne semble pas naturel et ne nous dit pas vraiment ce que montre l’image.
Remarquez que tous nos « meilleurs » exemples sont les plus descriptifs, sans pour autant être du spam. Et lorsqu’il y a un nom clair ou un événement lié à l’image (comme Central Park ou les Jeux olympiques de Pékin), il est également inclus.
Meilleures pratiques pour le texte alt
Passons en revue quelques règles de base à respecter lors de la rédaction d’un texte alt.
Nous avons déjà expliqué qu’un bon texte alt doit être descriptif sans pour autant être spammeur, mais voici quelques remarques plus importantes :
Le texte alt ne doit pas dépasser 125 caractères
Les lecteurs d’écran et autres technologies d’assistance cessent généralement de lire le texte alt à partir de 125 caractères.
Il est préférable de plafonner votre texte alt à ce nombre afin qu’il ne soit pas coupé.
Incluez un mot clé principal pour le contexte
Cela peut sembler contre-intuitif par rapport à nos conseils précédents. Cependant, 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 fournir 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.
Supposons que nous écrivions le texte alt pour cette image de notre article de blog sur la création de backlinks :
Cet article de blog cible le mot clé « link building », mais il serait un peu forcé de l’ajouter ici parce que l’image traite d’un sujet plus spécifique.
Une bonne stratégie pourrait donc être : alt="exemples de ce qui constitue un bon lien".
De cette façon, nous incluons le mot clé partiel « lien », mais il est toujours pertinent à la fois pour l’image et la page web.
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.
Voici un exemple d’illustration décorative qui ne nécessite pas de texte alt :
N’incluez pas « Image de » ou « Photo de » dans le texte alt
Comme nous l’avons mentionné, vous ne disposez que de 125 caractères pour décrire votre image. L’ajout d’un texte de remplissage tel que « photo de » ou « image de » ne fera que gaspiller cet espace, puisque les utilisateurs et Google savent déjà qu’il s’agit d’images.
Voici un exemple de ce qu’il ne faut pas faire et de ce qu’il faut faire pour l’image d’un luminaire :
❌ alt="Image d’un luminaire sur pied moderne du milieu du siècle"
✅ alt="Luminaire sur pied moderne du milieu du siècle dans un salon meublé"
La deuxième option est plus directe et ajoute des informations supplémentaires essentielles et un contexte.
Ne reprenez pas ce qui est déjà dans la légende
Il n’y a aucune raison d’inclure des informations redondantes dans votre texte alt. Si une photo a déjà une légende, au lieu de la répéter dans le texte alt, fournissez plus de contexte sur la photo.
Voici un exemple d’image avec une légende pour la librairie Strand à New York :
❌ alt="La librairie Strand à Union Square"
✅ alt="Extérieur de la librairie Strand, avec des auvents rouges et des personnes parcourant les rayons de livres en plein air."
Le deuxième texte alt est plus accessible : au lieu de répéter la légende, il décrit ce que montre réellement l’image.
Trouvez et corrigez les textes alt manquants
Pour vérifier s’il manque du texte alt sur votre site, utilisez notre outil Audit de site.
Commencez par cliquer sur le bouton « Ajouter un nouveau projet » en haut à droite.
Ajoutez ensuite le domaine et le nom de votre site web, puis cliquez sur « Create a project ».
Suivez les instructions pour terminer la configuration de votre audit de site, puis laissez-lui le temps de s’exécuter.
Lorsque votre rapport d’audit est prêt, cliquez dessus. Cliquez ensuite sur l’onglet « Problèmes » :
Vous serez dirigé vers une liste d’erreurs, d’avertissements et d’avis. Affinez les résultats de votre recherche en indiquant « attributs alt ». Vous verrez ainsi combien d’images sont dépourvues de texte alt :
Cliquez sur le lien (« 114 images » ci-dessus) pour voir exactement quelles sont les images qui posent problème, afin que vous puissiez vous connecter à votre site et les corriger.
L’étape suivante consiste à vous connecter à votre CMS et à ajouter un texte alt à toutes les images répertoriées ici.
Une fois que vous avez ajouté le texte alt manquant sur votre site, vous pouvez relancer votre audit de site afin de vérifier si les changements ont bien été pris en compte.