Hreflang: Was es ist und wie du es implementierst

David Kaufmann

16. September 2019

SEO Tutorials

6 min read

Wir dominieren mit unserem Produkt oder unserer Dienstleistung einen Markt und bereiten uns darauf vor, ihn international auszuweiten. Der Prozess scheint einfach, doch wir müssen auf eine Reihe von Details achten, wenn wir es richtig machen und die gewünschten Ergebnisse erzielen wollen. In diesem Leitfaden siehst du, wie du Hreflang-Tags für deine International-SEO-Strategie implementierst.

Was sind Hreflang-Tags?

Hreflang-Tags sind Codeschnipsel, die im Header der Seiten erscheinen und deren Zweck es ist, Google die Versionen unserer Seiten in anderen Sprachen mitzuteilen.

Es scheint offensichtlich, aber es gibt viele Fälle, in denen Unternehmen ihre Inhalte übersetzen, dann aber vergessen, die Hreflang-Tags hinzuzufügen, und dann treten typischerweise zwei Szenarien auf:

Im besten Fall crawlt Google die Inhalte nicht.
Im schlimmsten Fall crawlt Google sie und stellt fest, dass es sich um Duplicate Content handelt — die Inhalte werden nicht in den Suchergebnissen angezeigt und die gesamte „Autorität" der Website nimmt ab.

In Googles Worten:

„Lokalisierte Versionen einer Seite gelten nur dann als Duplikate, wenn ihr Hauptinhalt nicht übersetzt ist."

Wege zur Implementierung

Wie Google in seinen offiziellen Leitfäden mitteilt, gibt es derzeit drei Möglichkeiten, Tags zu implementieren, die anzeigen, dass eine Seite alternative Versionen in anderen Sprachen hat:

HTML-Tags (Empfohlen)

Eine der gebräuchlichsten Methoden, anzuzeigen, dass eine Seite Pendants in anderen Sprachen hat, sind HTML-Tags im Header:

<link rel="alternate" hreflang="sprachcode" href="seiten_url" />

Stellen wir uns vor, wir haben eine Hauptwebsite (auf Englisch), die auch in anderen Ländern und Sprachen verfügbar ist (UK, USA und Deutschland). In diesem Fall sollten wir folgenden Code im Header jeder Seite hinzufügen:

<head> <title>Widgets, Inc</title> <link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" /> <link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" /> <link rel="alternate" hreflang="en" href="http://en.example.com/page.html" /> <link rel="alternate" hreflang="de" href="http://de.example.com/page.html" /> <link rel="alternate" hreflang="x-default" href="http://www.example.com/" /> </head>

So sagen wir den Suchmaschinen, dass die anderen Seiten keine Duplikate sind, sondern die Übersetzungen der Website in andere Sprachen.

HTTP-Header

Wenn wir die Sprachversionen von Dokumenten und anderen Dateien angeben wollen, die kein HTML sind, stehen uns HTTP-Header zur Verfügung:

Im folgenden Fall handelt es sich um ein PDF-Dokument, das auf Englisch, auf Deutsch für Nutzer in der Schweiz und auf Deutsch für alle deutschsprachigen Nutzer verfügbar ist.

Link:

<http://example.com/file.pdf>; rel="alternate"; hreflang="en", <http://de-ch.example.com/file.pdf>; rel="alternate"; hreflang="de-ch", <http://de.example.com/file.pdf>; rel="alternate"; hreflang="de"

Sitemap

Eine weitere Möglichkeit, die viele Websites im Laufe der Zeit genutzt haben, besteht darin, internationale Versionen über die Sitemap anzugeben. Es ist zu beachten, dass diese Methode technisch deutlich komplexer und fehleranfälliger ist, da es sehr leicht passiert, einige Seiten auszulassen.

Beispiel einer Sitemap mit einer Seite:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>http://www.example.com/english/page.html</loc> <xhtml:link rel="alternate" hreflang="de" href="http://www.example.com/deutsch/page.html"/> <xhtml:link rel="alternate" hreflang="de-ch" href="http://www.example.com/schweiz-deutsch/page.html"/> <xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/english/page.html"/> </url>

TOOL: Diese Chrome-Erweiterung ermöglicht es uns, die Implementierungen zu validieren. Vergiss trotzdem nicht, sie manuell im Code zu prüfen, um sie zu 100 % zu verifizieren.

Sprach- und Regionscodes

Nachdem wir das Thema der internationalen Datenauszeichnung betrachtet haben, kommen wir zu einem der interessantesten Themen im International-SEO-Prozess: den Sprach- und Regionscodes. Bis vor kurzem gab es zu diesem Thema kaum Informationen, und es war keineswegs einfach, Fehler bei der Auszeichnung von Sprachen und Ländern zu vermeiden.

Jedes Land und jede Sprache ist eine Welt für sich. Sie alle haben ihre Unterschiede, Besonderheiten, Kulturen, Werte... und deshalb passen sich viele Unternehmen an, um Inhalte möglichst nativ anzubieten. Ein klares Beispiel ist das in Spanien gesprochene Spanisch im Vergleich zu dem in Mexiko gesprochenen. Trotz vieler gemeinsamer Ausdrücke gibt es andere, die völlig verschieden sind, und Nutzer aus jedem Land bevorzugen die Version, die ihnen am vertrautesten ist.

Google bietet die Möglichkeit, Sprach- und Regionscodes in den Hreflang-Tags hinzuzufügen.

Zum Beispiel:

de: Diese Inhalte sind für Nutzer gedacht, die Deutsch sprechen, unabhängig von ihrer Region.
es-MX: Diese Inhalte sind für Nutzer gedacht, die Spanisch sprechen und außerdem aus Mexiko kommen.
en-GB: Diese Inhalte sind für englischsprachige Nutzer im Vereinigten Königreich gedacht.

