Mehrsprachige Websites und hreflang

Modul 3: Die technische Grundlage einer Seite · Lesezeit: 12 Minuten

Lernziel: Nach dieser Lektion können Sie hreflang für eine Website in mehreren Sprachen oder für mehrere Länder korrekt einrichten und prüfen, ob die Verweise gegenseitig sind.

Kernbegriffe: Sprachversion, hreflang, Sprachcode (ISO 639-1), Ländercode (ISO 3166-1 alpha-2), Schriftcode (ISO 15924), x-default, Gegenseitigkeit (Rückverweis), Verweis auf sich selbst, HTML, HTTP-Header oder Sitemap, eigene Adressen pro Sprache, keine automatische Weiterleitung nach Sprache, lang-Attribut

Das Problem: Welche Version wird angezeigt?

Bloemenatelier Lotte, ein Blumengeschäft in Amersfoort (Niederlande), wächst. Es kommt eine englische Version der Website für Touristen und Expats hinzu und eine deutsche für Kunden direkt hinter der Grenze. Dieselbe Seite mit Brautsträußen gibt es jetzt dreimal:

https://www.example.com/bruidsboeketten          (Niederländisch)
https://www.example.com/en/bridal-bouquets       (Englisch)
https://www.example.com/de/brautstraeusse        (Deutsch)

Eine Suchmaschine muss bei jeder Suchanfrage entscheiden, welche der drei sie anzeigt. Wer in Köln auf Deutsch sucht, sollte die deutsche Version erhalten, nicht die niederländische. Mit hreflang teilen Sie der Suchmaschine mit, welche Seiten Sprachversionen voneinander sind und für welche Sprache oder welches Land jede Version gedacht ist.

hreflang ist kein Ranking-Trick. Es sorgt nur dafür, dass die richtige Version an der richtigen Stelle erscheint. Und es ist keine Spracherkennung: Google schreibt, dass es hreflang und das lang-Attribut von HTML nicht verwendet, um die Sprache einer Seite zu bestimmen; das erledigt Google selbst anhand des Textes. Setzen Sie das lang-Attribut (<html lang="nl">) trotzdem korrekt, für Browser, Übersetzungsprogramme und Screenreader.

Zuerst die Grundlage: eigene Adressen

Google empfiehlt eine eigene Adresse pro Sprachversion und rät davon ab, die Sprache über Cookies oder Browsereinstellungen unter derselben Adresse zu wechseln. Der Grund ist praktisch: Der Googlebot crawlt meist aus den Vereinigten Staaten. Ändert sich der Inhalt unter einer Adresse je nachdem, wer sie aufruft, sieht der Googlebot womöglich nur eine Version.

Aus demselben Grund gilt: Leiten Sie Besucher nicht automatisch auf Basis ihrer Sprache oder ihres Standorts zu einer anderen Sprachversion weiter. Google rät ausdrücklich davon ab. Ein Niederländer im Urlaub in Deutschland möchte die niederländische Website sehen; bieten Sie lieber eine deutlich sichtbare Sprachauswahl auf der Seite an und lassen Sie alle Besucher jede Version erreichen.

Arbeiten Sie mit Ländern statt mit Sprachen, mit eigenen Domains wie example.de und example.nl, gilt dasselbe. Die Versionen müssen nicht auf derselben Domain liegen.

So sieht hreflang aus

Im <head> jeder Sprachversion steht derselbe Satz Zeilen:

<link rel="alternate" hreflang="nl" href="https://www.example.com/bruidsboeketten">
<link rel="alternate" hreflang="en" href="https://www.example.com/en/bridal-bouquets">
<link rel="alternate" hreflang="de" href="https://www.example.com/de/brautstraeusse">
<link rel="alternate" hreflang="x-default" href="https://www.example.com/bruidsboeketten">

Vier Regeln, die Sie kennen sollten:

1. Jede Version nennt sich selbst und alle anderen. Die englische Seite hat also genau dieselben vier Zeilen, einschließlich der Zeile für en, die auf sich selbst verweist.
2. Verweise müssen gegenseitig sein. Verweist die niederländische Seite auf die deutsche, muss die deutsche auf die niederländische zurückverweisen. Google sagt: Wenn zwei Seiten nicht beide aufeinander verweisen, werden die Verweise ignoriert. Das ist der häufigste Fehler, und deshalb prüft die Aufgabe dieser Lektion genau das.
3. Vollständige Adressen. Mit https:// davor. Ein Pfad wie /en/bridal-bouquets oder //www.example.com/en/... zählt nicht.
4. In einem sauberen <head>. Die Zeilen stehen im <head> des HTML. Bricht der Head vorher ab, zum Beispiel durch ein einzelnes <img> oder <div>, das dort nicht hingehört, kann eine Suchmaschine den Head als beendet ansehen und den Rest übersehen.

Die Codes

Der Wert von hreflang ist ein Sprachcode, optional gefolgt von einem Ländercode:

Der Sprachcode stammt aus ISO 639-1 (zwei Buchstaben), der Ländercode aus ISO 3166-1 alpha-2. Groß- und Kleinschreibung spielen keine Rolle, üblich ist aber: Sprache klein, Land groß. Drei Stolperfallen:

• Nur ein Land geht nicht. hreflang="be" bedeutet Belarussisch (der Sprachcode be), nicht Belgien. Ein Land steht immer hinter einer Sprache: nl-BE oder fr-BE.
• en-UK gibt es nicht. Der Ländercode des Vereinigten Königreichs ist GB. Google schreibt, dass Codes wie EU, UN oder UK keine Wirkung haben.
• Verwenden Sie ein Land nur, wenn sich die Versionen wirklich unterscheiden (andere Preise, Währung, Lieferung, Schreibweise). Haben Sie eine deutsche Version für alle, verwenden Sie einfach de.

x-default

x-default ist optional. Damit legen Sie die Seite für Besucher fest, zu denen keine Ihrer Versionen passt, zum Beispiel jemand, der Französisch spricht. Oft ist das Ihre Hauptsprache oder eine Seite, auf der der Besucher selbst eine Sprache wählt.

Drei Wege, wählen Sie einen

Google kennt drei gleichwertige Wege, hreflang anzugeben:

1. Im HTML, mit <link>-Zeilen im Head, wie oben. Der am häufigsten genutzte Weg.

2. Als HTTP-Header Link, praktisch für Dateien ohne HTML, etwa ein PDF:

   Link: <https://www.example.com/en/price-list.pdf>; rel="alternate"; hreflang="en"

3. In der Sitemap, mit xhtml:link-Zeilen pro <url>. Praktisch für große Websites, weil die Seiten dadurch nicht schwerer werden.

Sie müssen sie nicht kombinieren. Verwenden Sie mehrere, müssen sie genau dasselbe aussagen.

hreflang und Canonical zusammen

hreflang und Canonical (Lektion 3.5) arbeiten zusammen, verwechseln Sie sie aber nicht:

• Jede Sprachversion hat ein Canonical auf sich selbst. Die englische Seite ist keine Kopie der niederländischen, verweist also nicht auf die niederländische als kanonische Adresse. Tun Sie das doch, sagen Sie damit "die englische Seite gibt es eigentlich nicht", und sie fällt aus dem Index.
• Die Adressen in hreflang sind die kanonischen Adressen der Versionen. Verweist hreflang auf eine Adresse, die weiterleitet, einen 404 liefert, noindex hat oder ein Canonical auf eine andere Seite hat, bricht die Gruppe.

Google bevorzugt bei der Bestimmung der kanonischen Adresse Adressen, die zu einer hreflang-Gruppe gehören. Eine saubere Gruppe hilft also auch Ihrer Kanonisierung.

In der Praxis: Überlassen Sie es dem System

hreflang von Hand zu pflegen ist fehleranfällig: Bei zehn Sprachen und hundert Seiten sind das tausend Zeilen, die alle stimmen müssen. Überlassen Sie das Ihrem Websitesystem. Der AI Builder von WebOké setzt bei einer mehrsprachigen Website auf jeder Seite hreflang-Verweise auf dieselbe Seite in den anderen Sprachen, dazu ein x-default auf die Hauptsprache, und lässt eine Seite ohne übersetztes Gegenstück bewusst aus der Gruppe heraus. In WordPress erledigen mehrsprachige Plugins dasselbe. Bei anderen Website-Baukästen finden Sie es unter Namen wie "Sprachen" oder "International". Prüfen Sie danach selbst, ob die Verweise hin und zurück stimmen; genau das macht die Aufgabe.

Zusammenfassung

• hreflang gibt an, welche Seiten Sprach- oder Länderversionen voneinander sind; es erkennt keine Sprache und ist kein Ranking-Trick.
• Jede Version hat eine eigene Adresse, keine automatische Weiterleitung nach Sprache oder Standort.
• Jede Version nennt sich selbst und alle anderen, mit vollständigen Adressen, und jeder Verweis muss erwidert werden; sonst ignoriert Google ihn.
• Codes: Sprache aus ISO 639-1, optional mit Land aus ISO 3166-1 alpha-2 (en-GB, nicht en-UK); x-default für alle anderen.
• Jede Version hat ein Canonical auf sich selbst; hreflang verweist nur auf kanonische Adressen, die 200 liefern.

Quiz

Aufgabe

Aufgabe A3.6: Sind Ihre hreflang-Verweise gegenseitig? Geben Sie die Adresse einer Seite ein, die es in mehreren Sprachen gibt. Das Programm sammelt die hreflang-Verweise aus dem Head und dem Link-Header, prüft die Codes und den Verweis auf sich selbst, ruft jede andere Sprachversion ab und prüft, ob sie zurückverweist, 200 liefert, kein noindex hat und ein Canonical auf sich selbst. Keine eigene mehrsprachige Website? Verwenden Sie https://european-union.europa.eu/index_nl.

Weiterführende Links

• Google Search Central, Google über lokalisierte Versionen Ihrer Seite informieren: https://developers.google.com/search/docs/specialty/international/localized-versions
• Google Search Central, Mehrsprachige und länderspezifische Websites verwalten: https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites
• Google Search Central, Doppelte URLs zusammenfassen: https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
• ISO-639-Sprachcodes (Library of Congress): https://www.loc.gov/standards/iso639-2/php/code_list.php