Was ist Ihre Herausforderung?

Sprechen Sie direkt mit einem Experten unter +41 435 087 449

Ich will News!

    Kontakt
    Viele sehr ähnliche Schafe auf einer Wiese
    SEO

    Hreflang Tag – das Must-Have bei internationalen Webseiten

    Kostenloser SEO-Check!
    Home Blog
    WEVENTURE 04/03/20

    Wann sollte man das Hreflang Tag benutzen?
    Du hast Probleme mit Duplicate Content, weil die Inhalte deiner deutschen, schweizer und österreichischen Seiten oft identisch sind? Hier hilft das Hreflang Tag. Wir erklären dir, was dieses Tag kann, wie es eingebaut wird und welche Vorteile das Hreflang Tag mit sich bringt.  


    Wenn du eine multilinguale und/oder multiregionale Website betreibst, solltest du das Hreflang Tag benutzen. Es hilft dir in zweierlei Hinsicht:

    • Es vermeidet Duplicate Content.
    • Es zeigt Google an, welche Version zu welcher Sprache und zu welchem Land gehört.


    Du hast wahrscheinlich den gleichen Content in verschiedene Sprachen übersetzt oder sogar denselben Content für deine deutsche, österreichische und Schweizer Website-Version. Hier musst du dich besonders vor Duplicate Content in Acht nehmen und ganz genau auszeichnen, welche Version für welche Region relevant ist.

    Was ist ein Hreflang Tag?

    Besagtes Tag zeichnet verschiedene Versionen einer bestimmten Webpage aus. Das Tag sollte auf jeder relevanten Unterseite eingesetzt werden. Wenn du beispielsweise eine Produktdetailseite hast, die es in drei Versionen für jeweils Deutschland, Österreich und Schweiz gibt, lohnt es sich, alle drei auszuzeichnen. Damit zeigst du Google, welche Seite in welcher Region relevant ist, und rankst bestenfalls mit der richtigen Version (inklusive korrekter Währung und Lieferzeit) in allen drei Ländern.

    Auch bei Mehrsprachigkeit lohnt sich diese Auszeichnung, vor allem, wenn deine Seite eins zu eins übersetzt worden ist.

    In unserem deutschsprachigen Beispiel sähe das Tag so aus:

    <link rel=”alternate” hreflang=”de-de”
    href=”https://beispiel.com/de/produkt-1” />
    <link rel=”alternate” hreflang=”de-at”
    href=”https://beispiel.com/at/produkt-1” />
    <link rel=”alternate” hreflang=”de-ch”
    href=”https://beispiel.com/ch/produkt-1” />

    Dabei stehen die Kürzel im Hreflang für die Sprache und die Region, in unserem Beispiel also:

    • de-de: deutscher Inhalt für Nutzer aus Deutschland
    • de-at: deutscher Inhalt für Nutzer aus Österreich
    • de-ch: deutscher Inhalt für Nutzer aus der Schweiz


    Wichtig dabei ist, dass das Hreflang Tag auch selbstreferenzierend sein muss. Also auf der Seite beispiel.com/de/produkt-1 muss ebendiese URL für Nutzer aus Deutschland (de-de) auch angegeben werden.

    Hreflang vs Canonical

    Wenn das Hreflang Tag Duplicate Content vermeiden soll, warum dann nicht gleich mit Canonicals arbeiten? 
    Wenn du weiterhin mit allen drei Beispielseiten im Index sein und ranken möchtest, dann funktioniert die Canonical-Lösung leider nicht. Mit einem Canonical zeigst du Google an, dass eine Seite nur ein Duplikat einer anderen Seite ist. Daher wird nur das Original ranken. In unserem Fall also eher suboptimal, da wir weiterhin mit der Schweizer Seite in der Schweiz, mit der deutschen Seite in Deutschland und mit der österreichischen Seite in Österreich ranken möchten.

    Wie erstelle ich das Hreflang Tag richtig?

    Es gibt diverse Generatoren online. Du kannst die Tags natürlich auch nach dem obigen Beispiel selbst erstellen und eine Ländercode-Liste zur Hilfe nehmen. Dafür gibt es Hreflang Checks, mit denen du deinen Code überprüfen kannst.

    Hreflang x-default
    Natürlich wäre es schwierig und unnötig, alle Länder und Sprachen dieser Welt per Hreflang Tag abzudecken. Für alle Fälle, die nicht abgedeckt sind, ist das x-default zuständig. In unserem Beispiel würde das so aussehen:

    <link rel=”alternate” hreflang=”x-default
    href=”https://beispiel.com/de/produkt-1/” >

    Hier werden also alle Besucher, die nicht in Deutschland, Österreich oder der Schweiz lokalisiert werden können, auf die deutsche Seite (de) verwiesen.

    Wo wird das Tag eingebaut?

    Es gibt drei Möglichkeiten, das Tag einzubauen:

    1. HTML Link-Element in der Kopfzeile
    Bei dieser Variante werden die Tags in die Kopfzeile jeder einzelnen Unterseite eingebaut wie oben im Beispiel gezeigt:

    <link rel=”alternate” hreflang=”de-de”
    href=”https://beispiel.com/de/produkt-1” />
    <link rel=”alternate” hreflang=”de-at”
    href=”https://beispiel.com/at/produkt-1” />
    <link rel=”alternate” hreflang=”de-ch”
    href=”https://beispiel.com/ch/produkt-1” />

    2. Hreflang in xml-Sitemap

    Diese Variante ist eine gute Wahl für Websites, die eine Vielzahl an regionalen Versionen einer Webseite haben. Die Tags auf jeder einzelnen Unterseite einzusetzen wäre eine monumentale Aufgabe und sehr viel Code. In der Sitemap wird stattdessen für jede URL ein Element mit einem loc-Tag und xhtml:links erstellt:

    <?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://beispiel.com/de/produkt-1/</loc>
    <xhtml:link rel=”alternate” hreflang=”de-ch”
    href=”https://beispiel.com/ch/produkt-1″ />
    <xhtml:link rel=”alternate” hreflang=”de-at”
    href=”https://beispiel.com/at/produkt-1″ />
    <xhtml:link rel=”alternate” hreflang=”de-de”
    href=”https://beispiel.com/de/produkt-1″” />
    </url>

    <url>
    <loc>https://beispiel.com/de/produkt-2/</loc>
    <xhtml:link rel=”alternate” hreflang=”de-ch”
    href=”https://beispiel.com/ch/produkt-2″ />
    <xhtml:link rel=”alternate” hreflang=”de-at”
    href=”https://beispiel.com/at/produkt-2″ />
    <xhtml:link rel=”alternate” hreflang=”de-de”
    href=”https://beispiel.com/de/produkt-2″” />
    </url>

    3. Hreflang im HTTP-Header

    Diese Form der Auszeichnung ist vor allem für Dokumente geeignet, die nicht in HTML-Form vorliegen, beispielsweise PDFs:
    Link: <https://beispiel.com/de/whitepaper.pdf/>; rel=”alternate”; hreflang=”de-de”
    Link: <https://beispiel.com/ch/whitepape.pdf/>; rel=”alternate”; hreflang=”de-ch”
    Link: <https://beispiel.com/at/whitepaper.pdf/>; rel=”alternate”; hreflang=”de-at”

    Häufige Fehler

    Ein am Boden
    • Selbstreferenz
      Das selbstreferenzierende Hreflang Tag wird nicht eingesetzt. Es werden also lediglich die anderen Sprachversionen angegeben, aber nicht diejenige, die gerade angesehen wird. 
      Beispiel:
      Auf der Seite für Nutzer aus Deutschland werden lediglich folgende Hreflang Tags angegeben:

      Zielseite: https://beispiel.com/de/produkt-1

      <link rel=”alternate” hreflang=”de-at”
      href=”https://beispiel.com/at/produkt-1” />
      <link rel=”alternate” hreflang=”de-ch”
      href=”https://beispiel.com/ch/produkt-1” />

      Dabei wird das selbstreferenzierende Tag vergessen:

      <link rel=”alternate” hreflang=”de-de”
      href=”https://beispiel.com/de/produkt-1” />

      Hier müssen immer alle Tags angegeben werden!

    • Relative URLs
      Statt der gesamten URL werden nur relative URLs angegeben. Beispiel:

      Zielseite:  https://beispiel.com/de/produkt-1

      <link rel=”alternate” hreflang=”de-at”
      href=”/at/produkt-1” />
      <link rel=”alternate” hreflang=”de-ch”
      href=”/ch/produkt-1” />
      <link rel=”alternate” hreflang=”de-de”
      href=”/de/produkt-1” />

      Hier fehlt also immer das “https://beispiel.com” am Anfang jeder URL. Es muss immer die gesamte URL angegeben werden.

    • Region und Sprache werden vertauscht
      Oft passiert es, dass die ISO-Codes, also die Kürzel für Region und Sprache, versehentlich vertauscht werden.

      Beispiel:
      Statt hreflang=”de-at” wird hreflang=”at-de” angegeben. Hier lautet die Regel: Erst die Sprache, dann die Region.

    • ISO-Codes werden nicht richtig verwendet
      Auch die Kürzel sind nicht immer so, wie man auf den ersten Blick denken würde. Obwohl beispielsweise Grossbritannien normalerweise oft als “United Kingdom” übersetzt wird, lautet das Kürzel dafür “GB” (also Great Britain). Es empfiehlt sich also immer, die ISO-Codes nachzusehen.



    Häufige Fragen

    Ist die Gross- und Kleinschreibung der ISO-Codes relevant?
    Nein, bei den Codes ist es egal, ob du Gross- oder Kleinschreibung anwendest. Es ist also egal, ob das Tag hreflang=”de-AT” oder hreflang=”de-at” lautet.

    Kann ich das Hreflang Tag über verschiedene Domains, also “cross domain” anwenden?
    Ja, das ist ohne Probleme möglich. Es ist egal, ob du Top Level-Domains (beispiel.de), Subdomains (de.beispiel.com) oder Verzeichnisse (beispiel.com/de/) benutzt, das Prinzip bleibt immer das Gleiche. Konkret sähe ein Cross Domain-Beispiel also so aus:

    Zielseite:  https://beispiel.de/produkt-1

    <link rel=”alternate” hreflang=”en-gb”
    href=”https://example.com/product-1”
    <link rel=”alternate” hreflang=”fr-fr”
    href=”https://example.fr/produit-1” />
    <link rel=”alternate” hreflang=”de-de”
    href=”https://beispiel.de/produkt-1” />

    Ist die Reihenfolge der Hreflang Tags egal?
    Ja, die Reihenfolge ist egal und kann beliebig angeordnet werden. Es ist also beispielsweise egal, ob du die deutsche Version als erstes, als letztes oder in der Mitte angibst.

    Muss ich das Hreflang Tag auf jeder Unterseite einbinden?
    Ja, leider ist es nicht genug, das Hreflang Tag auf der Startseite einzubauen. Du musst das Tag auf jeder relevanten Unterseite angeben, bzw. bei jeder URL in der Sitemap. Relevant bedeutet hier normalerweise, dass diese Seite noch einmal (ggf. übersetzt) woanders existiert, beispielsweise unser Produkt 1, das es jeweils auf der deutschen, österreichischen und Schweizer Seite mit gleichen Beschreibungen und Texten gibt.

    Kann ich das Hreflang Tag benutzen, wenn ich nur eine einzige Website habe?
    Nein, im Fall einer einzigen Website (also einer einzigen Sprachversion) ergibt das Hreflang Tag keinen Sinn. Dies ist explizit dazu gedacht, internationale Versionen des gleichen Contents auszuzeichnen. Wenn du auf einer einzelnen Website (zum Beispiel nur https://example.com) Duplicate Content produzierst, solltest du dich für eine Unterseite entscheiden, die das “Original” darstellt und damit rankt und die anderen Seiten mit dem Duplicate Content per Canonical Tag darauf verweisen.



    Fazit: Sobald deine Website in mehr als einer Sprachversion oder in mehreren Regionen verfügbar ist, solltest du unbedingt das Hreflang Tag nutzen, um diese richtig zu kennzeichnen. Tust du dies nicht, wirst du höchstwahrscheinlich mit der falschen Website in der falschen Region ranken (z.B. mit deiner deutschen Website in Österreich). Ausserdem wird Google Probleme mit Duplicate Content erkennen und selbst eine kanonische URL, also ein “Original”, bestimmen und die Kopien als Duplikate betrachten. Dies sollte unbedingt mit der richtigen Auszeichnung durch Hreflang Tags vermieden werden.

    Corinna Vorreiter
    Corinna Vorreiter Head of Organic

    Corinna ist Keynote Speakerin und kann für Ihr digitales Event gebucht werden! Zu den Keynote Speakern

    Hast Du Fragen zum Blogeintrag oder bist auf der Suche nach einer professionellen Unterstützung in diesem oder einem anderen Bereich?
    Dann schreib uns gerne eine E-Mail über unser Kontaktformular.

    Kontakt

    Weitere Blogeinträge

    mehrere weiße und ein roter Papierflieger auf dunklem Hintergrund als Symbol für Konkurrenz
    SEO
    So machst du eine SEO-Konkurrenzanalyse
    Aufbau einer Ladestation
    Conversion
    Produktseiten optimieren: So geht’s!