hreflang

Zuletzt aktualisiert: Mai 21, 2024

Start // Lexikon // hreflang

Das hreflang-Tag kommt immer dann ins Spiel, wenn Du die Inhalte Deiner Website in mehreren Sprachen zur Verfügung stellst. Das HTML-Tag hilft Suchmaschinen wie Google, die richtige Sprach- oder Länderversion einer Seite anzuzeigen. Ohne korrekt eingerichtetes hreflang-Tags kann es nämlich passieren, dass User auf einer Seite in der falschen Sprache oder für die falsche Region landet. Wie das hreflang-Tag funktioniert und wie Du es mit der Hilfe von Tools richtig implementierst, erklären wir Dir in diesem Beitrag.

Wann wird das hreflang-Tag verwendet?

Wenn Du mehrere Versionen Deiner Webseite in verschiedenen Sprachen oder für verschiedene geografische Regionen bereitstellst, solltest Du das hreflang-Tag verwenden. Zum Beispiel dann, wenn Du eine Webseite sowohl in einer deutschen Version für Deutschland als auch in einer englischen Version für die USA zur Verfügung stellst.

Der hreflang-Tag wird in den HTML-Header der Seite eingefügt und hat folgendes Format:

<link rel="alternate" href="https://digitallotsen.com/" hreflang="de">
<link rel="alternate" href="https://digitallotsen.com/en/" hreflang="en-us">

Das x-default hreflang-Tag wird verwendet, um eine Standardversion der Seite anzugeben. Diese wird angezeigt, wenn keine der angegebenen Sprachen oder Regionen geeignet ist. 

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

Wie werden hreflang-Tags implementiert?

Du implementierst hreflang-Tags, indem Du HTML-Tags in den Head-Bereich Deiner Webseite einfügst.

Für eine Seite in Deutsch und Englisch:

<link rel="alternate" href="https://beispielseite.com/de/" hreflang="de">
<link rel="alternate" href="https://beispielseite.com/en/" hreflang="en">

Für eine Seite in Deutsch (Deutschland) und Englisch (USA):

<link rel="alternate" href="https://beispielseite.com/de/" hreflang="de-de">
<link rel="alternate" href="https://beispielseite.com/en-us/" hreflang="en-us">

Wie sieht die Best Practice für hreflang aus?

  • Konsistenz: Alle Seitenvarianten sollten untereinander mit hreflang-Tags verknüpft werden.
  • Verwende die richtigen Codes für die Sprache und das Land: Du solltest darauf achten, die richtigen ISO 639-1 Sprachcodes und ISO 3166-1 Alpha 2 Ländercodes zu verwenden.
  • Verwende das x-default html-Tag: Wenn keine der anderen Sprachen oder Regionen zutrifft, verwende das x-default hreflang-Tag für die Standardseite, die angezeigt werden soll.
  • Verwende Tools für die Validierung: Überprüfe Deine hreflang-Tags mit Tools wie dem Sistrix Hreflang Validator. So können Fehler ausgeschlossen werden. 

3 Fehler, die Du bei hreflang vermeiden solltest

  1. Fehlende Verweise: Jede Sprach- oder Regionsversion einer Seite sollte auf alle anderen Versionen verweisen. Wenn dies nicht der Fall ist, kann dies dazu führen, dass hreflang nicht richtig funktioniert.
  2. Falsche Codes: Achte darauf, die korrekten Sprach- und Ländercodes zu verwenden. Schon ein kleiner Fehler kann die Ursache für die fehlerhafte Erkennung der Tags sein.
  3. Nicht übereinstimmende URLs: Achte darauf, dass die URLs in den hreflang-Tags korrekt sind. Sie müssen auf die richtigen Seiten verweisen.

Wie wird der Sistrix Hreflang-Generator verwendet?

