Texte alternatif des images : le rôle réel de l'attribut alt

La balise alt seo est l'attribut HTML qui porte le texte alternatif d'une image dans le code d'un site web. Ce descriptif aide le moteur de recherche à référencer le contenu de l'image, et il restitue également le visuel aux utilisateurs d'un lecteur d'écran. Google l'utilise pour comprendre une page, pas pour la classer.

Ce qu'est exactement la balise alt en HTML

Le terme courant de « balise alt » est un abus de langage utile. En HTML, alt n'est pas une balise mais un attribut de la balise img. Un exemple de code HTML le montre mieux qu'une définition : <img src="toiture-ardoise-renovation.jpg" alt="Couvreur posant des ardoises sur une toiture en rénovation">. L'attribut alt text vit à l'intérieur de la balise image, au même titre que src, width ou loading.

Cet attribut HTML est ancien : il figure dans les spécifications depuis les premières versions du langage, à une époque où beaucoup de connexions internet n'affichaient pas les visuels. Sa raison d'être n'a pas changé. Quand une image ne s'affiche pas, quel qu'en soit le motif, le navigateur rend le texte alternatif à sa place. C'est littéralement une alternative textuelle, et non un commentaire ajouté au visuel.

Les formats concernés sont tous ceux que sert un site internet : une jpg alt, une png alt, un WebP, un SVG décoratif. Le format du fichier image ne modifie ni la syntaxe ni les conseils de rédaction. Seule change la nature de l'élément : une photo d'illustration, un schéma technique, un logo d'entreprise ou un bouton graphique n'appellent pas le même descriptif.

Attribut vide, attribut absent : deux situations opposées

Un attribut alt vide et un attribut alt absent produisent des comportements différents. alt="" dit explicitement au lecteur d'écran d'ignorer l'image, parce qu'elle n'apporte aucune donnée : la lecture continue sans interruption. Une balise image sans attribut alt du tout laisse l'outil d'assistance en difficulté ; certains lisent alors le nom de fichier à voix haute, ce qui donne des séquences imprononçables du type « i m g underscore 4471 point jpg ».

Le premier cas est une pratique recommandée pour les éléments décoratifs. Le second est une erreur. Cette distinction explique pourquoi les audits d'accessibilité comptent séparément les images sans attribut et les images à alt vide : seules les premières posent un vrai problème.

Ce que Google fait réellement du texte alternatif

La documentation Google Search Central est constante sur ce point : le texte alt aide le moteur de recherche à comprendre le sujet de l'image et son rapport avec le contenu de la page. Il sert donc deux index à la fois.

Dans Google Images, le texte alternatif constitue l'essentiel de ce que le moteur associe au visuel, complété par le nom de fichier, la légende visible, le titre de la page web et le texte qui entoure l'image. Un site qui soigne ces éléments récupère un trafic d'images que ses concurrents laissent de côté, en particulier sur les requêtes de produit, de lieu ou de geste technique où l'internaute cherche d'abord à voir.

Un internaute arrivé par Google Images atterrit sur la page web elle-même, pas sur le fichier : le visuel joue alors le rôle d'une porte d'entrée supplémentaire vers votre contenu. L'impact se mesure en quelques mois sur les sites qui publient beaucoup de photos, et il ne demande aucun développement. Ajouter un attribut alt à une image déjà en ligne est gratuit et prend quelques secondes : c'est l'une des rares astuces d'optimisation dont l'effet ne dépend d'aucun budget, sur WordPress comme sur une plateforme sur mesure.

Dans la recherche classique, l'effet est plus indirect qu'on ne l'écrit souvent. Le contenu de l'image, une fois décrit, renforce la cohérence sémantique de la page web : un article sur la charpente dont les dix visuels portent des descriptions de charpente confirme le thème. Cela ne remplace pas le contenu rédactionnel, cela le consolide. C'est pourquoi la balise alt seo est un outil de précision et non un raccourci de positionnement.

Les modèles de langage lisent le code, pas les pixels

L'arrivée des réponses génératives a modifié la donne. Une intelligence artificielle qui résume une page web s'appuie sur le code HTML qu'elle reçoit. Les attributs alt font partie de ce code ; les pixels, non. Une image essentielle à la démonstration, laissée sans texte alternatif, disparaît purement et simplement de ce que la machine comprend de votre ressource.

Ce constat rapproche l'optimisation des images du travail de citation par les moteurs génératifs : décrire ce qu'on montre revient à rendre la page lisible par des lecteurs qui ne regardent jamais. Le seo geo et l'accessibilité convergent ici sur la même exigence de description textuelle.

