Qu’est-ce qu’un texte alt (alternatif) et pourquoi est-il important pour le SEO ?

Olivier Amici

Nov 15, 20227 min read
texte alt

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 :

text alt
Source de l’image

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 :

tableau de répartition du contenu - Recherche Google

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 :

Plateau de charcuterie rond avec du saucisson, du fromage, des crackers et d'autres en-cas colorés

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 :

Pont à Central Park entouré d'arbres et de feuillages

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 :

Épreuve d'athlétisme aux 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 :

Qu'est-ce qui fait un bon lien

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 :

image décorative qui n'a pas besoin 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 :

Luminaire sur pied moderne du milieu du siècle dans un salon meublé

❌ 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 :

Exterior of Strand Bookstore with red awnings and people browsing outdoor bookshelves
Cette célèbre librairie new-yorkaise possède deux sites : l’un à Union Square et l’autre dans l’Upper West Side. Cette photo est celle sur Union Square.

❌ 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.

Audit de site, Ajouter un nouveau projet

Ajoutez ensuite le domaine et le nom de votre site web, puis cliquez sur « Create a project ».

Audit de site, créer un projet

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 » :

Audit de site, 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 :

Audit de site, attributs 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.

Audit de site, attributs alt, détails

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.

Share
Author Photo
En charge du développement marketing pour le marché Français et Francophone, de l’organisation des événements en ligne, des partenariats marketing/éducatifs, de la chaîne YouTube et du blog Semrush France.
More on this