Balise alt : ce que c'est et comment l'utiliser en SEO

Le texte alternatif décrit une image à ceux qui ne la voient pas, lecteurs d'écran comme moteurs de recherche. Comment le rédiger selon le type d'image, les exemples de Google et les erreurs à éviter.

La balise alt (en réalité l’attribut alt de la balise <img>) contient le texte alternatif d’une image : une courte description qui remplace l’image quand elle ne peut pas être vue. Elle est lue par les lecteurs d’écran des personnes aveugles ou malvoyantes, affichée si l’image ne se charge pas, et utilisée par Google pour comprendre ce que montre l’image. Un bon alt décrit précisément l’image dans son contexte, en quelques mots, sans bourrage de mots-clés ; une image purement décorative reçoit un alt vide.

On détaille ci-dessous à quoi sert le texte alternatif, comment le rédiger selon le type d’image, les exemples bons et mauvais, les erreurs fréquentes et comment le renseigner dans WordPress.

Qu’est-ce que la balise alt ?
Pourquoi remplir le texte alternatif de vos images ?
Comment rédiger un bon texte alternatif ?
Quel alt pour quel type d’image ?
Quelles erreurs éviter ?
Comment ajouter un texte alternatif dans WordPress ?
Comment vérifier les alt de votre site ?
Questions fréquentes
Sources

Qu’est-ce que la balise alt ?

On parle couramment de « balise alt », mais techniquement, alt est un attribut de la balise <img>. Il s’écrit ainsi :

<img src="chiot-dalmatien.jpg" alt="Chiot dalmatien qui rapporte une balle">

Le contenu de cet attribut s’appelle le texte alternatif (« alt text » en anglais). Il n’est pas visible à l’écran en temps normal. Il ne faut pas le confondre avec :

l’attribut title, qui affiche une info-bulle au survol de la souris et n’est pas un substitut du texte alternatif ;
la légende (figcaption dans WordPress), visible sous l’image par tout le monde ;
le nom du fichier, qui aide aussi Google mais n’est pas lu comme une description.

Pourquoi remplir le texte alternatif de vos images ?

Pour rendre votre site accessible

Les lecteurs d’écran vocalisent le contenu d’une page : textes, boutons, liens, et pour les images, leur texte alternatif. Pour une personne aveugle, votre alt est la seule façon de savoir ce que montre l’image. C’est le premier critère du référentiel français d’accessibilité (RGAA) : chaque image porteuse d’information doit avoir une alternative textuelle, et cette alternative doit être pertinente. L’accessibilité n’est pas qu’une bonne pratique : depuis le 28 juin 2025, la directive européenne 2019/882 impose des exigences d’accessibilité à une partie des services en ligne, notamment le commerce électronique (les microentreprises de services en sont exemptées). Notre guide de l’accessibilité web présente l’ensemble des règles.

Pour les images qui ne s’affichent pas

Quand une image ne se charge pas (connexion lente, fichier supprimé, images bloquées dans un client e-mail), le navigateur affiche le texte alternatif à sa place. Le visiteur sait au moins ce qu’il manque.

Pour le référencement de vos images

Google indique qu’il utilise le texte alternatif, en complément de ses algorithmes de vision par ordinateur et du contenu de la page, pour comprendre le sujet d’une image. Un alt pertinent aide donc vos images à apparaître dans Google Images et dans les résultats enrichis. Autre point souvent ignoré : quand une image sert de lien, Google utilise son texte alternatif comme texte d’ancre du lien. Le texte alternatif fait partie d’un travail plus large, détaillé dans notre article sur le SEO des images.

Comment rédiger un bon texte alternatif ?

Posez-vous une seule question : si je devais décrire cette image à voix haute à quelqu’un qui ne peut pas la voir, que dirais-je ? Puis appliquez ces règles.

Soyez précis. Faites l’exercice : imaginez « un chien gris dans la neige ». Imaginez maintenant « un husky aux yeux bleus qui court dans la neige d’un parc ». La deuxième description transmet vraiment l’image. De même, « un homme devant un bâtiment » dit peu de chose ; « un pompier devant la caserne » ou « un employé qui sort d’un immeuble de bureaux » en dit beaucoup plus.
Tenez compte du contexte. La même photo n’a pas le même alt sur une fiche produit (on décrit le produit, sa couleur, son modèle) et dans un article sur l’équipe (on nomme la personne et ce qu’elle fait).
Soyez concis. WebAIM recommande de rester succinct : quelques mots suffisent en général, parfois une phrase ou deux. Il n’existe pas de limite officielle de longueur, mais un texte alternatif interminable est pénible à écouter. Si l’image demande une longue explication, mettez-la dans le texte de la page.
Ne commencez pas par « image de » ou « photo de ». Les lecteurs d’écran annoncent déjà qu’il s’agit d’une image ; l’utilisateur entendrait « image, image de… ». Précisez la nature uniquement si elle compte (« illustration », « capture d’écran », « graphique »).
Utilisez un mot-clé seulement s’il décrit l’image. Si votre article porte sur la baignade en hiver et que la photo montre un lac gelé, l’alt doit parler du lac gelé, pas répéter « baignade hivernale ». Google cite lui-même le bourrage de mots-clés dans les alt comme une pratique qui nuit à l’expérience et peut faire considérer le site comme du spam.
Recopiez le texte contenu dans l’image. Si l’image affiche une citation, un slogan ou un prix, l’alt reprend ce texte exact, plutôt que « citation de Confucius ».

