Where exactly do hreflang tags go?

In the of every language version of a page, as elements. Alternatively, put the same information in an HTTP Link: header or in your XML sitemap.

Do I need a hreflang tag for the page itself?

Yes. Google requires each version to list itself as well as every other version. The set of links is identical on all versions.

Is en-UK a valid hreflang code?

No. UK is a reserved code and has no effect in Google Search. Use en-GB for English in the United Kingdom.

Should I add hreflang in the HTML and the sitemap?

No. Google treats the methods as equivalent and says using more than one brings no Search benefit while making the setup harder to maintain.

How long until Google uses new hreflang tags?

Google has to recrawl the pages involved, so it depends on how often your pages are crawled. Make sure all versions are indexable and linked from your site, and check the translated URLs with URL Inspection in Search Console.

So fügen Sie Hreflang-Tags hinzu (HTML-, Header- und Sitemap-Beispiele)

Fassen Sie diesen Beitrag zusammen mit: 9 Minuten Lesezeit

Um hreflang-Tags hinzuzufügen, listen Sie jede Sprache oder regionale Version einer Seite auf und geben Sie jeder einen Sprachcode (optional mit einer Region, wie z. B en-GB) und fügen Sie dann den gleichen vollständigen Satz ein <link rel="alternate" hreflang="…" href="…"> Linien in der <head> jeder Version, einschließlich einer Zeile für die Seite selbst. Wenn Sie den HTML-Kopf nicht bearbeiten können, können Sie dieselben Informationen stattdessen in HTTP-Header oder in Ihre XML-Sitemap einfügen; Google behandelt alle drei Methoden als gleichwertig.

Wichtige Erkenntnisse

Hreflang geht auf Seiten, die übersetzte oder regionale Äquivalente auf anderen URLs haben. Einsprachige Websites benötigen es nicht.
Verwenden Sie nur eine Methode: HTML-Head, HTTP-Header oder Sitemap. Google sagt, dass ihre Kombination keinen Nutzen bringt.
Jede Version listet sich selbst und jede andere Version auf, mit absoluten https:// URLs. Paare, die nicht wieder miteinander verknüpft sind, werden ignoriert.
Codes sind eine ISO 639-1-Sprache und dann eine optionale ISO 3166-1 Alpha 2-Region: fr, fr-CA, en-GB. Niemals eine Region allein.
Hinzufügen x-default für Besucher, die keiner Ihrer Versionen entsprechen.
Auf WordPress, Shopify und den meisten Übersetzungstools kann hreflang für Sie generiert werden. Überprüfen Sie es einmal und überprüfen Sie es dann erneut, nachdem sich das Design oder das Plugin geändert hat.

Bevor Sie beginnen: Karten Sie Ihre Versionen

Hreflang beschreibt Beziehungen, daher benötigen Sie die vollständige Liste der zugehörigen URLs, bevor Sie ein einzelnes Tag schreiben. Erstellen Sie für jeden Seitentyp eine kleine Tabelle:

Version	Code	URL
Englisch (Standard)	`en`	`https://example.com/pricing/`
Französisch	`fr`	`https://example.com/fr/pricing/`
Französisch für Kanada	`fr-CA`	`https://example.com/fr-ca/pricing/`
Fallback	`x-default`	`https://example.com/pricing/`

Drei Entscheidungen fließen in diese Tabelle ein.

1. Nur Sprache oder Sprache plus Region? Verwenden Sie einen bloßen Sprachcode (fr) es sei denn, der Inhalt unterscheidet sich tatsächlich je nach Land, beispielsweise in Preisen, Währung, Rechtschreibung oder Rechtstext. Googles Empfehlung lautet, dass es bei mehreren regionalen Versionen einer Sprache eine gute Idee ist, auch eine generische Version für Sprecher dieser Sprache an anderen Orten bereitzustellen (Google Search Central). In der obigen Tabelle fr fängt Französischsprachige in Frankreich, Belgien und überall sonst, während fr-CA ist für Kanada.

2. Welche Codes sind gültig? Google unterstützt ISO 639-1-Sprachcodes und ISO 3166-1 Alpha 2-Regionalcodes sowie ISO 15924-Skriptcodes für Fälle wie zh-Hant „ zh-Hans. Darin heißt es, dass andere Codes, wie zum Beispiel es-419, werden nicht unterstützt, und dass reservierte Werte wie EU, UN „ UK haben keine Wirkung. Schreiben Sie für das Vereinigte Königreich en-GB. Unser Liste der Sprachcodes von hreflang hat die gemeinsamen an einem Ort.

3. Was ist der Fallback? x-default Benennt die Seite für Besucher, deren Spracheinstellungen mit keiner Ihrer Versionen übereinstimmen. Google sagt, es sei für Sprachauswahlseiten konzipiert und funktioniere dort am besten, aber viele Websites verweisen darauf auf ihre Hauptsprachenseite.

Bestätigen Sie außerdem, dass jede URL die endgültige Adresse ist: Sie gibt 200 zurück, wird nicht umgeleitet und ist ihre eigene kanonische Adresse. In der kanonischen Dokumentation von Google heißt es, dass Sie bei der Verwendung von hreflang eine kanonische Seite in derselben Sprache angeben sollten (Google Search Central).

Methode 1: hreflang-Tags zum HTML-Kopf hinzufügen

Dies ist die Methode, die die meisten Websites verwenden. Google empfiehlt es, wenn Sie keine Sitemap haben oder keine HTTP-Antwortheader festlegen können.

Für die Preisseite in der Tabelle erhält jede der drei Versionen genau diesen Block <head>:

<link rel="alternate" hreflang="en" href="https://example.com/pricing/" />
<link rel="alternate" hreflang="fr" href="https://example.com/fr/pricing/" />
<link rel="alternate" hreflang="fr-CA" href="https://example.com/fr-ca/pricing/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/pricing/" />

Schritt für Schritt:

Öffnen Sie die Vorlage, die ausgibt <head> für diesen Seitentyp (in WordPress normalerweise das Theme header.php oder ein Hook; auf einer statischen Site die Layoutdatei).
Generieren Sie den Block aus Daten, nicht von Hand. Handgetippte Tags auf Hunderten von Seiten geraten aus dem Takt. Erstellen Sie die Liste aus derselben Quelle, aus der auch die URLs Ihrer Sprache erstellt werden.
Fügen Sie die aktuelle Seite in eine eigene Liste ein. Google: “Jede Sprachversion muss sich selbst sowie alle anderen Sprachversionen auflisten.”
Verwenden Sie absolute URLs. https://example.com/fr/pricing/, nicht /fr/pricing/ oder //example.com/fr/pricing/.
Behalten Sie jedes <link> Einzweck. Google warnt davor, hreflang mit anderen Attributen zu kombinieren, wie zum Beispiel media in einem Tag.
Überprüfen Sie, ob der Kopf wohlgeformt ist. Die Tags müssen sich innerhalb eines gültigen befinden <head>. Wenn ein Skript oder ein verirrtes Element den Kopf vorzeitig bricht, sieht Google sie möglicherweise nicht. Fügen Sie Ihr gerendertes HTML in einen Validator ein, wenn Sie sich nicht sicher sind.

Methode 2: hreflang mit HTTP-Headern hinzufügen

Verwenden Sie Header für Dateien, die keinen HTML-Kopf haben, wie z. B. PDFs. Der Server gibt a zurück Link: Header, der jede Version auflistet, einschließlich der angeforderten, und der Header ist für jede Version identisch:

Link: <https://example.com/guide.pdf>; rel="alternate"; hreflang="en",
      <https://example.com/fr/guide.pdf>; rel="alternate"; hreflang="fr",
      <https://example.com/guide.pdf>; rel="alternate"; hreflang="x-default"

URLs stehen in spitzen Klammern und Einträge sind durch Kommas getrennt. Auf Apache oder Nginx legen Sie dies pro Datei oder pro Speicherort fest; auf einem CDN mit einer Antwortheaderregel. Testen Sie es mit curl -I auf jeder URL, um zu bestätigen, dass der Header auf allen erscheint.

Methode 3: Fügen Sie hreflang zu Ihrer XML-Sitemap hinzu

Eine Sitemap speichert alle Anmerkungen in einer Datei, was für große Websites oder Teams geeignet ist, die keine Vorlagen ändern können. Die Regeln aus der Google-Dokumentation:

Deklarieren Sie den Namespace xmlns:xhtml="http://www.w3.org/1999/xhtml" - <urlset>.
Erstellen Sie ein separates <url> Eintrag für jede Version, mit eigenem <loc>.
Fügen Sie in jedem Eintrag einen hinzu <xhtml:link rel="alternate" hreflang="…" href="…"/> für jede Version, auch für sich selbst. Drei Versionen bedeuten drei Einträge mit jeweils denselben drei Kindern.
Die Reihenfolge spielt keine Rolle und die untergeordneten Links zählen nicht zum URL-Limit der Sitemap.

<?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>https://example.com/pricing/</loc>
    <xhtml:link rel="alternate" hreflang="en" href="https://example.com/pricing/"/>
    <xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/pricing/"/>
    <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/pricing/"/>
  </url>
  <url>
    <loc>https://example.com/fr/pricing/</loc>
    <xhtml:link rel="alternate" hreflang="en" href="https://example.com/pricing/"/>
    <xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/pricing/"/>
    <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/pricing/"/>
  </url>
</urlset>

Senden Sie die Sitemap in der Search Console. Bedenken Sie, dass eine Sitemap nur URLs unter dem Verzeichnis auflisten kann, in dem sie gehostet wird. Eine Sitemap in /fr/ Englische Seiten können nicht an der Wurzel aufgelistet werden.

Welche Methode sollten Sie wählen?

Wenn Ihre Situation … ist	Verwenden
Ein CMS oder eine Site, auf der Sie (oder ein Plugin) den Kopf steuern	HTML-Tags
PDFs und andere Downloads in mehreren Sprachen	HTTP-Header
Tausende URLs oder Vorlagen, die Sie nicht ändern können	Sitemap
Eine Plattform oder ein Übersetzungstool, das hreflang generiert	Seine integrierte Ausgabe; fügen Sie keinen zweiten Satz hinzu

Google vertritt die Auffassung, dass die drei Methoden gleichwertig sind und dass die Verwendung aller Methoden “keinen Nutzen bei der Suche” bringt, sondern nur mehr zu pflegen (Google Search Central).

Hinzufügen von hreflang auf gängigen Plattformen

WordPress. WordPress selbst hat keine mehrsprachige Ebene, daher stammt hreflang von dem, was Ihre übersetzten Seiten erstellt. Überprüfen Sie die Einstellungen Ihres Übersetzungs-Plugins, bevor Sie Code schreiben, und stellen Sie sicher, dass Ihr SEO-Plugin nicht auch einen widersprüchlichen Satz ausgibt. Wenn Sie ConveyThis verwenden, siehe den Abschnitt unten.

Shopify. Shopify generiert automatisch hreflang aus Ihren Märkten und Spracheinstellungen, wenn jeder Markt oder jede Sprache ihre eigene Domäne, Subdomäne oder einen eigenen Unterordner hat, und fügt eine hinzu x-default zeigt auf die primäre Domäne. Die Funktion ist standardmäßig aktiviert und kann in den Online Store-Einstellungen deaktiviert werden (Shopify Hilfecenter). Wenn Sie es deaktivieren, um Tags selbst zu verwalten, sind Sie dafür verantwortlich, dass jeder Satz vollständig bleibt.

Statische Websites und benutzerdefinierte Apps. Generieren Sie den Block in Ihrem Layout aus einer einzigen Sprachkarte (einer JSON- oder Konfigurationsdatei, in der jedes Gebietsschema und sein URL-Muster aufgeführt sind). Erstellen Sie die Sitemap aus derselben Karte, damit die beiden nie unterschiedlicher Meinung sind.

Eine Checkliste, bevor Sie veröffentlichen

Auf jeder Version der Seite erscheint derselbe Satz von Tags.
Jede Version enthält sich selbst.
Jede URL ist absolut, gibt 200 zurück und ist selbstkanonisch.
Codes sind zuerst Sprache; Regionen sind echte ISO-Codes (GB, nicht UK).
Es gibt einen x-default.
Es wird nur eine Methode verwendet.
Der sichtbare Inhalt der Seite ist tatsächlich in der Sprache, die das Tag beansprucht. Google erkennt Sprache anhand des sichtbaren Inhalts, nicht anhand des Codes (Google Search Central), sodass sich eine “französische” Seite, die größtenteils englisch ist, nicht wie eine französische Seite verhält.

Weil der International Targeting-Bericht der Search Console im Jahr 2022 eingestellt wurde (Hilfe zur Suchkonsole), überprüfen Sie mit einem Crawler, der hreflang folgt und fehlende Rücklinks meldet. Auf der eigenen Seite von Google werden das hreflang-Testtool von Merkle und der Generator von Aleyda Solis als beliebte Optionen von Drittanbietern erwähnt, die es nicht pflegt. Wenn ein Tool sagt, dass es überhaupt nichts gefunden hat, arbeiten Sie es durch unser Leitfaden zur Warnung “keine hreflang-Tags”.

Wie ConveyThis hreflang für Sie hinzufügt

Wenn Sie eine Site mit ConveyThis übersetzen und jede Sprache in einem eigenen Unterordner veröffentlichen (/fr/) oder Subdomäne (fr.example.com), hreflang wird automatisch generiert. Auf WordPress druckt das Plugin die alternativen Links im Kopf jeder Seite, einen pro Sprache plus einen x-default zeigt auf Ihre Seite in der Originalsprache und fügt die Sprachalternativen in die Sitemap ein. Die Tags basieren auf derselben Sprachliste und denselben URL-Regeln wie die übersetzten Seiten. Durch das Hinzufügen einer Sprache wird der gesamte Satz auf einmal aktualisiert.

Damit müssen Sie zwei Dinge überprüfen: dass Ihr Cache- oder Optimierungs-Plugin den Kopf intakt bedient und dass kein anderes Plugin eine kanonische, auf übersetzte Seiten verweisende Seite auf das Original zurücksetzt. Die Mehrsprachige SEO-Übersicht zeigt, wie übersetzte URLs, Metadaten und hreflang zusammenarbeiten, Anpassen übersetzter URLs erklärt, wie man Schnecken lokalisiert, und die WordPress-Integration Die Seite behandelt das Plugin-Setup. Für jeden Sonderfall, von regionalen Varianten bis zur Paginierung, siehe die Vollständiger Leitfaden zur Hreflang-Implementierung.

Häufig gestellte Fragen

Wohin genau gehen hreflang-Tags?

Im <head> jeder Sprachversion einer Seite, als <link rel="alternate" hreflang="code" href="absolute-url"> Elemente. Alternativ können Sie dieselben Informationen in ein HTTP einfügen Link: Header oder in Ihrer XML-Sitemap.

Benötige ich ein hreflang-Tag für die Seite selbst?

Ja. Google verlangt, dass jede Version sich selbst sowie jede andere Version auflistet. Der Linksatz ist bei allen Versionen identisch.

Ist en-UK ein gültiger hreflang-Code?

Nein. UK ist ein reservierter Code und hat keine Auswirkungen auf die Google-Suche. Verwenden Sie en-GB für Englisch im Vereinigten Königreich.

Soll ich hreflang in das HTML und die Sitemap einfügen?

Nein. Google behandelt die Methoden als gleichwertig und gibt an, dass die Verwendung von mehr als einer Methode keinen Suchvorteil bringt und gleichzeitig die Wartung des Setups erschwert.

Wie lange dauert es, bis Google neue hreflang-Tags verwendet?

Google muss die betreffenden Seiten neu crawlen, es hängt also davon ab, wie oft Ihre Seiten gecrawlt werden. Stellen Sie sicher, dass alle Versionen von Ihrer Site aus indexierbar und verlinkt sind, und überprüfen Sie die übersetzten URLs mit der URL-Prüfung in der Search Console.

Überspringen Sie die manuelle Arbeit

Es ist einfacher, hreflang auf jeder Seite und Sprache vollständig zu halten, wenn dasselbe System die übersetzten URLs und Tags erstellt. Du kannst Beginnen Sie mit ConveyThis und verbinden Sie Ihre Site.