Texte Alternatif : Qu'est-ce que c'est et Pourquoi c'est Important pour l'Accessibilité et le SEO

Semrush Team

juil. 31, 20237 min de lecture
texte alt

TABLE DES MATIÈRES

Qu'est-ce qu'un Texte Alternatif ou Alt Text?

Le texte alternatif est une description écrite d'une image en ligne qui fournit une alternative lorsque l'image est inaccessible à l'utilisateur. 

Cette dénomination s'écrit parfois texte alt en abrégé. Il également appelé image alt ou img alt.

Le texte alternatif permet aux lecteurs d'écran de lire à haute voix pour les utilisateurs souffrant de déficiences visuelles.

Il aide aussi les robots des moteurs de recherche à comprendre le contenu de l'image et peut apparaître sur une page web lorsque l'image ne parvient pas à se charger (contrairement à la légende de l'image, qui apparaît toujours sur la page).

Exemple de texte alternatif que l'on voit lorsqu'une image ne s'affiche pas

Le texte alternatif est généralement ajouté via l'attribut alt dans le code HTML d'une image.

Comme ici :

<img src=“image-file-example.jpg” alt=“Le texte alternatif se place ici”>

C'est pourquoi on l'appelle parfois attribut alt ou balise alt.

La plupart des systèmes de gestion de contenu (CMS) disposent d'un champ dédié au texte alternatif. Il n'est donc pas nécessaire de modifier directement le code HTML.

Voici un exemple pour le texte alternatif sur WordPress :

Spécifier le texte alternatif dans Wordpress

Vous pouvez également utiliser le texte alt des images sur les plateformes de réseaux sociaux. 

Voici un exemple de rédaction d'un texte d'alternatif sur Twitter :

Rédiger un texte alternatif pour une image sur Twitter

Pourquoi le Texte Alternatif est-il Important ?

Le texte alternatif est important car il rend les images plus accessibles aux personnes et aux moteurs de recherche. Même lorsqu'elles ne peuvent pas être affichées.

Si vous ne fournissez pas de texte alternatif approprié, les personnes utilisant des lecteurs d'écran ne pourront pas obtenir d'informations à partir des images.

Vous excluez ainsi injustement les utilisateurs souffrant de déficiences visuelles, ce qui peut nuire à la réputation de votre marque, au trafic et au taux de conversion.

Par ailleurs, l'accessibilité web est bonne pour le SEO.

Google et d'autres moteurs de recherche utilisent le texte alternatif pour déterminer ce que les images représentent (ou vers quoi elles renvoient). Cela leur permet de mieux comprendre votre contenu et donc de mieux le classer.

Le texte alternatif est particulièrement utile pour le SEO des images, c'est-à-dire pour obtenir un classement élevé dans Google Images et d'autres moteurs de recherche d'images. 

Ce type d'exposition peut générer un trafic de qualité vers votre site.

Par exemple, la page de résultats des moteurs de recherche (SERP) pour "chiots malinois" est dominée par des images. Ces dernières renvoient généralement aux sites des propriétaires.

résultats du bloc images de Google pour "chiots malinois"

Beaucoup de ces images utilisent les couples de mots “chiot malinois” ou “malinois chiot” dans leur texte alternatif.

Texte alternatif pour chiot malinois

Le texte alternatif étant important pour le SEO on-page, il est parfois appelé "texte alt SEO".

Comment Rédiger un Texte Alternatif (Meilleures Pratiques)

Apprenez à rédiger un texte alternatif qui améliore l'accessibilité et le SEO de votre site.

Nous avons rassemblé trois bonnes pratiques en matière de texte alternatif pour vous aider à rédiger un alt text parfait :

1. Ajoutez un Texte Alternatif aux Bons Types d'Images

N'écrivez pas de texte alternatif pour des images purement décoratives (comme celle ci-dessous). Ces descriptions peuvent être source de distraction et de confusion pour les utilisateurs souffrant de déficiences visuelles, au lieu d'ajouter un contexte utile.

Image purement décorative ne nécessitant pas de texte alternatif

Au lieu de cela, fournissez un attribut alt nul (vide). Par exemple :

<img src="image-decorative-titre.jpg" alt="">

Cela indique aux lecteurs d'écran d'ignorer l'image.

Si vous omettez complètement l'attribut alt (comme ci-dessous), les technologies d'assistance peuvent lire le nom du fichier de l'image à la place. Ce qui crée une mauvaise expérience pour l'utilisateur.

<img src="image-decorative-titre.jpg">

Rédigez en revanche un texte alternatif pour toutes les autres images, c'est-à-dire celles qui apportent une signification supplémentaire au lecteur.

Par exemple :

  • Les images de texte utile (les captures d'écran de posts sur les réseaux sociaux...)
  • Les icônes qui indiquent une fonctionnalité (les icônes de panier d'achat...)
  • Les photos qui fournissent des informations supplémentaires (une comparaison de la taille de différents smartphones...)
  • Les graphiques qui illustrent des données non mentionnées par ailleurs
  • Les graphiques qui illustrent des processus (comment tenir des baguettes...)

Conseil : Si vous esquissez votre congtenu dans SEO Writing Assistant de Semrush, l'outil vous rappellera d'ajouter l'attribut alt de l'image. Il fournit également des suggestions sur la lisibilité, le SEO, l'originalité et le ton de voix.

Problèmes d'attributs ALT dans SEO Writing Assistant de Semrush

2. Soyez Descriptif mais Concis

Le texte alternatif doit être "la description la plus concise possible de l'objectif de l'image", selon la Web Accessibility Initiative (WAI). 

L'importance d'une image dépend du contexte. Il convient donc de tenir compte du contenu environnant et de l'audience lors de la rédaction du texte alternatif.

Prenons l'exemple de la photo ci-dessous. Le texte alternatif "Femme faisant du yoga" serait approprié dans de nombreux contextes. 

Mais dans un guide d'entraînement, une description détaillée de la pose de la femme pourrait être nécessaire.

Femme faisant du yoga

Lorsque vous rédigez un texte alternatif, pensez à la façon dont vous décririez une image à quelqu'un lors d'une conversation téléphonique.

N'incluez pas les détails suivants dans votre texte alternatif :

  • Crédits photographiques et informations sur les droits d'auteur : à inclure plutôt dans la légende de l'image
  • Les expressions redondantes telles que "image de" ou "photo de" (sauf si le format est particulièrement pertinent)
  • Les informations dont tous vos lecteurs ont besoin : ajoutez-les plutôt dans la légende ou le corps du texte
  • Les informations déjà fournies dans la légende de l'image ou dans le corps du texte

Conseil : Selon certains, il est recommandé de s'en tenir à un maximum de 125 caractères pour rédiger l'img alt. En effet, de nombreuses technologies d'assistance cessent de lire le texte alternatif à partir de 125 caractères. Mais il ne s'agit pas d'une limite stricte.

3. Incluez un Mot Clé

L'ajout de mots clés pertinents au texte alternatif peut aider vos images à se classer dans les résultats de Google.

Par exemple, ce texte alternatif indique à Google que notre Guide du débutant en Content Marketing B2B contient une illustration utile de l'entonnoir de vente :

Exemple de texte alternatif descriptif

Cela indique un résultat d'image Google pertinent pour les requêtes liées aux entonnoirs de vente.

Pour savoir quels mots clés inclure dans le texte alternatif, vous devez effectuer une recherche de mots clés.

Essayez d'effectuer une recherche de mots clés avec Keyword Magic Tool de Semrush

Il suffit de saisir un mot clé en rapport avec votre image et de cliquer sur Recherche.

Champ pour saisir les mots clés de Keyword Magic Tool de Semrush

Rendez-vous sur les Filtres avancés puis sur les Fonctionnalités SERP.

Cochez ensuite Image et Bloc d'images avant de cliquer sur Appliquer.

Filtres avancés pour les fonctionnalités SERP de Keyword Magic Tool de Semrush

L'outil affichera les mots clés qui contiennent votre mot clé de départ (ou une variante) et génèrent des résultats d'images. 

Ces mots et expressions sont d'excellents candidats pour l'alt text de votre image. Pour autant que l'image réponde aux besoins des internautes, bien entendu.

Résultats avec certaines fonctionnalités SERP dans Keyword Magic Tool de Semrush

Exemples de Textes Alternatifs

Examinons trois exemples de texte alternatif qui suivent les meilleures pratiques.

Exemple 1 : NASA

Cet article de blog concerne une photo prise par le télescope spatial Hubble. La NASA fournit un alt text très descriptif pour que les utilisateurs souffrant de déficiences visuelles puissent comprendre le contenu de la photo.

Galaxie spirale avec un noyau brillant

Texte alternatif : Galaxie spirale avec un noyau brillant, des bras légèrement lumineux en spirale. En dessous, des fils constitués de taches bleues brillantes descendent comme des tentacules. La galaxie est effleurée par une seconde galaxie peu brillante sur la gauche.

Exemple 2 : Bureau de l'accessibilité de l'internet

La page d'accueil du Bureau de l'accessibilité de l'internet (Bureau of Internet Accessibility) présente les logos des marques avec lesquelles il a travaillé.

Logos des marques avec lesquelles a travaillé le Bureau de l'accessibilité de l'internet (Bureau of Internet Accessibility)

Lorsque les utilisateurs n'ont pas accès à ces images (par exemple, en cas de problème de chargement), les balises alt fournissent une alternative textuelle.

Des icônes d'images brisées accompagnent divers noms de marques, tels que Chipotle et Godiva.

Exemple 3 : Le HuffPost

Dans cet article, Le HuffPost utilise un attribut alt et une légende d'image pour donner aux lecteurs et aux moteurs de recherche les informations dont ils ont besoin.

Huffingtonpost, exemple de texte alternatif et de légende d'image
  • Texte alternatif : Sous la pression d'utilisateurs, Spotify supprime des épisodes d'un podcast
  • Légende de l'image : Les prix des abonnements Spotify vont augmenter pour la première fois en France

Vous remarquerez que le texte alternatif fonctionne comme un substitut de l'image. Tandis que la légende fournit une information supplémentaire : la conséquence inédite.

Comment Trouver et Réparer les Textes Alternatifs

Pour vérifier s'il manque des textes alternatifs aux images de votre site, utilisez l'outil Audit de site de Semrush.

Entrez votre domaine et cliquez sur Lancer l'Audit de site.

Suivez ensuite les indications pour configurer l'outil.

Une fois que l'audit est terminé, cliquez sur l'onglet Problèmes.

Audit de site de Semrush, onglet Problèmes

Vous obtiendrez une liste d'erreurs, d'avertissements et d'avis.

Cherchez "attributs alt". Voyez ensuite si vous avez l'avertissement "X images n'ont pas d'attribut alt".

Si c'est le cas, cliquez sur le lien “X images” pour voir les URL affectées.

Audit de site de Semrush, onglet Problèmes, Attributs alt

Cliquez sur l'icône d'ouverture de lien à côté de chaque title de page pour afficher une page ou une image.

Audit de site de Semrush, onglet Problèmes, attributs alt, comment ouvrir la page correspondante

Vous avez trouvé une image qui n'a pas besoin de texte alternatif ? Cliquez sur l'icône d'œil correspondante pour masquer l'avertissement. 

Masquer les problèmes dans Audit de site de Semrush

Ou alors utilisez les filtres, cochez les cases, et appuyez sur le bouton Masquer pour supprimer les avertissements en bloc.

Filtres avancés et bouton Masquer dans Audit de site de Semrush

Prêt à travailler sur votre texte alternatif ? Utilisez les cases et les bouton “Envoyer à…” pour créer des tâches dans le CRM de Semrush, Trello, ou Zapier ( vous devrez peut-être d'abord configurer l'intégration correspondante).

Bouton Envoyer à dans Audit de site de Semrush

Ajoutez ensuite l'alt text manquant via votre CMS.

Veillez à relancer votre Audit de site par la suite. Il vous suffit de cliquer sur le bouton de l'engrenage et de sélectionner Relancer la campagne. Vous verrez alors disparaître les avertissements relatifs au texte alternatif de vos images.

Relancer la campagne dans Audit de site de Semrush
Partager
Author Photo
From this account we share helpful ways to use the Semrush toolkit to achieve your SEO goals!
En savoir plus