Vous avez probablement entendu parler du texte alternatif pour les images dans le cadre de l'accessibilité du web. Le texte alt (également connu sous le nom d'attribut alt ou de description alt) est le texte accompagnant les images qui est lu à voix haute par les lecteurs d'écran, ce qui aide les utilisateurs malvoyants à naviguer sur le web.

Mais le texte alternatif peut faire beaucoup plus que vous ne le pensez pour le SEO de votre image, tout comme laisser un attribut alt vide peut nuire à votre classement.

Qu'est-ce qu'un texte alternatif pour les images ?

Le texte alt décrit non seulement le contenu de l'image, mais aussi son contexte. Souvent confondu avec la l'attribut alt, le texte alternatif fait en réalité partie du code HTML, mais il s'agit uniquement de la description de l'image contenue dans l'attribut alt et non de l'attribut entier.

La signification de "texte alternatif" vient de "alternate text", et vous en avez peut-être déjà vus lorsque des images sur une page ne se chargent pas correctement. Le texte alt est le texte affiché à la place de ces images.

L'ajout d'un texte alternatif aux images est l'une des meilleures pratiques utilisées par les professionnels SEO pour optimiser les images sur le web. Voici à quoi ressemble l'attribut alt d'une image HTML :

img-semblog

Comme le montre le code source à droite, voici le texte alternatif d'une capture d'écran :

<img alt="possibilités de mots clés semrush"/>

Plutôt simple, non ?

Pourquoi le texte alternatif est-il important pour le SEO des images ?

Le texte alt des images devient de plus en plus important à mesure que les moteurs de recherche améliorent leur capacité à lire n'importe quelle image sur une page, et que l'expérience de l'utilisateur s'enrichit de contenus visuels.

Aujourd'hui, si vous créez un contenu pour internet, il est probable que vous ayez besoin de visuels. Du point de vue de l'utilisateur, les images intégrées à la page sont beaucoup plus agréables que de cliquer sur un lien hypertexte, et les SERP de Google s'adaptent à cette préférence.

D'ailleurs, le contenu visuel est souvent le premier résultat d'une recherche Google. Par exemple, si nous recherchons des "exemples cv étudiants", voici à quoi ressemblent la SERP :

img-semblog

Cela est dû en grande partie à l'expansion constante de Google vers la recherche visuelle, et à sa volonté de rester à la pointe de l'apprentissage automatique et de la technologie de rendu RA (réalité augmentée). 

Google a souligné l'importance des attributs alt dès 2007, et elles font partie intégrante des directives pour la publication d'images de Google. L'intention du moteur de recherche d'évoluer vers une recherche visuelle plus complète se confirme à chaque mise à jour.

Par conséquent, l'optimisation de texte alt des images est peut-être encore une nouveauté pour certains, mais les meilleures pratiques pour améliorer cet élément seront bientôt essentielles pour toute personne créant du contenu sur Internet.

Comment ajouter un texte alternatif aux images de votre page ?

Maintenant que nous avons compris pourquoi le texte alt est si important pour le SEO des images, il est nécessaire d'apprendre où se trouvent les options d'attributs alt dans votre CMS, car la plupart des plateformes de sites web ont généralement les fonctionnalités appropriées déjà configurées. 

Jetez un œil à notre guide sur le SEO des images et les attributs alt pour apprendre à ajouter des textes alt aux images sur WordPress, Shopify, Magento et Wix.

Comment écrire un texte alternatif efficace ?

Le texte alt nous offre la possibilité d'intégrer des mots clés ciblés de manière pertinente et significative, ce qui enrichit le contenu et offre une meilleure expérience utilisateur. 

L'inclusion du mot clé principal dans le texte alt n'est pas la seule chose à garder à l'esprit lors de l'optimisation des images. Lorsque vous rédigez le texte alt des images d'une page, n'oubliez pas de :

  • Décrire l'image de la manière la plus objective possible : comme le texte alternatif s'affiche lorsqu'une image ne se charge pas, il doit s'agir d'une description cohérente de l'image.
  • Fournir un contexte à l'image : afin que les robots d'exploration puissent l'indexer avec précision.
  • Soyez bref et direct : pour des descriptions plus longues, utilisez l'attribut longdesc (remarque : évitez les expressions telles que "image de" ou "photo de", car le texte alternatif est par définition la description de l'image).
  • Utilisez des mots clés, mais évitez le bourrage de mots clés : toutes les règles habituelles d'un contenu de bonne qualité s'appliquent également à le texte alt. Le bourrage de mots clés ne fonctionne pas pour votre texte, et il ne fonctionnera pas non plus pour votre texte alternatif.

Meilleures pratiques du texte alternatif pour le SEO des images

Certains spécialistes SEO prétendent qu'il vaut mieux éviter d'utiliser des images à la place des mots. Puisque les moteurs de recherche ne peuvent pas "lire" comme les humains, l'utilisation d'une image à la place d'un texte réel est source de confusion pour les robots d'exploration et peut nuire aux classements.

En règle générale, veillez à ajouter un texte alt à toutes les images d'une page. C'est vrai aussi pour les images utilisées comme boutons. Le texte alternatif des boutons peut comporter des descriptions telles que "inscrivez-vous maintenant" ou "s'abonner à la newsletter", etc.

Exemples de textes alternatifs : des mauvais aux meilleurs

Voyons quelques exemples de texte alt, classés des mauvais aux meilleurs :

alt text

Comment écrire un texte alternatif pour les sites e-commerce ?

Une fois encore, le texte alt doit être aussi descriptif que possible. Il est important d'éviter un texte alt comme : "chaussures converse en solde, achetez les vôtres maintenant". Cela pourrait déclencher une alerte spam.

Pixabay free commercial use
Pixabay : utilisation commerciale gratuite

Un bon attribut alt lorsqu'on optimise les images pour un site e-commerce pourrait être :

<img ="converse_shoes.png" alt=" converse all star sneakers for men black">

Découvrir les problèmes liés aux textes alternatifs des images

Même lorsque nous faisons de notre mieux pour rédiger un texte alt efficace, il arrive que nous passions à côté de quelque chose.

Lorsque vous optimisez les images pour le web, notre outil Audit de site peut vous aider à identifier les problèmes liés aux images sur votre page. 

Images cassées

Les images cassées offrent une mauvaise expérience aux utilisateurs, car elles ne peuvent pas être affichées correctement, ce qui donne l'impression générale que votre page est de mauvaise qualité. Lorsque les moteurs de recherche s'en aperçoivent, les images cassées peuvent nuire au classement des sites.

img-semblog

L'outil Audit de site déterminera la cause de l'image interne rompue. Ensuite, vous vous trouverez probablement dans un des cas suivants :

  • URL mal orthographiée ou chemin de fichier invalide : corrigez les fautes de frappe dans l'URL ; si le fichier image a été déplacé, corrigez l'URL pour qu'elle pointe vers l'emplacement actuel.
  • L'image n'existe plus : si un fichier image a été supprimé ou endommagé, remplacez-le par un nouveau ; si l'image n'est plus nécessaire, supprimez-la également du code HTML de la page.

La seule chose à garder à l'esprit ici est la différence entre les images internes rompues et les images externes rompues. Comme vous n'avez aucun contrôle sur les images externes, la meilleure approche consiste à les remplacer purement et simplement.

Images sans attributs alt

Comme indiqué précédemment, un attribut alt vide est une occasion manquée d'améliorer le classement des images dans les moteurs de recherche. De plus, il n'offre pas une bonne expérience aux utilisateurs malvoyants.

img-semblog

Vous pouvez utiliser l'outil Audit de site pour passer en revue toutes les images sans attribut alt, ce qui vous permet d'intervenir plus facilement et de remplir l'attribut alternatif avec le texte approprié. 