Was passiert, wenn wir nicht alle Länder markieren, in denen eine Sprache gesprochen werden kann?

Logischerweise ist es unmöglich, alle hinzuzufügen. Deshalb haben wir das Tag hreflang="x-default", mit dem wir dem Nutzer diese Version ausliefern können, wenn seine Browserkonfiguration mit keiner der von uns angegebenen Sprachen oder Regionen übereinstimmt.

<link rel="alternate" href="http://example.com/" hreflang="x-default" />

Häufige Fehler

Klingt einfach, oder? Das einzig Wichtige ist, dass Google bei der Implementierung sehr genau ist. Wenn wir einen Buchstaben falsch schreiben oder einen Link weglassen, gibt es einen Fehler zurück und akzeptiert unsere Auszeichnung nicht. Im Folgenden siehst du einige der häufigsten Fehler (und einige aus unserer eigenen Erfahrung):

Reziproke Links vergessen

Wenn unsere Seite A einen Hreflang-Link zu Seite B hat, letztere aber keinen Hreflang-Link zurück zu Seite A liefert, wird Google die Verbindung nicht herstellen und diese Seiten weiterhin als Duplikate erkennen.

Regions- oder Ländercodes ändern

Während wir bei URLs Flexibilität haben und beliebige Codes verwenden können, etwa „uk", „gb" oder andere Varianten für das Vereinigte Königreich, ist das bei Hreflang-Tags nicht der Fall. Wenn wir „uk" anstelle des korrekten „en-GB" verwenden, kann Google die Information nicht interpretieren und wird die Implementierung nicht validieren.

Um in diesem Fall sicherzustellen, dass wir immer korrekte Formate verwenden, müssen wir folgenden Formaten folgen:

ISO 639-1
ISO 3166-1 Alpha 2 (optional)

Hreflang-Tags einer Website analysieren

Bis vor wenigen Wochen zeigte Google Search Console einen detaillierten Bericht über die Validierungen und Fehler unserer Hreflang-Implementierung. Mit der Einführung der neuen Oberfläche wird diese Funktionalität jedoch obsolet und wird bald nicht mehr verfügbar sein.

Auch wenn es Dutzende SEO-Tools im Netz gibt, um an diesem Thema zu arbeiten, ist aus unserer Sicht das Tool Nr. 1, mit dem dieser Prozess schnell und einfach zu analysieren ist, zweifellos Screaming Frog. Es zeigt uns nicht nur alle URLs, die mit Markup erkannt wurden, sondern klassifiziert sie auch bei Fehlern und teilt uns genau mit, welche Art von Fehler vorliegt, damit wir ihn validieren können.

Erfolgsgeschichten

Obwohl die meisten SEO-Maßnahmen einige Zeit benötigen, bevor sie erste Ergebnisse zeigen, gehören Hreflang-Tags sicherlich zu den Quick Wins, die wir in geeigneten Projekten so schnell wie möglich umsetzen sollten. Eine der klarsten SEO-Erfolgsgeschichten dazu war ChessKid.com, einer unserer Kunden, der seine Website in fast 20 Sprachen übersetzt hatte. Das Problem? Hreflangs waren nicht implementiert, und der Sprachwechsel war hinter einem Login versteckt, sodass die internationalen Versionen völlig unzugänglich waren.

Was haben wir getan?

Ein Dropdown mit den Sprachen im Footer erstellt.
Hreflang-Tags zu allen Seiten hinzugefügt, die sie benötigten.

Die Ergebnisse?

Hast du Fragen? Möchtest du, dass wir dir helfen, Hreflang-Tags in deinem Unternehmen zu implementieren? Wir helfen dir gern!

Quellen

Autor: David Kaufmann

In den letzten über 10 Jahren habe ich mich komplett dem SEO verschrieben — und ehrlich gesagt möchte ich es nicht anders haben.

Meine Karriere erreichte eine neue Stufe, als ich als Senior SEO Specialist für Chess.com gearbeitet habe — eine der 100 meistbesuchten Websites im gesamten Internet. In dieser Größenordnung zu arbeiten, über Millionen von Seiten, Dutzende Sprachen und in einer der umkämpftesten SERPs überhaupt, hat mich Dinge gelehrt, die kein Kurs und kein Zertifikat je vermitteln könnte. Diese Erfahrung hat meine Sichtweise darauf verändert, wie großartiges SEO wirklich aussieht — und sie wurde zum Fundament für alles, was ich seitdem aufgebaut habe.

Aus dieser Erfahrung heraus habe ich SEO Alive gegründet — eine Agentur für Marken, die es mit organischem Wachstum ernst meinen. Wir sind nicht hier, um dashboards und monatliche Reports zu verkaufen. Wir sind hier, um Strategien zu entwickeln, die wirklich etwas bewegen, indem wir das Beste aus dem klassischen SEO mit der spannenden neuen Welt der Generative Engine Optimization (GEO) verbinden — damit deine Marke nicht nur in den blauen Links von Google auftaucht, sondern auch in den AI-generierten Antworten, die ChatGPT, Perplexity und Google AI Overviews tagtäglich Millionen von Menschen liefern.

Und weil ich kein Tool finden konnte, das beide Welten richtig abdeckt, habe ich selbst eines gebaut — SEOcrawl, eine Enterprise-SEO-Intelligence-Plattform, die rankings, technische Audits, backlinks-Monitoring, crawl-Health und AI-Brand-Visibility-Tracking an einem Ort vereint. Es ist die Plattform, die ich mir immer gewünscht habe.

→ Alle Artikel von David lesen