Hreflang-Tag
Der Hreflang-Tag ist ein HTML-Attribut, das Suchmaschinen wie Google dabei hilft, die richtige Sprach- oder Länderversion einer Webseite für den jeweiligen Nutzer anzuzeigen. Es signalisiert, dass es alternative Versionen der gleichen Seite in verschiedenen Sprachen oder für verschiedene Länder gibt. Dadurch wird es für Suchmaschinen einfacher, die passende Version der Seite für den jeweiligen Nutzer bereitzustellen.
Der Hreflang-Tag ist ein wichtiges Element der internationalen SEO-Strategie. Durch die korrekte Implementierung dieses Tags können mehrsprachige oder multinationale Webseiten ihre Sichtbarkeit in den Suchergebnissen verbessern. Dabei wird Duplicate Content vermieden, da die Suchmaschinen erkennen, dass die verschiedenen Sprach- oder Länderversionen derselben Seite zugeordnet sind.
Um den Hreflang-Tag in einer Webseite zu implementieren, fügt man das entsprechende Attribut in den HTML-Head-Bereich der Seite ein. Dabei ist es wichtig, sowohl das hreflang-Attribut (z.B. hreflang=“de-DE”) als auch das href-Attribut (z.B. href=“https://www.meinewebsite.de/seite1”) zu verwenden. Das hreflang-Attribut gibt die Sprach- oder Länderversion an, während das href-Attribut die URL der entsprechenden Version angibt. Für jede Sprach- oder Länderversion sollte ein eigener Hreflang-Tag erstellt werden, einschließlich eines selbstreferenzierenden Tags für die aktuelle Seite.
Hier ist ein Code-Beispiel für die Implementierung von Hreflang-Tags in einer Webseite:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Beispielseite in Deutsch</title>
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage" />
<link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
</head>
<body>
<!-- Inhalt der deutschen Version der Beispielseite -->
</body>
</html>In diesem Beispiel wird eine deutsche Webseite (https://www.meinewebsite.de/beispielseite) mit zwei weiteren Sprachversionen (englisch und französisch) dargestellt. Die Hreflang-Tags befinden sich im <head>-Bereich des HTML-Dokuments und verwenden das rel="alternate"-Attribut, um die Beziehung zwischen den verschiedenen Sprachversionen zu definieren.
Jeder Hreflang-Tag besteht aus zwei Attributen: hreflang gibt die Sprach- oder Länderversion an (z.B. “de-DE” für Deutsch/Deutschland, “en-US” für Englisch/USA, “fr-FR” für Französisch/Frankreich), während href die URL der entsprechenden Version angibt. Beachten Sie, dass auch ein selbstreferenzierender Hreflang-Tag für die aktuelle Seite (in diesem Fall die deutsche Version) vorhanden ist.
Nutzen von Hreflang-Tags
Wenn ein Nutzer eine Suche in einer bestimmten Sprache durchführt oder sich in einem bestimmten Land befindet, ist es wahrscheinlich, dass er eine Webseite in der gleichen Sprache oder einer passenden Länderversion bevorzugt.
Durch die Implementierung von Hreflang-Tags stellen Webseitenbetreiber sicher, dass Suchmaschinen die richtige Sprach- oder Länderversion einer Seite anzeigen, wodurch das Nutzererlebnis insgesamt verbessert wird. Dies kann dazu beitragen, die Absprungrate zu reduzieren und die Verweildauer auf der Seite zu erhöhen, was wiederum positive Auswirkungen auf die SEO-Performance haben kann.
Vermeidung von Duplicate Content
Ohne Hreflang-Tags können Suchmaschinen Schwierigkeiten haben, unterschiedliche Sprach- oder Länderversionen einer Seite als eigenständige Inhalte zu erkennen. Infolgedessen könnte eine Webseite mit mehreren Sprachversionen fälschlicherweise als Duplicate Content eingestuft werden, was die SEO-Performance negativ beeinflusst.
Durch die Verwendung von Hreflang-Tags wird den Suchmaschinen signalisiert, dass die verschiedenen Versionen derselben Seite zugeordnet sind und sie daher nicht als Duplicate Content betrachtet werden sollten.
Gezielte Ansprache von verschiedenen Sprach- und Länderversionen
Hreflang-Tags ermöglichen es Webseitenbetreibern, gezielt auf verschiedene Sprach- oder Länderversionen ihrer Inhalte abzustimmen. Dies ist besonders nützlich, wenn es Unterschiede in der Terminologie oder im kulturellen Kontext zwischen verschiedenen Ländern gibt, die dieselbe Sprache sprechen.
Beispielsweise können eine US-amerikanische und eine britische Version einer Webseite unterschiedliche Begriffe verwenden oder unterschiedliche Schreibweisen bevorzugen. Durch die Implementierung von Hreflang-Tags wird sichergestellt, dass Nutzer die jeweils passende Version der Seite angezeigt bekommen, wodurch die Relevanz der Inhalte und letztendlich auch die SEO-Performance verbessert werden.
Hreflang-Tag-Attribute und Sprachcodes
Es gibt zwei Hauptattribute, die bei der Verwendung von Hreflang-Tags berücksichtigt werden müssen: hreflang und href. Das hreflang-Attribut gibt die Sprache und das Land an, für das die verlinkte Seite bestimmt ist, während das href-Attribut die URL der verlinkten Seite angibt.
Sprachcodes werden in Hreflang-Tags verwendet, um die Sprache und das Land der verlinkten Seite zu identifizieren. Diese Codes folgen in der Regel dem ISO 639–1‑Standard für Sprachcodes (zwei Buchstaben) und dem ISO 3166–1‑Standard für Ländercodes (ebenfalls zwei Buchstaben). Beispielsweise steht “en” für Englisch, “de” für Deutsch und “fr” für Französisch.
Ländercodes, wie “US” für die Vereinigten Staaten, “DE” für Deutschland und “FR” für Frankreich, können ebenfalls verwendet werden, um spezifische Länderversionen zu identifizieren. Die Kombination aus Sprach- und Ländercode erfolgt durch ein Bindestrich, z.B. “en-US”, “de-DE” oder “fr-FR”.
Selbstreferenzierende Hreflang-Tags
Ein selbstreferenzierender Hreflang-Tag ist ein Hreflang-Tag, der auf die aktuelle Seite verweist und somit die Sprach- oder Länderversion der aktuellen Seite angibt. Selbstreferenzierende Hreflang-Tags sind wichtig, da sie Suchmaschinen dabei helfen, die Beziehung zwischen den verschiedenen Sprach- oder Länderversionen einer Seite zu verstehen. Für jede Sprach- oder Länderversion einer Seite sollte ein selbstreferenzierender Hreflang-Tag implementiert werden.
Ein Beispiel für selbstreferenzierende Hreflang-Tags in einer deutschen, englischen und französischen Seite wäre:
<!-- Deutsche Seite -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<!-- Englische Seite -->
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage" />
<!-- Französische Seite -->
<link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
Implementierung von Hreflang-Tags im HTML-Head-Bereich
Die häufigste Methode zur Implementierung von Hreflang-Tags ist die Platzierung im <head>-Bereich des HTML-Dokuments. Wie bereits im ersten Abschnitt beschrieben, werden die Hreflang-Tags in diesem Fall mit den Attributen hreflang und href verwendet, um die verschiedenen Sprach- oder Länderversionen der Seite zu definieren.
Implementierung in XML-Sitemaps
Eine weitere Möglichkeit, Hreflang-Tags zu implementieren, ist die Verwendung von XML-Sitemaps. In diesem Fall werden die Hreflang-Tags innerhalb der ‑Einträge der Sitemap platziert. Dies kann besonders nützlich sein, wenn eine große Anzahl von Seiten mit unterschiedlichen Sprach- oder Länderversionen vorhanden ist, da es die Verwaltung der Hreflang-Tags erleichtert.
Ein Beispiel für die Implementierung von Hreflang-Tags in einer XML-Sitemap wäre:
<?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://www.meinewebsite.de/beispielseite</loc>
<xhtml:link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<xhtml:link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage" />
<xhtml:link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
</url>
<!-- Weitere URL-Einträge -->
</urlset>
Implementierung mittels HTTP-Header
Für Websites, die keine HTML- oder XML-Struktur verwenden, kann die Implementierung von Hreflang-Tags auch über HTTP-Header erfolgen. In diesem Fall werden die Hreflang-Tags als Link-Header innerhalb der HTTP-Response gesendet. Diese Methode ist jedoch eher unüblich und wird hauptsächlich für Websites verwendet, die auf Technologien wie JavaScript und AJAX basieren.
Ein Beispiel für die Implementierung von Hreflang-Tags über HTTP-Header wäre:
HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Link: <https://www.meinewebsite.de/beispielseite>; rel="alternate"; hreflang="de-DE",
<https://www.meinewebsite.com/examplepage>; rel="alternate"; hreflang="en-US",
<https://www.meinewebsite.fr/pageexemple>; rel="alternate"; hreflang="fr-FR"
In diesem Beispiel werden die Hreflang-Tags im Link-Header der HTTP-Response definiert.
Beispiele für die korrekte Verwendung von Hreflang-Tags
In diesem Abschnitt werden verschiedene Beispiele für die korrekte Verwendung von Hreflang-Tags präsentiert, um ein besseres Verständnis dafür zu vermitteln, wie sie in unterschiedlichen Situationen angewendet werden können.Beispiel 1: Einfache Implementierung für zwei Sprachversionen
Angenommen, eine Webseite verfügt über zwei Sprachversionen – Deutsch und Englisch. In diesem Fall sollten die Hreflang-Tags wie folgt implementiert werden:<!-- Deutsche Version -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage" />
<!-- Englische Version -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage" />
Beispiel 2: Mehrere Sprach- und Länderversionen
In diesem Beispiel gibt es vier Versionen einer Webseite: Deutsch für Deutschland, Englisch für die USA, Englisch für das Vereinigte Königreich und Französisch für Frankreich. Die Hreflang-Tags sollten wie folgt aussehen:<!-- Deutsche Version (Deutschland) -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage-us" />
<link rel="alternate" hreflang="en-GB" href="https://www.meinewebsite.com/examplepage-uk" />
<link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
<!-- Englische Version (USA) -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage-us" />
<link rel="alternate" hreflang="en-GB" href="https://www.meinewebsite.com/examplepage-uk" />
<link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
<!-- Englische Version (Vereinigtes Königreich) -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage-us" />
<link rel="alternate" hreflang="en-GB" href="https://www.meinewebsite.com/examplepage-uk" />
<link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
<!-- Französische Version (Frankreich) -->
<link rel="alternate" hreflang="de-DE" href="https://www.meinewebsite.de/beispielseite" />
<link rel="alternate" hreflang="en-US" href="https://www.meinewebsite.com/examplepage-us" />
<link rel="alternate" hreflang="en-GB" href="https://www.meinewebsite.com/examplepage-uk" />
<link rel="alternate" hreflang="fr-FR" href="https://www.meinewebsite.fr/pageexemple" />
In diesem Beispiel sind die Hreflang-Tags für alle vier Versionen identisch, um die Beziehung zwischen den verschiedenen Sprach- und Länderversionen zu definieren.
Häufige Fehlerquellen und deren Behebung
In diesem Abschnitt werden einige häufige Fehlerquellen bei der Verwendung von Hreflang-Tags und deren Behebung erörtert, um sicherzustellen, dass die Implementierung korrekt erfolgt und das bestmögliche Nutzererlebnis gewährleistet wird.- 1.Falscher Sprach- oder Ländercode: Ein häufiger Fehler bei der Verwendung von Hreflang-Tags ist die Verwendung eines falschen oder nicht standardkonformen Sprach- oder Ländercodes. Um solche Fehler zu vermeiden, sollten die ISO 639–1- und ISO 3166–1‑Standards für Sprach- und Ländercodes befolgt werden. Stelle sicher, dass die verwendeten Sprach- und Ländercodes den entsprechenden ISO-Standards entsprechen und korrigiere sie gegebenenfalls.
- 2.Fehlende selbstreferenzierende Hreflang-Tags: Ein weiterer häufiger Fehler ist das Fehlen von selbstreferenzierenden Hreflang-Tags. Wie bereits erwähnt, sind diese wichtig, um Suchmaschinen die Beziehung zwischen den verschiedenen Sprach- oder Länderversionen einer Seite zu vermitteln. Stelle sicher, dass jede Sprach- oder Länderversion der Seite einen selbstreferenzierenden Hreflang-Tag enthält.
- 3.Inkonsistente Hreflang-Tags: Inkonsistente Hreflang-Tags, bei denen beispielsweise auf einer Seite ein Hreflang-Tag fehlt oder ein falscher Sprachcode verwendet wird, können dazu führen, dass Suchmaschinen die Beziehungen zwischen den verschiedenen Sprach- oder Länderversionen einer Seite nicht korrekt interpretieren. Überprüfe die Hreflang-Tags auf allen Sprach- oder Länderversionen der Seite und stelle sicher, dass sie konsistent und korrekt sind.
- 4.Fehlende Hreflang-Tags in XML-Sitemaps oder HTTP-Headern: Wenn Hreflang-Tags in XML-Sitemaps oder HTTP-Headern implementiert werden, ist es wichtig, dass sie in allen relevanten Sitemaps oder Headern enthalten sind, um eine vollständige Abdeckung zu gewährleisten. Stelle sicher, dass die Hreflang-Tags in allen relevanten XML-Sitemaps oder HTTP-Headern implementiert sind und korrigiere eventuelle Fehler.
- 5.Doppelte oder widersprüchliche Hreflang-Tags: Doppelte oder widersprüchliche Hreflang-Tags können dazu führen, dass Suchmaschinen die Beziehungen zwischen den verschiedenen Sprach- oder Länderversionen einer Seite nicht korrekt verstehen. Überprüfe die Hreflang-Tags auf doppelte oder widersprüchliche Angaben und entferne oder korrigiere sie gegebenenfalls.
Tools zur Überprüfung und Optimierung von Hreflang-Tags
Um sicherzustellen, dass Hreflang-Tags korrekt implementiert und optimiert sind, gibt es eine Reihe von Tools, die bei der Überprüfung und Optimierung helfen können. In diesem Abschnitt werden einige dieser Tools vorgestellt.- 1.Google Search Console: Die Google Search Console ist ein kostenloses Tool von Google, das hilft, die Leistung und Präsenz einer Website in den Google-Suchergebnissen zu überwachen. Es enthält auch einen International Targeting-Bericht, der Informationen über Hreflang-Fehler und Warnungen bereitstellt.
- 2.Ahrefs Site Audit: Ahrefs Site Audit ist ein umfassendes Website-Analysetool, das auf technische SEO-Aspekte abzielt. Es kann Hreflang-Fehler und Inkonsistenzen aufdecken und hilft bei der Identifizierung und Behebung solcher Probleme.
- 3.Hreflang Tag Generator: Der Hreflang Tag Generator ist ein kostenloses Online-Tool, das bei der Erstellung korrekter Hreflang-Tags für verschiedene Sprach- und Länderversionen einer Webseite hilft. Einfach die entsprechenden URLs und Sprach- oder Ländercodes eingeben, und das Tool generiert die entsprechenden Hreflang-Tags.
- 4.Hreflang Checker: Der Hreflang Checker ist ein kostenloses Online-Tool, das die Hreflang-Implementierung einer Webseite überprüft und mögliche Fehler oder Inkonsistenzen aufzeigt. Durch Eingabe der URL einer Webseite werden die Hreflang-Tags analysiert und es wird ein Bericht mit Details zu gefundenen Fehlern oder Warnungen erstellt.
- 5.MultilingualPress: MultilingualPress ist ein WordPress-Plugin, das bei der Verwaltung mehrsprachiger WordPress-Websites hilft. Es unterstützt die automatische Erstellung von Hreflang-Tags für verschiedene Sprachversionen einer Seite und stellt sicher, dass die Implementierung korrekt ist.
Zusammenfassung und abschließende Anmerkungen
Es ist wichtig zu betonen, dass eine korrekte Implementierung von Hreflang-Tags einen erheblichen Einfluss auf die Sichtbarkeit und Auffindbarkeit einer Webseite in Suchmaschinen hat, insbesondere in internationalen Märkten. Daher sollten Webseitenbetreiber die Implementierung von Hreflang-Tags ernst nehmen und sicherstellen, dass sie korrekt und konsistent sind.
Zusammenfassend lässt sich sagen, dass Hreflang-Tags ein wichtiger Aspekt der internationalen Suchmaschinenoptimierung sind und von Webseitenbetreibern bei der Erstellung und Verwaltung von mehrsprachigen Webseiten berücksichtigt werden sollten, um ein optimales Nutzererlebnis und eine maximale Auffindbarkeit in internationalen Suchmaschinen zu gewährleisten.
Quellen und weiterführende Ressourcen
- Google Search Console: https://search.google.com/search-console/about
- Ahrefs Site Audit: https://ahrefs.com/site-audit
- Hreflang Tag Generator: https://hreflang.org/hreflang-tag-generator/
- Hreflang Checker: https://hreflangchecker.com/
- MultilingualPress: https://multilingualpress.org/
- Bloofusion Blog: https://www.bloofusion.com/blog/
- SEMrush Blog: https://www.semrush.com/blog/
- MOZ Blog: https://moz.com/blog
Einsatz von künstlicher Intelligenz
Dieser Beitrag wurde mithilfe künstlicher Intelligenz erstellt und von unserern Fachexperten sorgfältig überprüft, um sicherzustellen, dass die Informationen korrekt, verständlich und nützlich sind.
ChatGPT im SEO & Content Marketing
Der ultimative Guide: So integrierst du ChatGPT in deinen gesamten SEO- und Content-Marketing-Prozess. Praxisnah, mit Templates und Prompts.
Kostenlos herunterladen →