Balise Alt
Attribut HTML décrivant le contenu d'une image, utilisé par les moteurs de recherche et les lecteurs d'écran pour l'accessibilité.
Qu'est-ce que la balise alt ?
La balise alt (ou attribut alt, pour "alternative text") est un attribut HTML de la balise `<img>` qui fournit une description textuelle du contenu d'une image. Elle remplit trois fonctions essentielles : aider les moteurs de recherche à comprendre le sujet de l'image, s'afficher en remplacement si l'image ne charge pas, et être lue par les lecteurs d'écran pour les personnes malvoyantes.
En SEO, l'attribut alt est le principal moyen pour Google d'indexer correctement une image dans Google Images, qui représente environ 20% des recherches Google. Un alt pertinent renforce aussi les signaux de pertinence sémantique de la page.
Bonnes pratiques de rédaction
- Décrivez le contenu de manière concise et précise (5 à 15 mots maximum)
- Intégrez le mot-clé principal naturellement si l'image est en rapport avec le sujet de la page
- Évitez les formules comme "image de" ou "photo de" : les moteurs savent déjà que c'est une image
- Ne pratiquez pas le keyword stuffing dans les alt ("SEO consultant SEO Paris SEO freelance")
- Laissez l'alt vide (alt="") pour les images purement décoratives (icônes, séparateurs)
Implémentation HTML correcte
<!-- Bon exemple : description précise et naturelle -->
<img src="/images/audit-seo-dashboard.jpg"
alt="Tableau de bord d'audit SEO montrant les Core Web Vitals"
width="800" height="450" />
<!-- Image décorative : alt vide -->
<img src="/images/separator.svg" alt="" />
<!-- Next.js : l'attribut alt est obligatoire -->
import Image from 'next/image'
<Image src="/photo.jpg" alt="Description pertinente" width={800} height={450} />Alt text et accessibilité web
L'attribut alt est un pilier de l'accessibilité web (norme WCAG 2.1). Les lecteurs d'écran comme NVDA ou VoiceOver lisent l'alt text à voix haute pour les utilisateurs malvoyants. Un site sans attributs alt est non seulement pénalise en SEO mais aussi inaccessible a une partie significative des internautes. Les frameworks modernes comme Next.js exigent l'attribut alt dans leur composant Image, garantissant cette bonne pratique par défaut.
Termes liés
Balise Hn
Balises HTML de hiérarchie (H1 à H6) qui structurent le contenu d'une page en titres et sous-titres.
Contenu SEO
Contenu web créé et optimisé spécifiquement pour attirer du trafic organique depuis les moteurs de recherche.
Google Search Console
Outil gratuit de Google permettant de surveiller et d'optimiser la présence d'un site dans les résultats de recherche.
Besoin d'un expert SEO ?
Passez de la théorie à la pratique. Discutons de votre stratégie de référencement naturel.
Réserver un appel stratégique