English

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
<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

  1. lang – Global attributes – MDNdeveloper.mozilla.org
  2. Declaring language in HTML – W3C Internationalizationw3.org
  3. Lokalisierte Versionen deiner Seite – Google Search Centraldevelopers.google.com
  4. Understanding SC 3.1.1: Language of Page – W3C WAIw3.org
  5. Understanding SC 3.1.2: Language of Parts – W3C WAIw3.org
  6. Tags for Identifying Languages (BCP 47, RFC 5646) – IETFrfc-editor.org

Stand: