Attribut HTML Lang : Qu'est-ce que c'est ? Pourquoi est-il important ?

Image

Table des matières

Qu'est-ce que l'attribut HTML lang ?

Pourquoi l'attribut HTML lang est-il important et utile ?

L'attribut HTML lang a-t-il un impact sur votre référencement ?

Comment mettre en œuvre l'attribut lang sur votre site web

Comment choisir les codes de langue

Erreurs courantes lors de la mise en œuvre des balises HTML lang

Conclusion

 

L'attribut HTML lang spécifie la langue du contenu textuel utilisé sur une page Web. Il est généralement utilisé pour signaler clairement quelle est la langue de la page afin d'éviter toute confusion. 

 

Les moteurs de recherche utilisent l'attribut lang pour renvoyer à l'internaute des résultats spécifiques à une langue, et il signale également au moteur de prononciation des lecteurs d'écran de passer à une autre langue.

 

Cet article vous aidera à comprendre la balise lang en HTML et son importance, ce qu'elle fait, comment la mettre en œuvre sur votre site, et a-t-elle un impact sur le référencement ?

 

Vous êtes prêts ? Commençons.

 

Qu'est-ce que l'attribut HTML Lang ?

 

L'attribut HTML lang est utilisé pour déterminer la langue du texte utilisé sur une page Web. L'objectif principal de cet attribut est de signaler la langue du document principal. 

 

Il est également utilisé par les lecteurs en ligne qui changent de langue pour afficher la prononciation et l'accent corrects du contenu de la page web.

 

La balise HTML lang est prise en charge par les navigateurs web les plus courants tels que Chrome, Internet Explorer, Firefox, Safari et Opera.

browser support

 

Voici la syntaxe de l'attribut HTML lang :

 

<html lang = "language_code">

 

Dans la syntaxe ci-dessus, language_code est utilisé pour spécifier le code de langue ISO.

 

Par exemple, si la langue du contenu est l'anglais, le code de langue doit être « en » :

 

<html lang = "en">

 

De même, si le contenu est en langue française, le code de langue doit être :

 

<html lang = "fr">

 

En HTML 5, l'attribut lang peut être utilisé avec n'importe quel élément HTML comme <p> et <h1>.

 

Par exemple, si vous avez une page Web dont le contenu est écrit en 4 langues différentes - anglais, français, russe et espagnol, les codes de langue corrects peuvent être spécifiés comme suit :

 

<html lang="en">
<body>
<p>Ce paragraphe est en anglais.</p>
<p html lang="fr">ce paragraphe est en français</p>
<p html lang="ru">. этот абзац на французском</p>
<p html lang="es">este párrafo está en francés</p>
</body>
</html>

 

Dans le code ci-dessus, les moteurs de recherche peuvent comprendre clairement la langue de quatre paragraphes différents et les afficher dans la SERP lorsque cela est approprié.

 

En outre, les lecteurs d'écran peuvent choisir la langue et la prononciation correctes pour une meilleure accessibilité aux utilisateurs malvoyants.

 

Pourquoi l'attribut HTML Lang est-il important et utile ?

 

L'attribut HTML lang est crucial car il aide les moteurs de recherche comme Google, Bing, Yandex et d'autres à afficher des résultats spécifiques à la langue dans les SERP.

search engines

Source de l'image : Reliablesoft

 

Si vous avez plusieurs versions d'une page Web pour différentes régions ou langues, vous devez informer les moteurs de recherche de ces versions. Cela aidera les moteurs de recherche à afficher la meilleure version de votre site en fonction de la langue ou de la localisation.

 

Voici quelques-unes des principales raisons pour lesquelles la balise HTML lang est utile :

 

  • Il aide les moteurs de recherche à comprendre la langue correcte de la page Web. Cela améliore la qualité des résultats de recherche car les moteurs de recherche peuvent renvoyer des résultats basés sur les préférences linguistiques de l'internaute.
  • Les extensions de navigateur et autres logiciels tels que les outils de traduction peuvent utiliser la balise lang pour afficher les informations dans la bonne langue. 
  • Les balises linguistiques vous permettent également de varier le style du contenu en fonction de la langue. Par exemple, vous pouvez définir une police spécifique pour une langue particulière. En outre, les agents utilisateurs peuvent effectuer une sélection automatique des polices en fonction de la langue du document.
  • Les lecteurs d'écran, les synthétiseurs vocaux et les traducteurs en braille utilisent l'attribut lang pour produire des résultats à partir du texte. Dans des pays comme le Royaume-Uni, le gouvernement impose l'utilisation de balises lang correctes conformément aux directives du W3C sur l'accessibilité du Web.

 

L'attribut HTML Lang a-t-il un impact sur votre référencement ?

 

Cet attribut HTML lang n'a pas d'incidence sur le référencement car les principaux moteurs de recherche tels que Google et Bing n'utilisent pas cette balise pour filtrer les résultats de recherche en fonction de la langue ou du lieu. 

 

Google utilise la balise hreflang pour déterminer l'emplacement et la langue de votre contenu. 

 

Voici la syntaxe de la balise hreflang :

 

<link rel="alternate" hreflang="lang_code" href="url_of_page"/>

 

Ou

 

<link rel="alternate" hreflang="en-gb">

 

en fait référence à l'anglais et gb fait référence au Royaume-Uni. Cela signifie que la page est destinée aux utilisateurs anglophones du Royaume-Uni.

 

De même, Bing utilise la métabalise « content-language » pour comprendre la langue du document.

 

Voici la syntaxe de la métabalise « content-language » :

 

<meta http-equiv="content-language" content="">

 

Ou

 

<meta http-equiv="content-language" content="en-us">

 

en fait référence à l'anglais et us fait référence aux États-Unis. Cela signifie que la page est destinée aux utilisateurs anglophones des États-Unis.

 

Par conséquent, l'attribut HTML lang n'a pas d'incidence sur le référencement. Cependant, vous devriez toujours utiliser la balise lang car elle affecte l'expérience utilisateur et contribue à rendre votre site Web compatible avec le W3C. 

 

Lorsque vous traitez des sites Web multilingues, vous devez utiliser les balises hreflang et content-language pour Google et Bing, respectivement, en fonction des lieux et des moteurs de recherche ciblés.

 

Comment mettre en œuvre l'attribut Lang sur votre site web

 

Vous pouvez ajouter la balise lang sur une page Web en modifiant le code source.

 

Vous devez toujours utiliser l'élément HTML comme déclaration pour définir le langage car le HTML hérite de tous les autres éléments d'une page.

html lang fr

 

Par exemple, si vous souhaitez définir le français comme langue de l'ensemble de la page Web, utilisez cette balise :

 

<html lang="fr">
<body>
<p>C'est une page web écrite en anglais.</p>
<h1>La balise titre h1</h1>
<image src="">
</body>
</html>

html lang page

 

Vous pouvez également spécifier la langue des différents paragraphes d'un document. Dans ce cas, vous devez utiliser plusieurs balises HTML lang ensemble. 

 

Voici un exemple de page comportant deux langues différentes :

 

<html lang="en">
<body>
<p>This parapgraph is written in English.</p>
<h1>...</h1>
<image src="">
<p html lang="fr">ce paragraphe est en français</p>
<h1>...</h1>
<image src="">
</body>
</html>

 

En outre, si vous souhaitez spécifier la langue d'un contenu sans balises, utilisez span, bdi ou div. 

 

Voici un exemple : 

 

<p>Dites bonjour en coréen sous la forme < span lang="ko"> 안녕하세요</span>.</p>

 

Comment choisir les codes de langue

 

Vous devez toujours ajouter l'attribut HTML lang pour définir la langue par défaut d'une page Web.

 

Les navigateurs, moteurs de recherche et autres applications peuvent utiliser ces informations pour afficher les informations aux utilisateurs de la manière la plus appropriée. 

 

Lorsque vous traitez plusieurs langues, vous avez besoin d'aide pour choisir les codes corrects pour chaque endroit.

 

Voici la liste complète des codes linguistiques ISO pour chaque lieu :

 

