Texte alternatif
Le texte alternatif (alternative text) est une chaîne de texte descriptive rédigée dans l'attribut alt d'une balise HTML <img>. Il s'affiche à la place de l'image lorsque celle-ci ne peut pas être rendue ou perçue visuellement.
Le texte alternatif (alternative text) est une chaîne de texte descriptive rédigée dans l'attribut alt d'une balise HTML <img>. Il s'affiche à la place de l'image lorsque celle-ci ne peut pas être rendue ou perçue visuellement.
Pourquoi c'est important
Le texte alternatif joue un rôle essentiel à la fois pour l'accessibilité et pour le SEO.
Premièrement, les lecteurs d'écran lisent à voix haute la valeur de l'attribut alt, ce qui permet aux utilisateurs malvoyants de comprendre le contenu d'une image. La norme WCAG (Web Content Accessibility Guidelines) de niveau A exige un texte alternatif pour tout contenu non textuel.
Deuxièmement, les robots d'exploration des moteurs de recherche ne peuvent pas « voir » les images directement, ils s'appuient donc sur l'attribut alt pour comprendre le sujet d'une image. Google a confirmé officiellement que le texte alternatif est un signal de classement pour la recherche d'images. Les images dotées d'un texte alternatif bien rédigé sont plus susceptibles d'apparaître dans Google Image Search et dans les outils de recherche visuelle tels que Google Lens.
Troisièmement, les systèmes d'IA générative comme ChatGPT et Perplexity utilisent eux aussi le texte alternatif comme source d'information importante lorsqu'ils analysent des images, ce qui le rend de plus en plus important du point de vue de la GEO (Generative Engine Optimization).
Lignes directrices de rédaction
- Soyez précis. Rédigez en partant de la question : « Quelle information un utilisateur manquerait-il s'il ne pouvait pas voir cette image ? »
- Restez sous les 125 caractères. La plupart des lecteurs d'écran tronquent le texte alternatif au-delà d'environ 125 caractères.
- Intégrez naturellement des mots-clés pertinents. Glissez un ou deux mots-clés qui s'accordent avec le contexte du contenu de la page.
- Omettez les préfixes comme « image de », « photo de » ou « illustration de ». Les lecteurs d'écran annoncent déjà l'élément comme un
<img>, ce qui rend cela redondant. - Utilisez un alt vide (
alt="") pour les images décoratives. Ajouter des descriptions à des images décoratives sans rôle de contenu crée un bruit inutile pour les utilisateurs de lecteurs d'écran.
Bons exemples et mauvais exemples
| Type | Texte alternatif | Raison |
|---|---|---|
| Bon | Gâteau au chocolat vegan fait main sur une assiette blanche | Précis, concis et transmet l'information essentielle de l'image |
| Bon | Graphique en courbes montrant les tendances mensuelles du trafic organique en 2025 | Décrit clairement le type de graphique et le sujet des données |
| Mauvais | Gâteau | Trop vague, impossible de savoir de quel type de gâteau il s'agit |
| Mauvais | Gâteau photo image dessert délicieux gâteau chocolat gâteau au chocolat gâteau fait main gâteau vegan | Bourrage de mots-clés, peut être signalé comme spam |
| Mauvais | IMG_20250301_142055.jpg | Un nom de fichier brut, dénué de sens à la fois pour les utilisateurs et pour les moteurs de recherche |
Erreurs courantes
- Bourrage de mots-clés : énumérer à répétition des mots-clés dans le texte alternatif peut être classé comme spam par Google et nuit gravement à l'expérience utilisateur. Les mots-clés doivent être intégrés naturellement dans le contexte.
- Utiliser le même texte alternatif pour toutes les images : copier-coller la même description sur plusieurs images d'une page peut amener les moteurs de recherche à les traiter comme du contenu dupliqué. Chaque image doit avoir une description unique reflétant son contenu spécifique.
- Omettre entièrement le texte alternatif : si l'attribut alt lui-même est absent, les lecteurs d'écran liront le nom de fichier à voix haute, ce qui dégrade fortement l'accessibilité. Même les images décoratives doivent inclure un attribut alt vide (
alt=""). - Utiliser un texte alternatif généré par l'IA sans relecture : le texte alternatif suggéré par les outils d'IA peut ne pas refléter pleinement le contexte. Une relecture humaine et une optimisation pour le contenu de la page sont toujours nécessaires.
- Recopier le texte du corps mot pour mot : placer dans le texte alternatif la même légende ou le même texte du corps qui apparaît à côté d'une image amène les utilisateurs de lecteurs d'écran à entendre deux fois le même contenu. Le texte alternatif doit compléter le texte environnant, et non le dupliquer.
Sources :
- Bonnes pratiques de SEO pour les images - Google Search Central
- Texte alternatif pour le SEO : comment optimiser vos images - Ahrefs
Articles inblog associés
Comment inblog vous aide
L'éditeur d'inblog propose un champ de saisie du texte alternatif lors de l'insertion d'images et affiche un avertissement lorsqu'il est laissé vide.