Der Hreflang-Generator von Sistrix ist ein hilfreiches Tool zur Erstellung von korrekten hreflang-Tags. So verwendest Du den kostenlosen Generator: 

  1. Gehe auf die Webseite von Sistrix und öffne den hreflang-Generator.
  2. Gib die URLs für Deine verschiedenen Sprach- und Regionsversionen ein und wähle die entsprechende Sprache und optional auch die Region (z.B. German -> Austria) aus. Auch die x-default Version der Seite kannst Du mit einem Klick auswählen. 
  3. Der Generator erzeugt die benötigten hreflang-Tags in Echtzeit. Diese kannst Du nun einfach kopieren und dann in den HTML-Header Deiner Seiten einfügen.
Ein Screenshot des hreflang Generators von Sistrix.

Der hreflang Generator erstellt Tags im Handumdrehen. Screenshot: Sistrix

hreflang-Plugins für WordPress

Du möchtest es noch einfacher haben? Wenn Du eine WordPress-Webseite betreibst, stehen Dir eine Reihe von Plugins zur Verfügung, die Dir die Implementierung von hreflang-Tags erheblich erleichtern können. WPML (WordPress Multilingual Plugin) ist eines der bekanntesten und effektivsten Plugins. Es hilft Dir, Deine WordPress Seite mehrsprachig anzubieten, indem es viele der Aufgaben, die mit der Implementierung von hreflang-Tags verbunden sind, automatisiert. Praktisch: WPML stellt auch sicher, dass alle Sprachversionen Deiner Webseite korrekt miteinander verlinkt sind. 

Vorteile von WPML

  • Automatische hreflang-Implementierung: Basierend auf den Sprachversionen, die Du erstellst, generiert und implementiert WPML automatisch hreflang-Tags. Auch auf der ursprünglichen Version der Seite werden die hreflang-Tags eingefügt. 
  • Benutzerfreundlichkeit: Mit WPML kannst Du neue Sprachversionen erstellen, ohne Dich um technische Details kümmern zu müssen.
  • Kompatibilität: WPML ist mit den meisten WordPress-Themes und -Plugins kompatibel. Das erleichtert die Integration in Deine bestehende Website.

So verwendest Du WPML

  1. Kaufe und downloade das Plugin. Installiere und aktiviere WPML anschließend in Deinem WordPress-Dashboard. Das Mehrsprachen-Plugin für WordPress gibt es bereits ab 39 € pro Jahr (für Blogs). 
  2. Füge in den Einstellungen die Sprachen hinzu, die Du verwenden möchtest.
  3. Erstelle und verwalte die Übersetzungen Deiner Inhalte direkt von Deinem WPML-Dashboard aus. Achtung: Überprüfe die automatischen Übersetzungen aber unbedingt auf Richtigkeit und Sinnhaftigkeit. 
  4. WPML kümmert sich automatisch darum, die hreflang-Tags für alle Sprachversionen zu erstellen und zu implementieren.

Neben WPML gibt es andere Plugins wie Polylang und TranslatePress, die ähnliche Funktionen bieten.

Fazit - hreflang-Tags sind bei Mehrsprachigkeit ein Muss!

Für die Erstellung und Optimierung internationaler Webseiten ist die Implementierung der hreflang-Tags ein Muss. Sie verbessert Deine Usererfahrung, indem sie sicherstellt, dass die Nutzer:innen die Sprach- oder Länderversion einer Seite sehen, die für sie relevant ist. Nutze Tools wie den Sistrix Hreflang Generator und Validator oder WPML. So gehst Du bei der Umsetzung auf Nummer sicher. 

Du möchtest Deine Website künftig mehrsprachig zur Verfügung stellen? Wir unterstützten Dich als kompetente Webdesign Agentur gerne dabei! Vereinbare noch heute Dein kostenloses Beratungsgespräch.

Weitere Tipps für Deine Website bekommst Du in unserem Ratgeber und Lexikon:

Autoren-Infos

Hi! Ich bin Julia.

Als Leiterin der Abteilung Suchmaschinenmarketing schreibe ich bei den digitallotsen über die Themen SEO, Conversionoptimierung und Content Marketing.

>