LangueCode ISO
Abkhazieab
Afaraa
Afrikaansaf
Akanak
Albanaissq
Amhariqueam
Arabear
Aragonaisun
Arménienhy
Assameseas
Avaricav
Avestanae
Aymaraay
Azerbaïdjanaisaz
Bambarabm
Bashkirba
Basqueeu
Biélorusseêtre
Bengali (Bangla)bn
Biharibh
Bislamabi
Bosniaquebs
Bretonbr
Bulgarebg
Birmanemy
Catalanca
Chamorroch
Tchétchènece
Chichewa, Chewa, Nyanjany
Chinoiszh
Chinois (simplifié)zh-Hans
Chinois (traditionnel)zh-Hant
Tchouvachecv
Cornouailleskw
Corseco
Cricr
Croatehr
Tchèquecs
Danoisda
Divehi, Dhivehi, Maldiviendv
Néerlandaisnl
Dzongkhadz
Anglaissur
Espérantoeo
Estonienet
Eweee
Féroïquesfe
Fidjienfj
Finlandaisfi
Françaisfr
Fula, Fulah, Pulaar, Pularff
Galiciengl
Gaélique (écossais)gd
Gaélique (Manx)gv
Géorgienka
Allemandde
Grecel
Groenlandaiskl
Guaranign
Gujaratigu
Créole haïtienht
Hausaha
Hébreuil
Hererohz
Hindihi
Hiri Motuho
Hongroishu
islandaisest
Idoio
Igboig
Indonésienid, in
Interlinguaia
Interlingueie
Inuktitutiu
Inupiakik
Irlandaisga
Italienil
Japonaisja
Javanaisjv
Kalaallisut, groenlandaiskl
Kannadakn
Kanurikr
Cachemireks
Kazakhkk
Khmerkm
Kikuyuki
Kinyarwanda (Rwanda)rw
Kirundirn
Kirghizistanky
Komikv
Kongokg
Coréenko
Kurdeku
Kwanyamakj
Laolo
Latinla
Letton (Lettish)lv
Limbourgeois ( Limburger )li
Lingalaln
Lituanienlt
Luga-Katangalu
Luganda, Gandalg
Luxembourgeoislb
Manxgv
Macédoinemk
Malgachemg
Malaisms
Malayalamml
Maltaismt
Maorimi
Marathimr
Marshallesemh
Moldaviemo
Mongoliemn
Nauruna
Navajonv
Ndongang
Ndebele du Nordet
Népalaisne
Norvégienno
norvégien bokmålnb
Norvégien nynorsknn
Nuosuii
Occitanoc
Ojibweoj
Vieux slavon ecclésiastique, vieux bulgarecu
Oriyaou
Oromo (Afaan Oromo)om
Ossèteos
Pālipi
Pashto, Pushtops
Persan (Farsi)fa
Polonaispl
Portugaispt
Punjabi (oriental)pa
Quechuaqu
Romancherm
Roumainro
Russeru
Samise
Samoansm
Sangosg
Sanskritsa
Serbesr
Serbo-croatesh
Sesothost
Setswanatn
Shonasn
Sichuan Yiii
Sindhisd
Cinghalaissi
Siswatiss
Slovaquiesk
Slovènesl
Somaliso
Ndebele du Sudnr
Espagnoles
Sundanaissu
Swahili (Kiswahili)sw
Swatiss
Suédoissv
Tagalogtl
Tahitiennety
Tadjiktg
Tamilta
Tatartt
Telugute
Thaïlandaisth
Tibétainbo
Tigrinyati
Tongaà
Tsongats
Turctr
Turkmènetk
Twitw
Uyghurug
Ukrainienuk
Urduur
Ouzbekuz
Vendave
Vietnamienvi
Volapükvo
Wallonwa
Galloiscy
Wolofwo
Frison occidentalfy
Xhosaxh
Yiddishyi, ji
Yorubayo
Zhuang, Chuangza
Zuluzu

 

Vous pouvez sélectionner un code de langue en fonction de votre emplacement cible et l'ajouter à la page Web.

 

Si vous souhaitez trouver les sous-balises pour les langues régionales, vous pouvez utiliser un langues sous-balises de  recherche de Outil de .

 

Saisissez le code de l'emplacement principal de votre emplacement cible, et l'outil récupérera automatiquement toutes les balises secondaires connexes pour cet emplacement.

 

Voici un exemple :

language lookup tool

 

Erreurs courantes lors de la mise en œuvre des balises HTML Lang

 

Voici quelques-unes des erreurs les plus courantes commises lors de l'utilisation de l'attribut HTML lang :

 

  • Utilisation d'un code de langue incorrect. Par exemple, utiliser ch pour la Chine, au lieu de zh.
  • Erreurs typographiques courantes lors de l'écriture de la syntaxe de la balise lang. Par exemple, écrire <html lan=« en »> au lieu de <html lang=« en »> pour l'anglais et ou <html lang=« tu »> au lieu de <html lang=« tr »> pour le turc.
  • L'ajout de codes de pays incorrects, comme l'utilisation du code de pays avant la langue. Par exemple, <html lang=« bn-in »> est correct, alors que <html lang=« in-bn »> est incorrect. La langue doit toujours précéder le code du pays. Pour consulter la liste complète des codes de pays, vous pouvez visitez  cette  ressource.

 

Conclusion

 

L'attribut HTML lang est un élément vital de votre site Web. Peu importe que vous serviez des utilisateurs de différents endroits ou non ; l'utilisation d'attributs HTML lang valides est cruciale pour améliorer l'accessibilité et l'expérience utilisateur de votre site Web. 

 

Si vous cherchez à améliorer le référencement de votre site Web, veillez à utiliser les balises hreflang et content-language, respectivement. 

 

J'espère que ce guide HTML lang a permis de répondre aux questions les plus fréquemment posées sur la balise HTML lang. 

 

Bon étiquetage ! 




SEOptimer - SEO Audit & Reporting Tool
Improve Your Website. Win More Customers.

Get a Free Website Audit Instantly

Click here