Attribut lang (HTML)

Définition technique

Attribut sur la balise d’ouverture <html> indiquant la langue principale du document : <html lang="fr">. Valeurs courantes : code ISO 639-1 (fr, en, es…) ou avec région (fr-FR, en-GB). Utilisé par les lecteurs d’écran pour la synthèse vocale, par les moteurs de recherche pour le ciblage linguistique et géographique, et par les outils de traduction. Recommandation WCAG et bonnes pratiques SEO : toujours définir lang sur la racine du document. Pour les pages multilingues, chaque version doit avoir son propre lang cohérent avec le contenu. L’attribut dir (direction) peut compléter lang pour les langues RTL (arabe, hébreu). Les moteurs utilisent lang pour proposer le bon résultat selon la langue de l’utilisateur.

Comment ça fonctionne ?

Sur la balise d'ouverture <html>, ajoutez l'attribut lang avec le code de langue (ex. lang="fr"). Les lecteurs d'écran et les moteurs utilisent cette information. Pour un site multilingue, chaque version de page a son propre lang cohérent avec le contenu.

L'erreur classique à éviter

Oublier l'attribut lang sur des sites existants ou mettre une valeur incorrecte. Sur un site multilingue, des lang incohérents brouillent le signal pour Google et les outils d'accessibilité.

Impact business : pourquoi s'en soucier ?

Sans attribut lang, l’accessibilité est dégradée (lecteurs d’écran, annonces de langue) et vous ratez un signal clair pour Google (langue et audience). Pour un site multilingue, lang permet d’éviter les confusions (hreflang s’appuie sur une langue déclarée). En pratique, un site professionnel sans lang est considéré comme incomplet. Un lang correct améliore le ciblage dans les résultats locaux et la qualité perçue par les outils de traduction. C’est un critère simple à corriger et souvent oublié sur des sites hérités.

La règle d'or

Toujours définir lang sur <html>. Utiliser des codes ISO 639-1 (fr, en) ou avec région (fr-FR) si pertinent. Pour les pages RTL (arabe, hébreu), compléter avec l'attribut dir="rtl".

La théorie c'est bien, la pratique c'est mieux. Découvrez comment j'applique le Attribut lang (HTML) dans mes projets.

Découvrir l'expertise SEO & Visibilité locale

Le Prompt Expert (Copier-Coller dans Claude / Cursor)

Contexte : site [monolingue fr / multilingue fr+en / autre], CMS [Next.js / WordPress / autre]. Indique la valeur exacte de lang pour <html> pour [chaque langue si multilingue]. Si multilingue, donne aussi la structure hreflang recommandée (balises ou en-têtes) et un extrait HTML pour la racine. Mentionne dir si [langue RTL].

FAQ

Ne vous perdez pas dans le code. Je m'occupe de la technique, concentrez-vous sur vos clients.

En parler ensemble