Texte alternatif : définition et explications

Le texte alternatif est la valeur de l’attribut alt d’un élément <img>. C’est un texte de remplacement de l’image : les lecteurs d’écran l’énoncent, les navigateurs l’affichent quand le fichier ne se charge pas, et les moteurs de recherche le lisent pour comprendre ce que montre l’image et en quoi elle se rapporte à la page.

L’attribut existe d’abord pour l’accessibilité. La référence MDN et l’arbre de décision alt du W3C le présentent de la même manière : écrivez ce qu’une personne aurait besoin de savoir si elle ne pouvait pas voir l’image. Le bon SEO en découle naturellement.

Pourquoi c’est important pour la recherche

Les bonnes pratiques SEO pour les images de Google précisent qu’il utilise le texte alternatif, avec le contenu environnant et le nom du fichier, pour comprendre le sujet d’une image. Cela détermine si vos images apparaissent dans Google Images et dans les résultats visuels de la page de résultats principale. Sur une image cliquable, le texte alternatif joue aussi le rôle d’un texte d’ancre pour le lien.

Pour la recherche IA, le texte alternatif est l’un des rares endroits où le sens d’une image est énoncé en HTML brut. Les robots qui lisent le HTML renvoyé par le serveur sans analyser les pixels ne peuvent « voir » un graphique, un schéma ou une photo produit qu’à travers son texte alternatif et sa légende.

Bon, mauvais et vide

<!-- Trop vague -->
<img src="IMG_4821.jpg" alt="image">

<!-- Bourrage de mots-clés -->
<img src="boots.jpg" alt="hiking boots cheap hiking boots best hiking boots sale">

<!-- Utile -->
<img src="trail-boot-sole.jpg"
     alt="Close-up of a hiking boot’s rubber sole with deep zigzag lugs"
     width="800" height="533" loading="lazy">

<!-- Décorative : alt vide pour que les lecteurs d’écran l’ignorent -->
<img src="divider-wave.svg" alt="">

Le alt="" vide est volontaire et correct pour les images purement décoratives. Omettre complètement l’attribut est différent : les lecteurs d’écran risquent alors de lire le nom du fichier à voix haute.

Rédiger un texte alternatif efficace

• Décrivez ce que l’image montre dans ce contexte. Une même photo d’ordinateur portable peut être « Rapport Yes SEO affichant un score de 82 » sur la page d’un outil, et « Personne travaillant à la table d’un café » dans un article sur le télétravail.
• Restez concis, en général une seule phrase. Placez les explications longues sur un graphique complexe dans le texte environnant ou dans une légende.
• Évitez « image de » ou « photo de » : les technologies d’assistance annoncent déjà qu’il s’agit d’une image.
• N’utilisez votre expression cible que si elle décrit honnêtement l’image.
• Pour les images de texte, comme un logo ou une carte-citation, reprenez le texte lui-même.

Erreurs courantes

Les problèmes habituels : des attributs manquants dans les galeries de produits générées par un CMS, le même texte alternatif copié sur chaque image d’un modèle, des noms de fichiers utilisés comme texte alternatif (« DSC_0042 »), et des icônes dans des boutons ou des liens sans aucune alternative textuelle, ce qui laisse le lien avec un nom accessible vide.

Comment vérifier

Le Vérificateur alt d’images liste chaque image d’une page avec son texte alternatif, son poids, son format, ses dimensions et son statut de lazy loading (chargement différé), et signale les attributs alt manquants, les fichiers trop lourds et les risques de décalage de mise en page. Le texte alternatif fait aussi partie d’un audit SEO on-page plus large : corrigez-le en même temps que les titres et les en-têtes.

Questions fréquentes