hreflang
Stell dir vor, du betreibst einen Buchladen, der Besucher aus der ganzen Welt anzieht. Um sicherzustellen, dass jeder die Beschreibungen in seiner eigenen Sprache lesen kann, platzierst du kleine Schilder neben jedem Buch, die angeben, in welcher Sprache die Beschreibung verfügbar ist. Genau diese Funktion übernimmt das „hreflang“-Attribut für Websites.
Definition
hreflang
Das „hreflang“-Attribut ist ein HTML-Attribut, das Suchmaschinen dabei hilft zu verstehen, welche Sprache oder regionale Variante einer Seite sie den Suchenden in Abhängigkeit von deren Standort oder Spracheinstellungen anzeigen sollen. Es signalisiert Suchmaschinen, dass es mehrere Versionen einer Seite gibt, jeweils zugeschnitten auf unterschiedliche Sprachen oder Regionen. Dadurch können Suchmaschinen die relevante Version der Seite anzeigen.
Inhaltsübersicht
Wozu brauche ich hreflang?
Internationale Präsenz: Für Websites, die Inhalte in mehreren Sprachen anbieten, stellt das hreflang-Attribut sicher, dass Nutzer:innen die Inhalte in ihrer bevorzugten Sprache finden.
Regionale Unterschiede: Wenn sich dein Angebot zwischen verschiedenen Regionen unterscheidet, etwa in Preisgestaltung oder verfügbaren Produkten, hilft hreflang dabei, die passendste Seite anzuzeigen.
Vermeidung von Duplicate Content: Durch die Verwendung von hreflang können Seiten mit ähnlichem Inhalt in verschiedenen Sprachen als solche gekennzeichnet werden, um Duplicate Content Probleme zu vermeiden. Dies ist insbesondere im DACH-Raum von Bedeutung.
Wie implementiere ich hreflang?
Es gibt mehrere Methoden, das hreflang-Attribut auf deiner Website zu implementieren. Hier sind einige Beispiele:
HTML-Header
Füge entsprechende Link-Elemente in den Header deiner Website ein. Zum Beispiel:
<link rel=“alternate“ hreflang=“en“ href=“http://www.deine-seite.com/en/“ />
<link rel=“alternate“ hreflang=“de“ href=“http://www.deine-seite.com/de/“ />
Sitemap
Eine weitere Möglichkeit besteht darin, hreflang-Informationen in der XML-Sitemap deiner Website anzugeben. Dies ist besonders effektiv für große Websites mit vielen Seiten.
Http-Header
Für nicht-HTML-Dateien (wie PDFs) kannst du hreflang-Informationen auch im HTTP-Header übermitteln.
Was ist mit Sprachen, für die ich keinen passenden Content habe?
Die Antwort darauf lautet: hreflang=x-default
Das „hreflang=x-default“-Attribut wird verwendet, um Suchmaschinen anzuzeigen, welche URL als universelle oder standardmäßige Seite dient, falls keine spezifischere sprachliche oder regionale Version für die Suchenden verfügbar ist. Es handelt sich dabei also um die „Fallback„-Option für alle Nutzer:innen, deren Sprachen oder Regionen nicht explizit in den anderen „hreflang“-Attributen deiner Seite aufgeführt sind.
Beispiel: hreflang=x-default
Nehmen wir an, du betreibst eine Website, die in Englisch, Deutsch und Französisch verfügbar ist, und möchtest sicherstellen, dass Nutzer, deren Sprache du nicht unterstützt, auf die englische Version der Website geleitet werden. Hierfür würdest du dein hreflang-Tag wie folgt erweitern:
<link rel=“alternate“ hreflang=“en“ href=“http://www.deine-seite.com/en/“ />
<link rel=“alternate“ hreflang=“de“ href=“http://www.deine-seite.com/de/“ />
<link rel=“alternate“ hreflang=“fr“ href=“http://www.deine-seite.com/fr/“ />
<link rel=“alternate“ hreflang=“x-default“ href=“http://www.deine-seite.com/en/“ />
In diesem Fall fungiert die englische Version deiner Website als Standardoption für Besucher:innen, deren Sprache nicht spezifisch unterstützt wird. Dies gewährleistet eine bessere Nutzererfahrung.
Verwandte Artikel
Noch nicht das Richtige gefunden?
Willst du richtig tief in ein Thema eintauchen und mit einer Anleitung ein spezifisches Problem lösen? Dann findest du in unserem Ratgeber für SEO und Content-Marketing genau die passenden Inhalte!