Texte alternatif : définition et bonnes pratiques

Aperçu

Le « texte alternatif » (ou attribut HTML alt) est la courte chaîne de texte placée dans l'attribut alt d'une balise <img>. Son rôle principal est d'expliquer le contenu et la fonction d'une image aux utilisateurs qui ne peuvent pas la voir (lecteurs d'écran, navigateurs textuels, ou lorsque l'image ne se charge pas). Il fournit aussi aux moteurs de recherche un signal lisible sur le contenu visuel, utile lors de l'indexation, sans pour autant garantir un effet isolé sur le classement, qui dépend de nombreux signaux.

Techniquement, le texte alternatif est le contenu de l'attribut alt : <img src="photo.jpg" alt="femme tenant un vélo rouge dans un parc">. Pour les images purement décoratives, l'attribut doit être vide : <img src="ornement.svg" alt=""> afin d'indiquer aux technologies d'assistance d'ignorer l'élément.

Étapes pour rédiger un texte alternatif efficace

1) Identifiez la fonction : décrivez ce que l'image montre ou la tâche qu'elle accomplit (décorative, informative, fonctionnelle).

2) Soyez concis et descriptif : une phrase courte suffit généralement. Évitez les phrases longues et les répétitions inutiles.

3) Priorisez l'information utile : si une image illustre un point précis du texte, mentionnez l'élément le plus pertinent (ex. « graphique montrant la progression des ventes 2023 »).

4) Pour les images fonctionnelles (boutons, liens) décrivez l'action : <button aria-label="Rechercher"><img src="search.svg" alt=""></button> ou <img src="search.svg" alt="Rechercher"> selon l'implémentation.

5) Complexité et alternatives : pour des schémas ou infographies complexes, fournissez un texte plus long dans le contenu environnant, un attribut longdesc ou un lien vers une description détaillée.

Problèmes courants

• Absence d'attribut alt : empêche les lecteurs d'écran de comprendre l'image. • Remplissage par nom de fichier (ex. « DSC001.jpg ») : inutile pour l'accessibilité et la compréhension. • Bourrage de mots-clés : alt qui répète des mots-clés nuit à l'expérience et peut être ignoré par les moteurs. • Alt identique sur plusieurs images : perd l'information spécifique. • Images chargées via CSS sans texte de remplacement : non accessibles aux lecteurs d'écran.

Vérification et dépannage : checklist technique

**Présence d'attribut alt** — où vérifier : source HTML / DevTools Elements — passe quand : chaque <img> significative a un alt non vide ou alt="" pour les décoratives.

**Parité mobile/desktop** — où vérifier : Chrome DevTools en mode device emulation ou curl avec user-agent mobile — passe quand : la même description utile est présente dans la version servie au smartphone (mobile-first indexing).

**Visibilité réelle du DOM** — où vérifier : Elements panel (rendered DOM) — passe quand : le texte alternatif est dans le DOM rendu et non seulement injecté côté client sans fallback.

Vérifier depuis l'extérieur (pages tierces)

Si vous n'êtes pas propriétaire du site, utilisez : curl pour récupérer le HTML ('curl -L -A "Mozilla/5.0 (Linux; Android 10)" "https://exemple.com/page"') et regardez la présence de alt dans la source ; ou ouvrez la page dans un navigateur et inspectez l'élément. N'utilisez pas la commande site: comme preuve binaire d'indexation — elle donne une indication publique mais n'est pas définitive.

Vérifier pour vos propres pages (propriétaire)

Pour des pages que vous possédez, utilisez l'inspection d'URL dans Google Search Console pour voir comment Googlebot (Googlebot Smartphone par défaut depuis juillet 2024) rend la page et si l'image est visible lors du rendu. Notez que l'indexation d'une image ou d'une page relève de la phase d'indexation ; la présence d'un alt aide Google à comprendre l'image mais n'est qu'un des nombreux signaux qui peuvent influencer le classement.

Checklist pratique (récapitulatif)

**Présence d'alt** — où : source HTML / DevTools — passe quand : champ alt présent et pertinent pour chaque image informative.

**Alt vide pour décoratifs** — où : source HTML — passe quand : alt="" pour images purement décoratives.

**Actionnel décrit** — où : code des boutons/contrôles — passe quand : l'image fonctionnelle indique l'action (ou le contrôle a un aria-label approprié).

Lire plus

Pour des bonnes pratiques techniques plus larges, consultez le guide technique : Lire le Technical SEO Guide

Questions fréquentes

Q : Le texte alternatif améliore-t-il mon référencement ? R : L'alt aide les moteurs à comprendre le contenu visuel et peut contribuer à l'indexation des images ; toutefois, le classement dépend de multiples signaux. Présenter des alt précis augmente la pertinence perçue d'une page, mais ce n'est pas un levier isolé garantissant un meilleur positionnement.

Q : Quelle longueur pour un alt ? R : Préférez la concision : une phrase ou un fragment descriptif suffit dans la plupart des cas. Pour des images complexes, fournissez une description détaillée dans le contenu de la page ou via une ressource dédiée.

Q : Dois-je inclure des mots-clés ? R : Incluez naturellement des termes utiles si cela décrit réellement l'image. Évitez le bourrage de mots-clés ou des formulations artificielles destinées uniquement au SEO.

Q : Que faire des images chargées via CSS ? R : Les images de fond CSS n'ont pas d'attribut alt ; si l'image porte une information importante, intégrez-la dans le DOM avec un élément <img> ou fournissez l'information textuelle dans le contenu.

Q : Puis-je laisser l'attribut alt vide pour des images décoratives ? R : Oui. alt="" indique explicitement aux technologies d'assistance d'ignorer l'image.

Q : Comment vérifier si Google voit mes images ? R : Pour vos pages, utilisez l'Inspection d'URL dans Google Search Console pour voir le rendu et l'état d'indexation. Pour des sites tiers, utilisez curl et l'inspection du DOM ; la commande site: fournit un indice public mais n'est pas une preuve définitive d'indexation.

Construire une bonne accessibilité et des descriptions précises pour les images est une composante technique importante du référencement et de l'expérience utilisateur. Construisez de l'autorité en parallèle : créez du contenu utile et obtenez des backlinks pertinents pour augmenter la visibilité.

Construisez de l'autorité avec des backlinks de qualité