Zum Inhalt springen
Meirra

Hreflang-Tags für internationales SEO meistern

Vollständiger technischer Leitfaden zur korrekten Implementierung von Hreflang-Tags auf mehrsprachigen Websites. Lernen Sie Best Practices, vermeiden Sie häufige Fehler und verbessern Sie Ihr internationales SEO.

Updated: 2024-12-20
20 Minuten Lesezeit
Technischer Leitfaden
Leitfaden anzeigen
M

Meirra

SEO & Webentwicklungs-Experte, Meirra

Der vollständige Hreflang-Guide

Meistern Sie mehrsprachiges SEO mit Zuversicht

Hreflang verstehen

Das Hreflang-Attribut teilt Suchmaschinen mit, welche Sprache Sie auf einer bestimmten Seite verwenden, damit sie die richtige Version den Nutzern anzeigen können, die in dieser Sprache suchen.

Von Google 2011 eingeführt, ist Hreflang heute eine kritische Komponente des internationalen SEO, die hilft, Duplicate-Content-Probleme zu vermeiden und sicherzustellen, dass Nutzer Inhalte in ihrer bevorzugten Sprache sehen.

Das Attribut verwendet ISO-Sprachcodes (wie 'en' für Englisch oder 'de' für Deutsch) und optionale regionale Subtags (wie 'de-DE' für Deutsch in Deutschland oder 'de-AT' für Deutsch in Österreich).

Dieser umfassende Guide deckt alles ab, was Sie für die korrekte Implementierung von Hreflang-Tags für internationale Websites benötigen. Die Hreflang-Implementierung ist einer der technisch anspruchsvollsten Aspekte des mehrsprachigen SEO, aber wenn sie korrekt durchgeführt wird, stellt sie sicher, dass Suchmaschinen die richtige Sprachversion den richtigen Nutzern anzeigen. Unsere Plattform verfolgt die Hreflang-Performance in Echtzeit.

Wir werden mehrere Implementierungsmethoden durchgehen, getestete Code-Beispiele bereitstellen, spezifische Anleitungen für die internationale Expansion bieten und Ihnen helfen, häufige Fehler zu beheben. Alles mit Live-Dashboard-Monitoring.

Grundlegendes Beispiel

Grundlegende Hreflang-Implementierung

HTML-Link-Elemente im Head-Bereich

HTML
<head>
  <!-- Other meta tags, title, etc. -->

  <!-- English page (example.com/page) would have these tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;

  <!-- Spanish page (example.com/es/page) would have these same tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;
</head>

Warum es wichtig ist

  • Verhindert Duplicate-Content-Probleme über Sprachversionen hinweg
  • Stellt sicher, dass Suchmaschinen den Nutzern die richtige Sprache anzeigen
  • Hilft dabei, separate Index-Rankings für jede Sprachversion aufrechtzuerhalten
  • Verbessert die Benutzererfahrung, indem Inhalte in der bevorzugten Sprache der Nutzer angezeigt werden
  • Kritisch für Unternehmen, die in internationale Märkte expandieren

Häufige Fehler

  • ✕
    Fehlende Rückverweise (keine bidirektionalen Referenzen erstellen)
  • ✕
    Falsche Sprach- oder Ländercodes
  • ✕
    Mischen von relativen und absoluten URLs
  • ✕
    Widersprüchliche Canonical- und Hreflang-Signale
  • ✕
    Falsche Verschachtelung in XML-Sitemaps
  • ✕
    Fehlende Selbstreferenz-Tags
Fehlerbehebungs-Guide ansehen

Hreflang-Sprachcodes

Erkunden Sie gültige Sprachcodes für Ihre Hreflang-Tags.

en
Häufig

Englisch

en-US
Häufig

Englisch (Vereinigte Staaten)

en-GB
Häufig

Englisch (Vereinigtes Königreich)

en-CA
Häufig

Englisch (Kanada)

en-AU
Häufig

Englisch (Australien)

es
Häufig

Spanisch

es-ES
Häufig

Spanisch (Spanien)

es-MX
Häufig

Spanisch (Mexiko)

es-CO
Häufig

Spanisch (Kolumbien)

es-AR
Häufig

Spanisch (Argentinien)

fr
Häufig

Französisch

fr-FR
Häufig

Französisch (Frankreich)

fr-CA
Häufig

Französisch (Kanada)

pt
Häufig

Portugiesisch

pt-BR
Häufig

Portugiesisch (Brasilien)

pt-PT
Häufig

Portugiesisch (Portugal)

zh
Häufig

Chinesisch

zh-CN
Häufig

Chinesisch (China)

zh-TW
Häufig

Chinesisch (Taiwan)

de
Häufig

Deutsch

de-DE
Häufig

Deutsch (Deutschland)

it
Häufig

Italienisch

it-IT
Häufig

Italienisch (Italien)

ja
Häufig

Japanisch

ja-JP
Häufig

Japanisch (Japan)

ko
Häufig

Koreanisch

ko-KR
Häufig

Koreanisch (Südkorea)

ru
Häufig

Russisch

ru-RU
Häufig

Russisch (Russland)

ar
Häufig

Arabisch

Code-Format

Sprachcodes folgen dem ISO 639-1-Standard. Sie können reine Sprachcodes (z.B. 'de') oder Sprache-Region-Kombinationen (z.B. 'de-DE') verwenden.

Interaktives Tool

Hreflang-Code-Generator

Generieren Sie korrekten Hreflang-Code für Ihre mehrsprachige Website, indem Sie Ihre URLs unten eingeben.

Anleitung

  1. Geben Sie Ihre Basis-Domain ein (beispiel.de)
  2. Fügen Sie die Seiten hinzu, für die Sie Code generieren möchten
  3. Geben Sie an, in welchen Sprachen und Regionen jede Seite verfügbar ist
  4. Wählen Sie Ihre bevorzugte Implementierungsmethode (HTML, HTTP-Header oder XML-Sitemap)
  5. Kopieren Sie den generierten Code und implementieren Sie ihn auf Ihrer Website

Hreflang-Code-Generator

Generieren Sie korrekten Hreflang-Code für Ihre mehrsprachige Website, indem Sie Ihre URLs unten eingeben.

Domain-Einstellungen

Implementierungsmethode

Seiten

/ /
Verfügbare Sprachen

Code: 'de' für Deutsch, 'en' für Englisch, 'de-DE' für Deutschland, 'x-default' für Standard

Generierter Code

HTML Head Method

HTML

Implementierungstipps

  • Fügen Sie immer das x-default-Tag hinzu, um Benutzer mit Spracheinstellungen zu bedienen, die keiner Ihrer Versionen entsprechen
  • Stellen Sie sicher, dass jede Sprachversion Links zu allen anderen Sprachversionen enthält, einschließlich sich selbst
  • Verwenden Sie absolute URLs (beginnend mit http:// oder https://) in allen Hreflang-Tags
  • Testen Sie Ihre Implementierung mit den in der Testsektion erwähnten Tools
  • Denken Sie daran, dass Hreflang ein Hinweis ist, keine Anweisung - Suchmaschinen können trotzdem eine andere Version anzeigen, wenn sie diese für relevanter halten
  • Verwenden Sie für Konsistenz dieselbe Methode (HTML-Head, HTTP-Header oder XML-Sitemap) auf Ihrer gesamten Website

Zusätzliche Ressourcen

Offizielle Hreflang-Dokumentation von GoogleAhrefs Hreflang-Leitfaden
Code

Implementierungsmethoden

Verschiedene Möglichkeiten zur Implementierung von Hreflang, jede mit eigenen Vorteilen

Methoden

HTML-Head-Tags

★★★★★
Beste Option für die meisten Websites

Hreflang-Tags direkt im <head>-Bereich jeder Seite hinzufügen

Direkte Kontrolle über Tags auf jeder Seite

Einfach zu implementieren für kleine Websites

Funktioniert mit allen Suchmaschinen

Code-Beispiele

Grundlegende HTML-Implementierung

HTML
<link rel="alternate" hreflang="en" href="https://example.com/page" />
<link rel="alternate" hreflang="de" href="https://example.com/de/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page" />

Praxisbeispiel

Hier ist ein Beispiel, wie eine hreflang-Implementierung auf einer echten Website aussieht:

Booking.com (HTML-Head-Implementierung)

Die Website Booking.com verwendet hreflang-Tags im Head für jede Sprache/Region

HTML
<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="utf-8">
  <title>Guía de Viajes España | Booking.com</title>
  
  <!-- Self-reference (Spanish - Spain) -->
  <link rel="alternate" hreflang="es-ES" href="https://www.booking.com/destinacione/pais/es.es.html" />
  
  <!-- Other language versions -->
  <link rel="alternate" hreflang="en-GB" href="https://www.booking.com/destinations/country/es.en-gb.html" />
  <link rel="alternate" hreflang="en-US" href="https://www.booking.com/destinations/country/es.html" />
  <link rel="alternate" hreflang="de" href="https://www.booking.com/destinations/country/es.de.html" />
  <link rel="alternate" hreflang="fr" href="https://www.booking.com/destinations/country/es.fr.html" />
  <link rel="alternate" hreflang="it" href="https://www.booking.com/destinations/country/es.it.html" />
  
  <!-- Default version -->
  <link rel="alternate" hreflang="x-default" href="https://www.booking.com/destinations/country/es.html" />
  
  <link rel="canonical" href="https://www.booking.com/destinacione/pais/es.es.html" />
  <!-- Other meta tags... -->
</head>
<body>
  <!-- Page content -->
</body>
</html>

Hinweis: Dies ist ein vereinfachtes Beispiel basierend auf echten Implementierungen. Tatsächliche Implementierungen können abweichen.

Profi-Tipps

Selbstreferenzierende Tags einschließen

Absolute URLs verwenden

Bidirektionale Links überprüfen

Externe Ressourcen

Google Search Central

Offizielle Dokumentation zu lokalisierten Versionen

Moz Hreflang-Anleitung

Umfassende Anleitung zur hreflang-Implementierung

Besonderheiten des deutschen Marktes

Wichtige Überlegungen bei der Ausrichtung auf deutschsprachige Märkte

Regionale Variationen

Deutsch variiert zwischen Deutschland (de-DE), Österreich (de-AT) und der Schweiz (de-CH). Erwägen Sie de-DE für Deutschland und de-AT oder de-CH für österreichische oder schweizerische Märkte.

Lokales Suchverhalten

Deutsche Nutzer suchen oft anders als englische Nutzer. Keywords sind möglicherweise keine direkten Übersetzungen, und die Suchintention kann je nach Region variieren.

Domain-Strategie

Erwägen Sie die Verwendung von ccTLDs (.de für Deutschland) oder Unterverzeichnissen mit korrektem Geotargeting für bessere lokale Sichtbarkeit.

Content-Lokalisierung

Über die Übersetzung hinaus sollten Sie Inhalte für kulturelle Relevanz, lokale Beispiele, Währung und Maßeinheiten anpassen.

Praktischer Leitfaden

CMS-Implementierung

So implementieren Sie Hreflang in gängigen Content-Management-Systemen

WordPress

WordPress

Beliebtes CMS mit starker mehrsprachiger Unterstützung durch Plugins

1

WPML installieren und aktivieren

2

Sprachen und URL-Struktur konfigurieren

3

WPML fügt automatisch Hreflang-Tags hinzu

Empfohlenes Plugin:

WPML (WordPress Multilingual Plugin)
Shopify

Shopify

E-Commerce-Plattform mit integrierten mehrsprachigen Funktionen

1

Mehrere Sprachen im Shopify-Admin aktivieren

2

Sprachspezifische URLs konfigurieren

3

Apps für erweiterte Hreflang-Kontrolle verwenden

Empfohlenes Plugin:

Langify oder Weglot
Drupal

Drupal

Leistungsstarkes CMS mit integrierten mehrsprachigen Fähigkeiten

1

Sprach- und Inhaltsübersetzungsmodule aktivieren

2

Spracherkennung und -auswahl konfigurieren

3

Metatag-Modul für Hreflang verwenden

Empfohlenes Plugin:

Core Multilingual-Module
WooCommerce

WooCommerce

E-Commerce-Plugin für WordPress mit mehrsprachigen Fähigkeiten

1

WPML oder Polylang mit den jeweiligen WooCommerce-Add-ons installieren und aktivieren

2

Sprachen und Übersetzungseinstellungen konfigurieren

3

Produkte, Kategorien und Checkout-Seiten übersetzen

4

Überprüfen, ob Hreflang-Tags auf Produktseiten korrekt implementiert sind

5

Währung und Zahlungsgateways für verschiedene Regionen einrichten, falls erforderlich

Empfohlenes Plugin:

WPML mit WooCommerce Multilingual
Magento

Magento

Enterprise-E-Commerce-Plattform mit integrierter mehrsprachiger Unterstützung

1

Store-Ansichten für jede Sprach-/Lokalitätskombination in Ihrem Magento-Admin einrichten

2

Locale und Sprache für jede Store-Ansicht konfigurieren

3

Inhalte, Produkte und Shop-Informationen übersetzen

4

Den integrierten Hreflang-Tag-Generator aktivieren und konfigurieren

5

Implementierung über Quellcode-Ansicht oder Browser-Entwicklertools überprüfen

Empfohlenes Plugin:

Integrierte Store-Ansichten
Webflow

Webflow

Visuelle Webdesign-Plattform mit benutzerdefinierten Code-Fähigkeiten

1

Separate Seiten oder Ordner für jede Sprachversion erstellen

2

Benutzerdefinierten Code-Snippet im Head-Bereich jeder Seite hinzufügen

3

Sicherstellen, dass jede Sprachversion Links zu allen anderen Sprachversionen hat

4

Absolute URLs für alle Hreflang-Referenzen verwenden

5

Implementierung mit Browser-Entwicklertools testen

Empfohlenes Plugin:

Weglot oder benutzerdefinierter Code
Benutzerdefinierte Frameworks

Benutzerdefinierte Frameworks

Headless CMS oder maßgeschneiderte Lösungen

1

Sprach- und regionale Struktur Ihrer Website identifizieren

2

Spracherkennungs- und URL-Routing-Logik erstellen

3

Sprachumschalter und korrekte Weiterleitungen implementieren

4

Hreflang-Tags zu allen Seitenvorlagen mit Ihrer bevorzugten Methode hinzufügen

5

Automatisierte Tests erstellen, um sicherzustellen, dass bidirektionale Links beibehalten werden

Empfohlenes Plugin:

Benutzerdefinierte Implementierung
Überprüfung

Tests & Validierung

Tools und Techniken zur Validierung Ihrer Hreflang-Implementierung

Google Search Console

Googles offizielles Tool zur Überwachung der Hreflang-Implementierung und Identifizierung von Problemen.

Der Bericht zur internationalen Ausrichtung zeigt Hreflang-Fehler

Überprüfung der Sprach- und Länderausrichtung

Crawl-Abdeckung für verschiedene Sprachversionen

Direktes Feedback von Googles Crawler

Tool Besuchen

Hreflang Tags Testing Tool

Dediziertes Tool zur Validierung der Hreflang-Implementierung auf Ihrer gesamten Website.

Validiert bidirektionale Links

Prüft korrekte Sprachcodes

Identifiziert fehlende Rückverweis-Tags

Testet von mehreren Standorten aus

Tool Besuchen

Screaming Frog SEO Spider

Umfassender SEO-Crawler mit Hreflang-Validierungsfunktionen.

Crawlt die gesamte Website nach Hreflang-Tags

Exportiert Hreflang-Daten zur Analyse

Identifiziert Implementierungsfehler

Validiert gegen XML-Sitemaps

Tool Besuchen

Sitebulb

Visuelles Website-Auditing-Tool mit leistungsstarken Hreflang-Analysefunktionen.

Visuelles Hreflang-Mapping

Identifiziert verwaiste Sprachversionen

Detaillierte Implementierungsberichte

Integration mit Google Analytics

Tool Besuchen

ContentKing

Echtzeit-SEO-Monitoring-Plattform, die Hreflang-Änderungen verfolgt.

Echtzeit-Hreflang-Monitoring

Benachrichtigungen bei Implementierungsproblemen

Historische Verfolgung von Änderungen

API-Zugang für Automatisierung

Tool Besuchen

Chrome Developer Tools

Integrierte Browser-Tools zur schnellen Hreflang-Überprüfung.

Quellcode anzeigen für manuelle Inspektion

Netzwerk-Tab zur Überprüfung von HTTP-Headern

Konsole für JavaScript-Debugging

Kostenlos und immer verfügbar

Tool Besuchen

Worauf Sie beim Testen achten sollten

Technische Prüfungen

  • Alle Tags haben vollständige absolute URLs
  • Gültige Sprachcodes (de-DE, en-US, etc.)
  • Alle Seiten enthalten Selbstreferenz-Tags
  • XML-Sitemap verwendet korrekte xhtml:link-Syntax

Strukturelle Prüfungen

  • Vollständige bidirektionale Links zwischen allen Versionen
  • x-default-Tag korrekt konfiguriert
  • Konsistenz zwischen Canonical- und Hreflang-Tags
  • Keine Weiterleitungen, die Hreflang beeinträchtigen