L’essentiel
- L’attribut alt sert d’abord à l’accessibilité
- Google l’utilise, avec le contexte de la page, pour comprendre et classer les images
- Il doit décrire l’image, pas aligner des mots-clés
- Une image purement décorative prend un attribut alt vide : alt= » »
- Sur un e-commerce, les photos produits sont les images qui comptent le plus
À quoi sert l’attribut alt#
Dans le code, il se présente ainsi :
<img src="jean-slim-brut.jpg" alt="Jean slim brut porté de face avec des bottines marron">Il a trois fonctions :
- Accessibilité : une personne malvoyante qui utilise un lecteur d’écran entend la description à la place de l’image.
- Référencement des images : Google Images s’appuie sur le texte alternatif, le nom du fichier et le texte qui entoure l’image.
- Solution de repli : si l’image ne se charge pas, le texte s’affiche à sa place.
Comment rédiger un bon texte alternatif#
La règle la plus utile : écrire ce que vous diriez à quelqu’un qui ne voit pas l’image.
| À éviter | Mieux |
|---|---|
| alt= »image1″ | alt= »Bouteille d’huile essentielle de lavande fine 10 ml » |
| alt= »jean, jean homme, jean slim, jean pas cher » | alt= »Jean slim homme délavé bleu clair, vue de dos » |
| alt= »photo » sur un logo | alt= »Logo de la marque » ou alt vide si le nom figure juste à côté |
Quelques repères :
- Être précis : couleur, matière, angle de vue, action quand c’est utile.
- Rester court, en général une phrase.
- Ne pas commencer par « Image de » : le lecteur d’écran annonce déjà qu’il s’agit d’une image.
- Utiliser le mot-clé seulement s’il décrit vraiment l’image.
- Laisser l’attribut vide (alt= » ») pour les images décoratives, afin que les lecteurs d’écran les ignorent.
Balise alt et e-commerce#
Sur une boutique, les fiches produits ont souvent plusieurs photos avec le même texte alternatif, ou le nom du fichier fourni par le fournisseur. Varier les descriptions selon la vue (face, dos, détail de la couture, porté) est utile aux clients qui utilisent un lecteur d’écran, et aide Google Images à distinguer les photos. Sur Shopify, le texte alternatif se modifie dans la médiathèque de chaque produit.
Un crawl liste les images sans attribut alt ou avec un alt en double. C’est une correction simple à confier à l’équipe qui gère le catalogue, et un point que j’intègre dans les briefs de stratégie de contenu.
Questions fréquentes#
Quelle différence entre balise alt et balise title d’une image ?
L’attribut alt décrit l’image pour l’accessibilité et les moteurs. L’attribut title affiche une infobulle au survol et n’a pas d’intérêt SEO notable.
L’attribut alt est-il obligatoire ?
Il est obligatoire en HTML pour la validité et l’accessibilité. Il peut être vide pour une image décorative, mais il doit être présent.
Quelle longueur pour un texte alternatif ?
Pas de limite stricte. Une phrase courte suffit dans la plupart des cas. Les lecteurs d’écran lisent tout, donc un texte trop long fatigue.
Faut-il mettre le mot-clé dans toutes les balises alt ?
Non. Seulement quand il décrit réellement l’image. Répéter le mot-clé dans chaque image relève du bourrage de mots-clés.