L’exemple donné par Google dans sa documentation résume bien la progression :

Code	Verdict
`<img src="puppy.jpg">`	Mauvais : pas d’alt du tout
`alt="chiot chien bébé chien chiot chiots"`	Mauvais : bourrage de mots-clés
`alt="chiot"`	Mieux, mais vague
`alt="Chiot dalmatien qui rapporte une balle"`	Idéal : précis et naturel

Quel alt pour quel type d’image ?

L’arbre de décision du W3C (le consortium qui publie les normes du web) distingue plusieurs cas. C’est la façon la plus sûre de ne pas se tromper.

Type d’image	Exemple	Que mettre dans alt ?
Informative	Photo d’un produit, d’un lieu, d’une personne	Une description courte de ce que l’image apporte
Décorative	Motif de fond, séparateur, puce graphique	Un alt vide : `alt=""`
Fonctionnelle (lien ou bouton)	Icône loupe, logo cliquable	La destination ou l’action : « Rechercher », « Accueil »
Image de texte	Bannière avec un slogan, citation	Le texte exact de l’image
Complexe	Graphique, schéma, infographie	Un alt court, et les données détaillées dans le texte de la page
Redondante	Photo accompagnée d’un texte qui dit déjà tout	Un alt vide pour éviter la répétition

Alt vide ou alt absent : ce n’est pas pareil. alt="" signale volontairement une image décorative, que les lecteurs d’écran ignorent. Un attribut alt totalement absent est une erreur : certains lecteurs d’écran lisent alors le nom du fichier, et les outils d’audit signalent l’image comme non conforme.

Quelles erreurs éviter ?

Le même alt sur toutes les images, souvent le titre de l’article ou le nom de l’entreprise, répété partout.
Le nom du fichier en guise d’alt (« IMG_2034 », « visuel-final-v3 »).
Une liste de mots-clés ou une liste de villes.
Un alt descriptif sur un logo lien (« logo bleu avec une feuille ») alors qu’il faut indiquer où mène le lien (« Accueil, nom de l’entreprise »).
Une description d’une image décorative, qui fait perdre du temps aux utilisateurs de lecteurs d’écran.
Un alt généré automatiquement et jamais relu. Les outils d’intelligence artificielle savent décrire une image, mais ils ignorent votre contexte : le nom de votre produit, la personne sur la photo, ce que l’image doit démontrer. Utilisez-les comme brouillon, pas comme version finale.

Comment ajouter un texte alternatif dans WordPress ?

Deux endroits permettent de le renseigner :

Dans la médiathèque : cliquez sur une image, puis remplissez le champ « Texte alternatif » dans les détails du fichier. Ce texte sera proposé par défaut chaque fois que vous insérerez l’image.
Dans l’éditeur de blocs : sélectionnez le bloc Image, puis renseignez le champ « Texte alternatif » dans les réglages du bloc, à droite. C’est là qu’on adapte l’alt au contexte de la page.

Pour une image décorative, laissez le champ vide. Pensez aussi au nom du fichier avant l’envoi : Google recommande des noms courts et descriptifs, comme chaton-noir.jpg plutôt que IMG00023.JPG. Si votre site est sous WordPress et que vous manquez de temps pour ce type de réglages, notre agence WordPress peut s’en charger.

Comment vérifier les alt de votre site ?

Dans le navigateur : clic droit sur une image, « Inspecter », et lisez l’attribut alt dans le code.
Avec un outil d’audit d’accessibilité comme axe DevTools : la règle « Images must have alternate text » repère les images sans alternative.
Avec un crawler SEO, qui liste toutes les images du site sans attribut alt ou avec un alt dupliqué.
Avec un lecteur d’écran (VoiceOver sur Mac, NVDA sur Windows) : écouter sa page est le test le plus parlant.

Les outils détectent les alt manquants, pas les alt mal rédigés : seule une relecture humaine vérifie la pertinence. C’est l’un des points que l’on contrôle lors d’un audit de référencement naturel, avec le reste de l’optimisation des pages, des mots-clés à la structure.

Questions fréquentes

Quelle est la longueur idéale d’un texte alternatif ?

Il n’y a pas de limite officielle. Quelques mots à une phrase suffisent dans la grande majorité des cas. Si l’image nécessite plus d’explications, placez-les dans le texte visible de la page.

Le texte alternatif améliore-t-il le référencement ?

Il aide Google à comprendre l’image et peut favoriser sa visibilité dans Google Images. Pour une image lien, il sert de texte d’ancre. Ce n’est pas un levier pour classer la page elle-même sur un mot-clé.

Faut-il un alt sur un logo ?

Oui. S’il renvoie à l’accueil, l’alt indique le nom de l’entreprise et la destination. S’il n’est pas cliquable, le nom de l’entreprise suffit.

Doit-on écrire l’alt en français sur un site français ?

Oui, dans la langue de la page. Sur un site multilingue, chaque version doit avoir des textes alternatifs traduits.

Les images de fond en CSS ont-elles besoin d’un alt ?

Non, elles n’ont pas d’attribut alt. C’est pourquoi une image qui porte une information ne doit pas être placée en fond CSS : elle doit être une vraie balise <img> avec son texte alternatif.

Balise alt : ce que c’est et comment rédiger un bon texte alternatif

Qu’est-ce que la balise alt ?