Vous remarquez l'attribut alt vide ici :

<img src="imagename.png" alt=" ">

Changez-le en :

<img src="imagename.png" alt="un texte alt bien écrit avec un de ses mots clés">

FAQ sur le texte alternatif

Voici quelques questions que nous entendons souvent lorsque nous travaillons sur l'attribut alt :

Comment trouver l'attribut alt d'une page ?

Déplacez votre souris n'importe où sur la page, faites un clic droit et choisissez "Inspecter" dans le menu. Le code source de la page apparaîtra sur le côté droit de l'écran.

Cliquez sur la première icône à gauche du panneau de code HTML, trouvez l'image sur la page dont vous souhaitez voir l'attribut alt, et cliquez dessus. Le code HTML de cet élément sera mis en évidence avec tous les attributs de l'image.

Comment lire un texte alternatif dans le code HTML ?

Une fois que vous avez cliqué sur "Inspecter", vous devez rechercher la balise HTML correspondante dans le panneau affichant le code source de la page. Le texte alt est précédé d'une attribut "alt=", et ce qui suit est la description du texte alternatif.

Comment savoir si une image a un texte alternatif ?

Lors de l'inspection d'une image dans le code source d'une page, si l'attribut alt après "alt=" ne présente que deux guillemets sans aucun contenu entre eux, l'attribut alt est vide, c'est-à-dire qu'il n'y a pas de texte alt.

Comment ajouter un texte alternatif à un fichier JPG ?

Dans Microsoft Word, vous pouvez faire un clic droit sur l'image et sélectionner "Modifier le texte alternatif" dans le menu. Remplissez la description de l'image dans le champ de saisie et cliquez sur "OK". N'oubliez pas de vérifier l'orthographe et la grammaire de votre texte, car les boîtes de saisie n'ont pas de correcteur orthographique.

Pouvez-vous utiliser des virgules et des points dans un texte alternatif ?

Oui, et il faut le faire. Une ponctuation correcte dans un texte alt permet aux lecteurs d'écran d'offrir une meilleure expérience utilisateur.

De plus, le texte alternatif s'affiche lorsqu'une image ne se charge pas correctement. Un texte de haute qualité garantit une meilleure expérience utilisateur.

Quelle doit être la longueur de l'attribut alt ?

La longueur maximale recommandée pour que le texte alternatif soit adapté à la plupart des lecteurs d'écran est de 125 caractères.

Importance du texte alternatif pour les images

Le texte alternatif est un élément important pour le SEO des images et l'accessibilité pour les utilisateurs. Gardez donc ces deux aspects à l'esprit lorsque vous optimisez vos attributs alt. Les utilisateurs et les moteurs de recherche utilisent votre texte alt pour mieux comprendre les images de votre page. En suivant les étapes ci-dessus, vous serez sur la bonne voie pour créer des pages conviviales et plus faciles à explorer.

Author Photo
Olivier AmiciJe suis 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.
Subscribe to learn more about SEO
By clicking “Subscribe” you agree to Semrush Privacy Policy and consent to Semrush using your contact data for newsletter purposes
More about SEO
Réseaux de blogs privés (PBN) : mythes et risquesDans ce guide, nous allons plonger dans la tactique controversée de construction de liens des réseaux de blogs privés (PBN) et aborder certains mythes courants qui les entourent et les risques que cela implique.
14 min read
16 conseils essentiels en SEO pour les débutants afin d'augmenter le traficLe référencement fait partie intégrante de la réussite marketing, et chaque spécialiste du marketing numérique devrait connaître au moins un peu cet outil important qui génère du trafic. Pour vous aider, nous avons compilé une liste de conseils SEO pour débutants. Même ces petites actions produiront des résultats rapides et radicaux en matière de classement sur le web et de trafic.
14 min read