Technik

Was macht das HTML-Attribut lang eigentlich?

Ein kurzes Attribut hilft Browsern, Übersetzungstools und Suchmaschinen, die Sprache deiner Seite richtig zu erkennen.

Was es ist

Das lang-Attribut ist ein kurzes Stück Code im allerersten Tag einer Seite (<html lang="de"> für Deutsch, <html lang="en"> für Englisch und so weiter), das ausdrücklich angibt, in welcher Sprache der Seiteninhalt geschrieben ist. Man könnte meinen, das sei aus dem Text selbst offensichtlich, aber Software "liest" nicht wie ein Mensch — sie braucht diese klare Angabe, statt sie aus dem Zusammenhang zu erraten.

Browser, Übersetzungstools und Suchmaschinen prüfen alle zuerst dieses eine Attribut, bevor sie irgendetwas Sprachabhängiges tun, statt zuerst den eigentlichen Text zu analysieren.

Warum es wichtig ist

Browser nutzen das lang-Attribut, um zu entscheiden, ob sie überhaupt eine automatische Übersetzung anbieten, und aus welcher Sprache sie dabei übersetzen — ein fehlendes oder falsches lang-Attribut kann bedeuten, dass Besuchern eine Übersetzung in ihre eigene Sprache angeboten wird, obwohl die Seite bereits in dieser Sprache ist, oder dass ihnen keine Übersetzung angeboten wird, obwohl sie eine bräuchten. Suchmaschinen nutzen es außerdem als Signal, um eine Seite den richtigen regionalen oder sprachspezifischen Suchergebnissen zuzuordnen.

Es ist ein kleines, unsichtbares Detail, aber auch eine Ein-Zeilen-Korrektur ohne Nachteil — es gibt keinen Grund, das bei einer live geschalteten Seite auszulassen, in welcher Sprache auch immer sie verfasst ist.

So behebst du es

  1. Bestimme die Hauptsprache des Inhalts deiner Seite.
  2. Füge das lang-Attribut am <html>-Tag hinzu oder korrigiere es, z. B. <html lang="de"> für Deutsch oder <html lang="fr"> für Französisch — verwende einen standardisierten zweibuchstabigen Sprachcode.
  3. Hat deine Website Seiten in mehreren Sprachen, stelle sicher, dass das lang-Attribut jeder Seite zur Sprache dieser konkreten Seite passt, nicht nur zur Hauptsprache deiner Website.
  4. Die meisten Website-Baukästen (Squarespace, Wix, Webflow, WordPress) setzen das automatisch anhand deiner Spracheinstellung — prüfe bei diesen Plattformen lieber die websiteweite Spracheinstellung, statt direkt am Code herumzuschrauben.
  5. Führe deinen Launch-Readiness-Check erneut aus, um zu bestätigen, dass das Attribut jetzt mit dem richtigen Sprachcode erkannt wird.

Prüfe, ob deine eigene Website dieses Problem hat

Launch Readiness scannt deine Website in Sekunden auf dieses und ~50 weitere Probleme vor dem Start — kostenlos, ohne Anmeldung.

Kostenlose Prüfung starten