Rédiger un attribut alt utile : la méthode

Pour un attribut alt réussi, pensez à une conversation : écrivez ce que vous diriez à quelqu'un au téléphone pour lui faire voir l'image. Tout le reste en découle. Rédiger un texte alternatif pertinent demande moins de technique que d'attention, et un expert en référencement ne procède pas autrement quand il reprend la bibliothèque d'un client : il décrit, il ne remplit pas un champ.

• Décrire, pas étiqueter. « Chantier » ne décrit rien. « Échafaudage monté sur la façade arrière d'une maison en pierre » décrit. Le descriptif doit permettre de reconstituer le visuel de tête.
• Rester concis. Une bonne fourchette se situe autour de cent vingt-cinq caractères, la limite au-delà de laquelle certains lecteurs d'écran fragmentent la restitution. Un texte alt concis est mieux lu par tout le monde.
• Placer le mot clé seulement s'il décrit. Si votre mot clé principal correspond au contenu de l'image, il apparaît naturellement. S'il n'y correspond pas, l'insérer est du bourrage et le moteur le traite comme tel.
• Tenir compte du contexte. La même photo n'appelle pas le même texte alternatif dans un article technique et sur une fiche de service. Le rôle de l'image dans la page commande la description.
• Ne pas préfixer par « image de » ou « photo de ». Le lecteur d'écran annonce déjà qu'il s'agit d'une image : l'utilisateur entend l'information deux fois.

Trois cas particuliers qui reviennent tout le temps

Le logo se décrit par le nom de l'entreprise, rien d'autre : alt="MKH" et non alt="logo agence seo référencement naturel". Quand le logo sert de lien vers l'accueil, le texte alternatif remplace le libellé du lien et doit donc dire où il mène.

L'image cliquable obéit à la même logique : l'attribut alt devient le texte du lien pour qui ne voit pas l'écran. Un bouton graphique « Demander un devis » porte alt="Demander un devis", la destination et non l'apparence.

Le schéma ou le graphique transporte une donnée que quelques mots ne suffisent pas à restituer. On écrit alors un alt court qui annonce la nature du visuel, et on place la lecture complète dans le texte de la page ou dans une légende sous l'image. Cette pratique sert aussi le référencement naturel, puisqu'elle transforme un contenu graphique en contenu indexable.

Alt, title, légende et nom de fichier : quatre éléments distincts

La confusion entre ces quatre éléments produit la plupart des erreurs d'optimisation que nous constatons en audit. Chacun a un destinataire et un usage propres.

L'attribut title de l'image n'a aucun rapport avec la balise title de la page web, celle qui s'affiche dans les résultats et que nous traitons dans notre page sur l'écriture des balises meta. Cette homonymie est responsable de nombreuses consignes mal appliquées.

Le nom de fichier mérite un mot. Avant même la lecture du texte alt, il donne un premier indice. Un fichier image nommé DSC00214.jpg ne dit rien ; ravalement-facade-pierre-nice.jpg dit le sujet, le matériau et le lieu. Renommer une bibliothèque entière est fastidieux mais rentable sur les visuels stratégiques.

Les erreurs qui coûtent de la visibilité

Le rapport annuel WebAIM Million, qui analyse chaque année le code des pages d'accueil les plus fréquentées du web, place invariablement le texte alternatif manquant parmi les erreurs d'accessibilité les plus répandues. Le problème n'est donc ni marginal ni réservé aux petits sites web.

1. Le bourrage de mots clés. alt="agence seo référencement naturel agence seo nice expert seo" est un signal négatif clair. Google traite le texte alt comme du contenu de page : les règles anti-spam s'y appliquent.
2. La description générique dupliquée. Coller le même attribut alt sur les quarante images d'un catalogue revient à n'en décrire aucune, et prive chaque fiche produit de son entrée propre dans Google Images.
3. L'alt automatique du CMS. WordPress reprend par défaut le nom de fichier comme texte alternatif à l'import. Le résultat est une bibliothèque entière d'attributs alt qui ressemblent à des descriptions sans en être.
4. Les images de fond en CSS. Un visuel porteur de sens inséré en background-image n'a pas de balise image, donc pas d'attribut alt possible. Il devient invisible pour le moteur comme pour le lecteur d'écran.
5. Le texte incrusté dans le visuel. Une infographie dont tout le propos est écrit dans les pixels ne se lit pas. Il faut reprendre ce texte dans la page, ou au minimum l'essentiel dans une légende.

Ces cinq erreurs se corrigent en quelques jours sur un site de taille moyenne. C'est souvent le chantier au meilleur rapport effort sur gain d'un audit seo complet, parce qu'il touche à la fois le référencement, l'accessibilité et l'expérience de lecture.

