Hreflang & HTML-Lang: internationales SEO
Wenn deine Website Nutzer in mehreren Sprachen oder Regionen bedient, ist internationales SEO entscheidend. Ohne korrekte Sprachdeklarationen könnten Suchmaschinen die falsche Version deiner Seite den falschen Nutzern anzeigen oder ähnliche Sprachfassungen als Duplikate zusammenfassen und nur eine davon ranken. Eine Strafe gibt es dafür nicht – siehe Duplicate Content. Dieser Leitfaden behandelt die zwei wichtigsten Werkzeuge: das HTML-Lang-Attribut und hreflang-Tags.
1. Das HTML-Lang-Attribut
Das lang-Attribut ist ein simples HTML-Element, das Webbrowsern, Screenreadern und
Suchmaschinen die Hauptsprache des Dokuments mitteilt. Es muss im öffnenden
<html>-Tag ganz oben in deinem Quellcode platziert werden.
<!DOCTYPE html>
<html lang="de">
<head>
<!-- Seitenkopf -->
</head>
...Warum es wichtig ist: Während sich Google beim Ranking multiregionaler Seiten stärker auf
hreflang stützt, verlassen sich Bing und andere Suchmaschinen stark auf das HTML-lang-Attribut.
Darüber hinaus ist es absolut essenziell für die Barrierefreiheit (WCAG-Konformität), damit Screenreader wissen,
welche Ausspracheregeln sie verwenden müssen.
2. Was sind Hreflang-Tags?
Das 2011 von Google eingeführte hreflang-Attribut teilt Suchmaschinen mit, in welcher Beziehung
Webseiten in alternativen Sprachen zueinander stehen. Es erlaubt dir zu sagen: "Hey Google, das ist
meine englische Seite, aber wenn der Nutzer aus Deutschland sucht, zeig ihm bitte stattdessen diese
deutsche URL."
Hreflang löst zwei große Probleme:
- Targeting: Es stellt sicher, dass die korrekte sprach- oder regionsspezifische URL in den Suchergebnissen ausgeliefert wird.
- Duplicate Content: Wenn du eine englische Seite für die USA (
/en-us/) und eine identische englische Seite für Großbritannien (/en-gb/) hast, verhindert hreflang, dass Google sie als konkurrierenden Duplicate Content betrachtet.
3. Hreflang-Syntax & Code-Beispiele
Hreflang-Tags werden typischerweise im <head> deines HTML-Dokuments platziert. Das Attribut
verlangt ein bestimmtes Format: einen zweibuchstabigen Sprachcode (ISO 639-1), optional gefolgt von einem
zweibuchstabigen Ländercode (ISO 3166-1 Alpha 2).
Beispiel: Eine Website mit einer englischen und einer spanischen Seite.
<head>
<title>Mein globaler Store</title>
<link rel="alternate" hreflang="en" href="https://www.example.com/en/page/" />
<link rel="alternate" hreflang="es" href="https://www.example.com/es/page/" />
</head>Beispiel (Sprache + Region): Eine Website, die Englischsprachige in den USA gegenüber Englischsprachigen in Großbritannien anspricht.
<head>
<title>Mein regionaler Store</title>
<link rel="alternate" hreflang="en-us" href="https://www.example.com/us/page/" />
<link rel="alternate" hreflang="en-gb" href="https://www.example.com/uk/page/" />
</head>Wichtige Regel: Der Sprachcode kommt IMMER zuerst. Du kannst eine Sprache ohne Region
angeben (z. B. es), aber du kannst nicht eine Region ohne Sprache angeben
(z. B. ist mx ungültig, es muss es-mx heißen).
4. Das x-default-Attribut
Was passiert, wenn ein Nutzer aus Frankreich sucht, du aber nur eine englische und eine spanische Version deiner
Seite hast? Du verwendest das x-default-Tag. Es teilt Google mit, welche Seite die Standard-
Fallback-Seite für nicht zugeordnete Sprachen und Regionen ist.
<link rel="alternate" hreflang="x-default" href="https://www.example.com/en/page/" />5. Entscheidende Regeln & Best Practices
- Bidirektionale Rücklinks: Das ist die goldene Regel von hreflang. Wenn Seite A per hreflang auf Seite B verlinkt, muss Seite B zurück auf Seite A verlinken. Fehlt der Rücklink, wird die Annotation als unbestätigt behandelt und möglicherweise nicht berücksichtigt.
- Selbstreferenzierende Tags: Jede Seite muss ein hreflang-Tag enthalten, das auf sich selbst verweist. Wenn deine US-Seite die UK- und AU-Versionen auflistet, muss sie auch die US-Version auflisten.
- Absolute URLs: Verwende immer vollständige, absolute URLs (inklusive
https://), keine relativen Pfade. - Canonical-Konsistenz: Hreflang-Tags sollten nur auf Canonical-URLs verweisen. Verweise ein
hreflang-Tag nicht auf eine Seite, die ein
noindex-Tag hat oder auf eine andere URL kanonisiert.
Profi-Tipp: Internationales SEO lässt sich unglaublich leicht vermasseln. Rank-O-Saur scannt deine hreflang-Tags automatisch, prüft auf gültige Länder-/Sprachcodes und verifiziert, dass die Rücklink-Tags über alle Sprachversionen hinweg korrekt implementiert sind.
6. Häufige Fehler, die du vermeiden solltest
- Falsche Ländercodes: Der Code für Großbritannien ist
gb(Great Britain), nichtuk.en-ukzu verwenden ist ein sehr häufiger Fehler und wird von Google ignoriert. - Regionen statt Sprachen verwenden: Der Versuch, Europa mit
en-euanzusprechen. Europa ist kein von ISO 3166-1 Alpha 2 anerkannter Ländercode. Du musst einzelne Länder innerhalb Europas ansprechen. - Interpunktionsfehler: Einen Unterstrich (
en_US) statt eines Bindestrichs (en-us) zu verwenden. Der Bindestrich ist für die hreflang-Validierung zwingend erforderlich.
7. Kurzreferenz: Umsetzungswege
Google behandelt alle drei Wege als gleichwertig. Entscheide dich für genau einen und setze ihn konsequent um - Angaben an zwei Stellen zu pflegen erzeugt am schnellsten Widersprüche.
| Weg | Geeignet für | Einschränkung |
|---|---|---|
| link-Elemente im head | Kleine und mittlere Websites | Der head wächst mit jeder weiteren Sprachversion |
| XML-Sitemap | Große Websites und viele Sprachversionen | Im Quelltext nicht sichtbar, Stichproben werden dadurch aufwendiger |
| HTTP-Header | Nicht-HTML-Dateien wie PDFs | Dort der einzige Weg, erfordert aber Serverkonfiguration |
8. Häufig gestellte Fragen
Müssen hreflang-Angaben wechselseitig sein?
Ja. Verweist Seite A auf Seite B, muss B auf A zurückverweisen. Fehlende Rückverweise sind der mit Abstand häufigste hreflang-Fehler, und Google ignoriert Angaben, die nicht von beiden Seiten bestätigt werden.
Wie greifen hreflang und Canonical ineinander?
Jede Sprachversion muss auf sich selbst kanonisieren. Zeigt das Canonical der deutschen Version auf die englische URL, hebt das die hreflang-Beziehung auf und nimmt die deutsche Seite aus dem Index. Richtig ist: selbstreferenzierendes Canonical plus wechselseitiges hreflang.
Ist der Wert x-default Pflicht?
Nein, er ist optional. Empfehlenswert ist er immer dann, wenn es eine Sprachauswahl oder eine Fallback-Seite für Besucher gibt, deren Sprache und Region du nicht ausdrücklich abdeckst – er sagt Google, welche Version in allen übrigen Fällen erscheinen soll.
Gehört hreflang ins HTML, in die Sitemap oder in den HTTP-Header?
Alle drei Wege funktionieren und werden gleichwertig behandelt. Entscheide dich für einen und setze ihn konsequent um – Angaben an zwei Stellen zu pflegen führt am schnellsten zu widersprüchlichen Signalen. Für Nicht-HTML-Dateien bleibt nur der HTTP-Header.
Weiterlesen
