Temps de lecture : 9 minutes | Mis a jour : mars 2026
Qu'est-ce que la balise alt ?
La balise alt -- ou plus precisement l'attribut alt -- est un texte alternatif que vous associez a chaque image dans le code HTML de votre site. Son nom vient de l'anglais "alternative text" : c'est la description textuelle qui remplacé l'image quand celle-ci ne peut pas être affichee (connexion lente, URL cassee, navigateur texte), et qui est lue a voix haute par les lecteurs d'écran utilisés par les personnes malvoyantes.
En HTML, l'attribut alt se place directement dans la balise <img> :
<img src="équipe-transacts-bureau.jpg"
alt="L'équipe Transacts en réunion dans ses bureaux de la rue Taitbout a Paris"
width="800" height="533">Dans le langage courant du référencement, on parle de "balise alt" même s'il s'agit techniquement d'un attribut. L'essentiel est de comprendre son double role : fournir une description textuelle de l'image pour les moteurs de recherche (qui ne "voient" pas les images comme les humains) et garantir l'accessibilite web pour les personnes qui ne peuvent pas percevoir le contenu visuel. Ces deux fonctions en font un element essentiel de toute stratégie de SEO on-page.
A ne pas confondre avec la balise title (qui definit le titre de la page dans les résultats Google) ni avec la balise H1 (le titre visible sur la page). Le texte alt, lui, concerne exclusivement les images.
Pourquoi la balise alt est essentielle pour le SEO images
Google dispose de technologies avancées pour analyser les images (Google Lens, Vision AI), mais le texte alt reste le signal principal qu'il utilisé pour comprendre le contenu d'une image et la positionner dans les résultats de Google Images. Comme le confirme la documentation officielle de Google, l'attribut alt aide les robots d'indexation a saisir le sujet de l'image et son rapport avec le contenu de la page.
Google Images : une source de trafic sous-estimée
Google Images represente entre 20 et 35 % du volume total de recherches sur Google, selon les secteurs d'activite. Pour un site e-commerce, un cabinet d'architecture, un restaurant ou un photographe, ce canal peut générer un volume significatif de visites qualifiées. Mais pour y apparaitre, chaque image doit être correctement indexee -- et c'est le texte alt qui fait le travail.
Quand un internaute recherche "maquette site web responsive" dans Google Images, les images dont l'attribut alt contient cette description (ou un équivalent proche) sont naturellement favorisees. Si vos images ont un alt vide ou generique comme "image-1.jpg", vous êtes invisible dans ces résultats.
Un signal complementaire pour le SEO de la page
Au-dela de Google Images, le texte alt contribue au référencement global de la page qui contient l'image. Google analyse les attributs alt comme du contenu supplémentaire : si votre page traité de "création de site internet" et que vos images ont des alt comme "wireframe de page d'accueil pour PME" ou "maquette responsive d'un site vitrine", vous renforcez le champ semantique de la page autour de votre sujet cible.
Ce n'est pas le facteur de classement le plus puissant, mais c'est un signal qui s'additionne aux autres. Sur des requetes competitives, chaque détail compte. Chez Transacts, l'optimisation des balises alt fait partie de chaque audit SEO que nous realisons pour nos clients depuis plus de 25 ans.
Accessibilite web : le texte alt comme obligation légale
L'accessibilite web n'est pas un bonus cosmétique. Les normes WCAG 2.2 du W3C imposent que chaque image porteuse de sens dispose d'une alternative textuelle (critere de succès 1.1.1). En France, le RGAA (Referentiel Général d'Amélioration de l'Accessibilite) reprend cette exigence pour les sites publics et progressivement pour les sites privés. L'European Accessibility Act, en vigueur depuis juin 2025, etend l'obligation a la plupart des services numeriques europeens.
Pour un utilisateur de lecteur d'écran, une image sans alt est une boite noire. Le logiciel lira le nom du fichier brut ("IMG_20260315_143752.jpg") ou ignorera complètement l'image. Si cette image illustre un concept clé de votre article, contient un graphique ou présente un produit, l'absence d'alt créé une véritable barriere d'acces.
En pratique, Google valorise de plus en plus les sites accessibles. Un site qui respecte les bonnes pratiques d'accessibilite tend a offrir une meilleure expérience utilisateur globale, ce qui se traduit par des signaux positifs (temps passe sur la page, faible taux de rebond) que l'algorithme prend en compte.
Comment rédiger une balise alt optimisée : règles et exemples
Decrivez ce que montre l'image, pas ce que vous voulez vendre
Le texte alt doit decrire le contenu visuel de l'image de manière factuelle. Imaginez que vous decrivez la scène a quelqu'un qui ne peut pas la voir. Soyez spécifique : "un homme devant un écran" est bien moins utile que "un développeur front-end travaillant sur un wireframe dans un bureau partage".
Integrez le mot-clé naturellement
Si l'image illustre le sujet de la page, il est naturel que le texte alt contienne un terme lie au mot-clé principal. Mais la description doit rester fidèle a ce que l'image montre réellement. Il ne s'agit pas de placer un mot-clé pour le placer : il s'agit de decrire l'image avec les mots justes.
Visez 5 a 15 mots (80-125 caractères)
Un alt trop court ("photo", "image", "logo") n'apporté rien. Un alt trop long (3 phrases complètes) sera penible pour les lecteurs d'écran et pourra être percu comme du bourrage de mots-clés. La plage idéale se situé entre 5 et 15 mots. Assez pour être descriptif, assez court pour rester naturel a la lecture.
Adaptez le texte au contexte de la page
La même photo peut nécessiter un alt différent selon la page ou elle se trouvé. Si la photo d'un écran affichant un site web figure sur votre page "création de site internet", l'alt portera sur la création web. Si elle figure sur votre page "refonte de site", l'alt mentionnera la refonte. Le alt est contextuel, pas generique.
Exemples avant/après
| Image | Alt a corriger | Alt optimisé | Pourquoi |
|---|---|---|---|
| Photo d'équipe en réunion | alt="image" |
alt="Équipe de développeurs en réunion autour d'une maquette de site e-commerce" |
Description précise, mot-clé naturel, contexte visible. |
| Capture PageSpeed Insights | alt="screenshot" |
alt="Score PageSpeed Insights de 95 sur 100 pour un site vitrine mobile" |
Le contenu informatif de la capture est retranscrit. |
| Logo d'entreprise | alt="logo" |
alt="Logo Transacts, agence digitale Paris" |
L'identité de l'entreprise est transmise. |
| Graphique de trafic SEO | alt="graphique seo trafic courbe analytics" |
alt="Courbe de croissance du trafic organique sur 12 mois après optimisation SEO" |
Description de ce que le graphique montre, pas une liste de mots-clés. |
| Icone decorative (fleche) | alt="fleche droite decorative" |
alt="" |
Les elements decoratifs doivent avoir un alt vide. |
Les erreurs a éviter avec la balise alt
1. Le keyword stuffing dans l'attribut alt
C'est l'erreur la plus penalisante. Remplir un alt avec une liste de mots-clés sans rapport avec l'image réelle est une pratique que Google détecté et sanctionne. Un alt comme "création site internet paris agence web SEO référencement naturel devis gratuit" n'est pas une description -- c'est du spam. Au-dela du risque SEO, c'est une nuisance directe pour les utilisateurs de lecteurs d'écran qui entendent cette liste deroutante au lieu d'une description utile.
2. Commencer par "image de" ou "photo de"
Les lecteurs d'écran annoncent déjà qu'il s'agit d'une image avant de lire l'alt. Écrire alt="image de l'équipe Transacts" revient a faire entendre "Image : image de l'équipe Transacts" -- une redondance inutile. Commencez directement par le sujet : alt="L'équipe Transacts en réunion dans ses bureaux parisiens".
3. Laisser l'attribut alt vide sur les images informatives
Un alt vide (alt="") est correct et même recommandé pour les images purement decoratives (icones, separateurs, fonds). Mais sur une image de contenu -- une photo produit, un graphique, une infographie -- l'alt vide signifie que l'image n'a aucune valeur semantique. Google l'ignorera, et les lecteurs d'écran la sauteront. Vous perdez un signal SEO et vous creez une barriere d'accessibilite.
4. Omettre complètement l'attribut alt
C'est différent d'un alt vide. L'absence totale de l'attribut alt dans le code HTML est une violation des normes WCAG. Le lecteur d'écran sera force de lire le nom du fichier ("IMG_20260315_143752.jpg"), ce qui est pire que le silence. Lors de nos audits, nous constatons que 30 a 50 % des images n'ont aucun attribut alt sur les sites que nous analysons pour la première fois. C'est un problème repandu et facile a corriger.
5. Le même alt copie-colle sur plusieurs images
Dupliquer le même texte alt sur dix images de la même page est un signal de contenu automatise. Même sur une fiche produit avec cinq photos du même article, chaque alt doit decrire l'angle, le détail ou le contexte propre a chaque cliche : "vue de face", "gros plan sur le détail de finition", "mise en situation dans un salon".
Le cas particulier des images decoratives
Toutes les images ne portent pas un sens. Les separateurs visuels, les icones ornementales, les ombres portées et les elements purement graphiques ne transmettent aucune information utile au visiteur. Pour ces images, la bonne pratique est de définir un alt vide (alt="") -- et non d'omettre l'attribut.
La différence est subtile mais importante :
<img src="separateur.svg" alt="">-- Le lecteur d'écran ignore l'image. Correct.<img src="separateur.svg">-- Pas d'attribut alt. Le lecteur d'écran lit le nom du fichier. Incorrect.
Un test simple pour déterminer si une image est decorative : si vous supprimez l'image, le contenu de la page perd-il une information ? Si oui, elle est informative et nécessité un alt descriptif. Si non, elle est decorative et nécessité un alt vide. C'est ce test que nous appliquons systématiquement chez Transacts lors de nos audits d'accessibilite.
Outils pour vérifier vos balises alt
Vous n'avez pas besoin de lire le code source de chaque page pour vérifier vos balises alt. Plusieurs outils permettent de les auditer rapidement et a grande échelle.
| Outil | Type | Ce qu'il fait | Prix |
|---|---|---|---|
| Chrome DevTools | Extension navigateur (native) | Inspecter le code HTML de chaque image. Clic droit > Inspecter > vérifier l'attribut alt. | Gratuit |
| Screaming Frog | Crawler desktop | Crawle l'ensemble du site et liste toutes les images avec leurs attributs alt (présents, manquants, trop longs). Export CSV. | Gratuit jusqu'a 500 URLs |
| WAVE (WebAIM) | Extension navigateur | Audit d'accessibilite page par page. Signale les images sans alt, les alt vides sur images informatives, les alt trop longs. | Gratuit |
| Google Lighthouse | Audit dans Chrome | Section accessibilite : signale les images sans attribut alt. Fournit un score global d'accessibilite. | Gratuit |
| Semrush / Ahrefs | Plateforme SEO | Audit de site complet avec detection des images sans alt, alt dupliques, alt trop courts. Suivi dans le temps. | Payant |
Notre recommandation : commencez par un crawl Screaming Frog pour obtenir une vue d'ensemble. Exportez la liste des images sans alt, triez-les par page, et redigez les textes alt par lot. Puis utilisez WAVE ou Lighthouse page par page pour vérifier la conformite au fur et a mesure.
Balise alt et lazy loading : deux optimisations complementaires
Le lazy loading (chargement diffère des images) et l'attribut alt sont deux optimisations qui travaillent de concert. Le lazy loading amélioré la vitesse de chargement de vos pages en ne chargeant les images que lorsqu'elles entrent dans la zone visible de l'écran. L'attribut alt garantit que chaque image, une fois chargee, est comprise par Google et accessible a tous les utilisateurs.
En HTML natif, le lazy loading se declare avec l'attribut loading="lazy" :
<img src="maquette-responsive.webp"
alt="Maquette responsive d'un site vitrine vue sur mobile et desktop"
width="1200" height="800"
loading="lazy">Un point important : l'image hero (l'image principale visible au-dessus du pli) ne doit pas être en lazy loading. Elle doit se charger immediatement pour ne pas degrader le LCP (Largest Contentful Paint), l'une des metriques des Core Web Vitals. En revanche, toutes les images sous le pli doivent l'être. Le texte alt, lui, doit être présent sur toutes les images sans exception, qu'elles soient en lazy loading ou non.
Questions fréquentes sur la balise alt
Faut-il mettre un alt sur toutes les images ?
Toutes les images informatives doivent avoir un alt descriptif. Les images purement decoratives (separateurs, fond) doivent avoir un alt vide (alt="") pour ne pas polluer les lecteurs d'écran. La règle absolue : ne laissez jamais l'attribut alt complètement absent du code HTML. Chaque balise <img> de votre site doit contenir un attribut alt, qu'il soit rempli (images de contenu) ou vide (images decoratives).
Quelle longueur pour une balise alt ?
Idéalement 5 a 15 mots, soit 80 a 125 caractères. C'est assez pour decrire l'image avec précision, et assez court pour ne pas basculer dans le keyword stuffing. Un bon repère : si votre alt ressemble a une phrase naturelle que vous pourriez dire a voix haute pour decrire l'image, la longueur est bonne. Exemple : "Équipe Transacts en réunion de conception UX dans les bureaux parisiens" (10 mots, 72 caractères).
La balise alt influence-t-elle le ranking ?
Oui, et de deux manières. D'abord, l'alt est le signal principal pour le classement dans Google Images, qui represente 20 a 30 % du trafic de recherche selon les secteurs. Ensuite, il renforce le champ semantique de la page qui heberge l'image, ce qui contribue au SEO global de cette page. Ce n'est pas le facteur de classement dominant, mais une image bien optimisée peut générer du trafic organique supplémentaire que vos concurrents negligent.