L'accessibilité, le premier rôle de la balise alt

Une personne malvoyante ou aveugle navigue sur internet avec un lecteur d'écran, un logiciel qui vocalise le code de la page dans l'ordre où il le rencontre. Une image sans texte alternatif est, pour cet utilisateur, un blanc dans le discours. Si l'image porte une information que le texte ne répète pas, l'information est perdue.

Le critère 1.1.1 des WCAG, publiées par le W3C, exige qu'à tout contenu non textuel corresponde une alternative textuelle remplissant la même fonction. En France, le RGAA reprend cette exigence pour les services publics en ligne. Ce n'est donc pas seulement un conseil de confort : pour une partie des organisations, c'est une obligation.

L'intérêt de cette convergence est simple à énoncer. Le travail d'optimisation demandé par le référencement naturel et celui demandé par l'accessibilité sont ici le même geste, fait une seule fois. Décrire correctement une image améliore la visibilité du site et le rend utilisable par tous ; aucun arbitrage n'est nécessaire entre les deux objectifs.

Le même attribut alt sert à aider un internaute malvoyant et à aider le robot d'indexation, sans qu'il faille écrire deux versions du texte. Beaucoup d'entreprises découvrent cette double utilité au moment d'un audit : elles utilisent alors le chantier d'accessibilité pour améliorer aussi leur référencement, et une seule campagne de rédaction couvre les deux besoins.

Contrôler les attributs alt de votre site

Aucun tableau de bord ne mesure directement la qualité des textes alternatifs, mais plusieurs outils repèrent les manques. Un crawler comme Screaming Frog liste, en un passage, toutes les balises image sans attribut alt, celles dont le texte dépasse cent caractères et celles qui se répètent à l'identique. Les extensions d'audit d'accessibilité des navigateurs font le même travail page par page, avec le rendu visuel en appui. Utiliser ces outils une fois par trimestre suffit à garder la bibliothèque propre et à améliorer la couverture sans y revenir en urgence.

Search Console, de son côté, indique dans le rapport de performances la part des impressions venant de l'onglet Images. Une part très faible sur un site riche en visuels signale presque toujours des attributs alt absents ou inutilisables. Le tutoriel sur la lecture du rapport d'indexation détaille la manière d'isoler ces données.

Par où commencer quand le site compte des milliers d'images

Traiter l'ensemble d'un coup n'est ni nécessaire ni raisonnable. L'ordre de priorité qui donne le meilleur résultat, dans notre pratique d'agence, est le suivant : d'abord les images des pages qui reçoivent déjà du trafic, ensuite celles des pages de service et de produit, enfin les illustrations des articles de blog anciens. Les visuels purement décoratifs passent en dernier et se contentent souvent d'un alt vide.

Ce séquencement évite l'écueil classique du grand nettoyage qui s'arrête au tiers. Il rejoint la logique de priorisation que nous appliquons à l'ensemble d'une stratégie de référencement naturel, où le besoin réel commande l'ordre des chantiers plutôt que l'ordre alphabétique de la liste.

Questions fréquentes sur la balise alt

La balise alt est-elle un facteur de positionnement ?

Pas au sens d'un critère qui ferait monter une page web dans les résultats classiques. Google l'utilise pour comprendre l'image et confirmer le sujet de la page. L'effet direct se mesure surtout dans Google Images ; l'effet indirect, dans la cohérence sémantique de l'ensemble.

Faut-il mettre le mot clé dans chaque attribut alt ?

Non. Le mot clé n'a sa place dans le texte alternatif que lorsqu'il décrit effectivement le contenu de l'image. Le répéter sur toutes les images du site produit un motif de suroptimisation que les moteurs de recherche détectent sans difficulté.

Quelle longueur pour un texte alternatif ?

Une phrase, environ cent vingt-cinq caractères. Au-delà, certains lecteurs d'écran tronquent ou découpent la restitution, et la description perd son utilité. Si le visuel exige davantage, la suite s'écrit dans la page.

Que faire des images décoratives ?

Leur donner un attribut alt vide, alt="". Le lecteur d'écran les ignore alors sans annoncer de contenu manquant. C'est la pratique recommandée, et elle vaut mieux qu'une description inventée pour remplir le champ.

L'attribut alt remplace-t-il la légende ?

Non, les deux éléments coexistent. La légende s'adresse à qui voit l'image et apporte une précision ou une source ; le texte alt s'adresse à qui ne la voit pas et la décrit. Écrire l'un dispense d'autant moins d'écrire l'autre qu'ils ne disent pas la même chose.