Attribut alt des images : comment le rédiger pour le SEO et l'accessibilité
Un texte alternatif mal rédigé, c'est une image invisible pour Google Images, pour les lecteurs d'écran et parfois pour le référencement de toute une page. Voici la méthode pour écrire un attribut alt utile, les formulations à bannir, et les cas où il vaut mieux le laisser vide.
Une femme travaille sur un ordinateur portable, cahier et stylo en main, dans un espace de travail lumineux
L'essentiel
- L'attribut alt sert deux publics distincts en même temps : les moteurs de recherche qui indexent l'image, et les utilisateurs de lecteurs d'écran qui ne la voient pas du tout.
- Un bon texte alternatif décrit ce que montre l'image dans le contexte de la page, sans jamais commencer par « image de » ou « photo de », des formules superflues pour un lecteur d'écran.
- Répéter le mot-clé principal dans chaque attribut alt d'une page relève du bourrage sémantique et peut nuire au référencement plutôt que l'aider.
- Une image purement décorative, sans valeur informative, doit recevoir un attribut alt vide (alt="") plutôt qu'une description inutile qui alourdit la navigation au lecteur d'écran.
- L'attribut alt n'est pas un espace pour caser des mots-clés supplémentaires : c'est une description fonctionnelle, courte et fidèle au contenu réel de l'image.
Chaque image d'un site web peut porter un attribut alt, quelques mots ou une courte phrase invisibles à l'écran pour un visiteur voyant, mais déterminants pour deux publics bien réels : les personnes qui naviguent avec un lecteur d'écran, et les robots des moteurs de recherche qui ne peuvent pas « voir » une image comme un œil humain.
À quoi sert vraiment l'attribut alt
L'attribut alt (pour « alternative text ») remplace l'image dans trois situations concrètes : quand un lecteur d'écran la restitue vocalement à une personne malvoyante ou non-voyante, quand l'image ne se charge pas pour une raison technique, et quand un robot d'indexation comme Googlebot analyse le contenu d'une page pour comprendre de quoi elle parle.
Comment rédiger un bon texte alternatif
Un attribut alt efficace suit quelques principes simples, valables pour la quasi-totalité des images informatives d'un site :
- Décrire ce que montre l'image, de façon factuelle et précise, comme si on la décrivait à quelqu'un au téléphone.
- Tenir compte du contexte de la page : la même photo d'un plat cuisiné n'appelle pas la même description sur une fiche recette que sur une page vantant un restaurant.
- Rester concis, une phrase courte suffisant dans la grande majorité des cas, sans dépasser une quinzaine de mots utiles.
- Intégrer le mot-clé uniquement s'il correspond réellement au contenu visuel, jamais de façon forcée ou répétée d'une image à l'autre.
125 caractères, longueur au-delà de laquelle certains lecteurs d'écran tronquent ou résument automatiquement l'attribut alt
Les erreurs les plus fréquentes à éviter
À éviter
- Commencer par « image de » ou « photo de », une précision redondante déjà annoncée par la balise elle-même à un lecteur d'écran.
- Répéter le même mot-clé dans l'attribut alt de chaque image d'une page.
- Laisser un nom de fichier brut comme img_2847.jpg en guise d'attribut.
- Rédiger une description si longue qu'elle ressemble à un paragraphe entier.
À privilégier
- Une description directe du contenu visuel, sans préambule inutile.
- Un texte différent et pertinent pour chaque image, adapté à son rôle réel.
- Une formulation naturelle, comme on décrirait la scène à voix haute.
- Une phrase courte, complète, qui va à l'essentiel du sens de l'image.
Un attribut alt bourré de mots-clés ne trompe ni les lecteurs d'écran ni les algorithmes de Google : il dégrade l'expérience des deux à la fois.
Quand laisser l'attribut alt vide
Toutes les images ne méritent pas une description. Une image purement décorative, sans apport informatif propre (un filet graphique, une texture de fond, une icône déjà accompagnée d'un texte visible juste à côté) doit recevoir un attribut vide, littéralement alt="", plutôt qu'être omise ou décrite inutilement.
| Type d'image | Attribut alt recommandé |
|---|---|
| Photo illustrant le sujet de l'article | Description factuelle et contextualisée |
| Graphique ou infographie porteuse de données | Résumé du message clé du graphique |
| Logo de l'entreprise dans l'en-tête | Nom de l'entreprise |
| Filet, séparateur ou fond décoratif | Attribut vide : alt="" |
| Icône accompagnée d'un texte visible identique | Attribut vide : alt="" |
