Balise alt

La balise alt est l'attribut HTML alt="..." ajouté à une balise <img> pour décrire une image en mots, lue à voix haute par les lecteurs d'écran et utilisée par les moteurs de recherche pour comprendre ce que montre l'image.

Qu'est-ce que la balise alt ?

La balise alt (abréviation de « texte alternatif ») est un attribut d'accessibilité requis sur l'élément HTML <img>. Elle donne un équivalent textuel du contenu et de la fonction d'une image, afin que la page reste utilisable lorsque l'image ne peut pas être vue : par un utilisateur de lecteur d'écran, sur une connexion lente où l'image ne charge pas, ou par un robot de moteur de recherche incapable d'interpréter des pixels. Un attribut alt manquant ou vague est l'une des lacunes d'accessibilité et de SEO les plus fréquentes sur un site.

Syntaxe et fonctionnement

La balise alt s'écrit directement dans la balise image :

<img src="photo-equipe.jpg" alt="Équipe BeBranded travaillant sur un bureau partagé dans les locaux parisiens">

Les lecteurs d'écran annoncent l'attribut alt à la place de l'image. Les moteurs de recherche l'indexent comme un signal du sujet de l'image, ce qui peut faire apparaître la page dans les résultats de recherche d'images. Si l'attribut alt est totalement absent, certains lecteurs d'écran lisent le nom du fichier à la place, rarement utile.

Quand rédiger une balise alt, et quand la laisser vide

• Images informatives (photos, illustrations, captures d'écran) : décrire ce que montre l'image et pourquoi elle compte dans son contexte.
• Images fonctionnelles (un logo utilisé comme lien vers l'accueil, une icône cliquable) : décrire l'action ou la destination, pas le visuel, par exemple « Retour à l'accueil ».
• Images décoratives (textures de fond, espaceurs, icônes purement stylistiques) : utiliser un attribut vide alt="" pour que les lecteurs d'écran les ignorent complètement.
• Images complexes (graphiques, infographies) : une balise alt courte, complétée par une description plus longue dans le texte environnant ou un tableau de données lié.

Balise alt vs légende vs attribut title

Bonnes pratiques et erreurs fréquentes

Une bonne balise alt est précise et concise, généralement moins de 125 caractères, et décrit l'image en lien avec le contenu de la page plutôt qu'avec une étiquette générique. Les erreurs fréquentes incluent le bourrage de mots-clés dans l'attribut (« chaussures chaussures rouges acheter chaussures »), commencer par « image de » ou « photo de » (les lecteurs d'écran l'annoncent déjà comme une image), et laisser l'attribut vide sur des images porteuses d'information réelle. La balise alt ne doit jamais être le seul endroit où une information importante apparaît, puisqu'elle est invisible pour les utilisateurs voyants.

Impact SEO de la balise alt

Google utilise la balise alt comme l'un des signaux pour comprendre le sujet d'une image et la classer dans Google Images, ce qui peut générer un trafic significatif pour des sites à forte composante visuelle comme l'e-commerce ou les portfolios. Elle contribue aussi indirectement à la pertinence de la page, puisqu'il s'agit de texte réel et indexable lié au contenu environnant. Au-delà de ce signal de pertinence et d'accessibilité, la balise alt n'a pas d'effet mesurable sur le classement web classique, elle doit donc d'abord être écrite pour les humains.

La balise alt chez BeBranded

Nous auditons et réécrivons les balises alt dans chaque mission technique SEO & GEO, car des attributs alt manquants ou génériques sont une lacune récurrente et facile à corriger que nous retrouvons sur presque tous les sites audités.