Das lang-Attribut legt in HTML fest, in welcher Sprache der Inhalt eines Elements geschrieben ist. Es steht in der Regel im <html>-Tag und enthält ein Sprachkürzel wie de oder en-GB. Screenreader, Browser und Rechtschreibprüfungen werten den Wert aus.
Wofür wird das lang-Attribut gebraucht?
Der Wert ist ein Sprach-Tag nach BCP 47, zum Beispiel fr, pt-BR oder en-GB. Wo kein eigenes Attribut steht, übernimmt ein Element den Wert seines Elternelements. Ein leerer Wert (lang="") bedeutet „Sprache unbekannt“.
Screenreader wählen anhand des Werts die passende Aussprache, Browser die Silbentrennung und Rechtschreibprüfung. In CSS lassen sich Elemente über die Pseudoklasse :lang() ansprechen. Für die Barrierefreiheit verlangen die WCAG, dass die Sprache der Seite und die von Textstellen in anderer Sprache maschinell bestimmbar ist.
Das W3C empfiehlt, immer ein lang-Attribut im <html>-Tag zu setzen. Einzelne fremdsprachige Passagen erhalten ein eigenes Attribut am umschließenden Element. Von <meta http-equiv="Content-Language"> als Sprachangabe rät das W3C ab.
Welche Rolle spielt das lang-Attribut für SEO?
Google erklärt in der Dokumentation zu lokalisierten Seiten, dass weder hreflang noch das HTML-lang-Attribut zur Spracherkennung dienen. Google bestimmt die Sprache über eigene Algorithmen. Der Wert wirkt sich deshalb vor allem auf Zugänglichkeit und Darstellung aus. Die Zuordnung von Sprachversionen übernimmt hreflang.
Beispiel
<html lang="de">
<body>
<p>Der Titel lautet <span lang="fr">Le Bon Usage</span>.</p>
</body>
</html>
Häufige Fehler
- Ein kopiertes Template trägt
lang="en", obwohl der Inhalt deutsch ist. - Das Attribut fehlt im
<html>-Tag. - Der Wert nutzt einen Unterstrich (
en_US). BCP 47 trennt die Teile mit Bindestrich (en-US).
Häufige Fragen
Ersetzt das lang-Attribut hreflang? Nein. Es beschreibt die Sprache einer einzelnen Seite. hreflang verknüpft Sprachversionen miteinander.
Gilt lang auch für einzelne Absätze? Ja. Das Attribut ist ein globales HTML-Attribut und lässt sich an jedem Element setzen.
Quellen
- lang – Global attributes – MDNdeveloper.mozilla.org
- Declaring language in HTML – W3C Internationalizationw3.org
- Lokalisierte Versionen deiner Seite – Google Search Centraldevelopers.google.com
- Understanding SC 3.1.1: Language of Page – W3C WAIw3.org
- Understanding SC 3.1.2: Language of Parts – W3C WAIw3.org
- Tags for Identifying Languages (BCP 47, RFC 5646) – IETFrfc-editor.org
Stand: