Ce qu'est l'attribut alt
L'attribut alt est une propriété HTML de la balise <img>. Il permet d'associer un texte alternatif à une image. Ce texte s'affiche à la place de l'image si elle ne se charge pas, et est lu par les lecteurs d'écran utilisés par les personnes malvoyantes.
Exemple de syntaxe :
<img src="consultant-seo-lyon.jpg" alt="Consultant SEO à Lyon analysant les résultats d'un audit" />Sa double fonction en fait un élément à ne pas négliger : il sert à la fois l'accessibilité (obligation légale pour les sites publics en France) et le référencement naturel.
L'utilité de l'attribut alt pour le SEO
Les moteurs de recherche ne "voient" pas les images au sens propre. Ils lisent le texte qui les entoure : le nom du fichier, le contexte éditorial, la légende, et surtout l'attribut alt. Ce texte alternatif est l'un des principaux signaux que Google utilise pour comprendre ce que représente une image.
Deux bénéfices SEO concrets :
- Indexation dans Google Images : un attribut alt bien rédigé améliore la visibilité de l'image dans les résultats de recherche d'images, ce qui peut générer un trafic additionnel non négligeable selon les secteurs.
- Renforcement du contexte sémantique de la page : les alts contribuent à confirmer le sujet traité par la page. Une page sur le SEO avec des images dont les alts évoquent l'analyse de données, les classements ou les audits renforce la cohérence thématique perçue par Google.
Sitemap image et référencement des images
Pour maximiser l'indexation des images importantes, on peut créer un sitemap image dédié qui liste les URLs des images avec leurs métadonnées. C'est complémentaire à un bon attribut alt.
Comment rédiger un bon attribut alt
| Principe | Bon exemple | Mauvais exemple |
|---|---|---|
| Descriptif et précis | "Graphique montrant l'évolution du trafic organique sur 12 mois" | "image1" ou "photo" |
| Naturel, pas sur-optimisé | "Plombier en train de réparer une fuite sous un évier à Paris" | "plombier Paris pas cher urgence plombier Paris 75" |
| Concis (sous 125 caractères) | "Vue aérienne du vieux port de Marseille au coucher du soleil" | Descriptions de 300 mots qui deviennent du spam |
| Contextuel | Le texte reflète ce que l'image apporte à l'article | Copier-coller le même alt sur toutes les images de la page |
Quand laisser l'attribut alt vide
Laisser l'alt vide (alt="") est parfois la bonne décision. Ce n'est pas une erreur si c'est intentionnel et justifié.
On laisse l'alt vide pour :
- Les images purement décoratives (séparateurs, arrière-plans, icônes ornementales) qui n'apportent aucune information au contenu
- Les images dont le contenu est déjà entièrement décrit dans le texte adjacent
Un alt vide indique aux lecteurs d'écran d'ignorer l'image, ce qui améliore l'expérience de navigation pour les utilisateurs malvoyants. À l'inverse, omettre totalement l'attribut alt (ne pas l'écrire du tout) est une erreur à éviter : certains lecteurs d'écran liront alors le nom du fichier, souvent inexploitable.
Alt et optimisation globale des images
L'attribut alt fait partie d'un ensemble de bonnes pratiques pour l'optimisation des images en SEO. Il s'associe au nom du fichier (descriptif et en minuscules avec tirets), au poids de l'image (qui influe sur la vitesse de chargement) et au format utilisé (WebP recommandé pour les images web). Pour aller plus loin, ma page sur l'optimisation des images pour le référencement couvre l'ensemble de ces aspects.