hreflang


hreflang ist ein HTML-Attribut, das dazu dient, Webseiten mit gleichem Inhalt in unterschiedlichen Sprachen auszuliefern. 2011 von Google eingeführt, erlaubt das hreflang-Attribut der Suchmaschine, unterschiedliche Sprach- und Länderversionen ein und derselben Website zu crawlen und sie einander zuzuordnen. So kann Webcontent passend zur Zielregion der User ausgeliefert werden. Häufig findet hreflang etwa im E-Commerce und Foren Anwendung. Das hreflang-Attribut unterstützt die Nutzerfreundlichkeit und ist für die Suchmaschinenoptimierung auf internationaler Ebene unverzichtbar. Voraussetzung dafür, dass Webseitenbetreiber die Vorteile von hreflang ausschöpfen können, ist eine korrekte Implementierung. So ist zum Beispiel zu beachten, dass das hreflang-Attribut immer in Verbindung mit dem rel-Attribut verwendet werden muss. Seit Juli 2014 können Probleme bei der Integration des hreflang-Attributs über die Google Search Console überprüft werden.[1]

Aufbau des hreflang-Markups

hreflang-Attribute sind nach einer immer wiederkehrenden, schematischen Syntax aufgebaut. Sie bestehen aus 3 Elementen: 1. link rel="alternate": Hier folgt der Link, der auf eine alternative Version der Leite verweist. 2. hreflang="x": Begründet die alternative Seitenversion durch die Angabe einer anderen Sprache x. 3. href="https://beispielseite.de/alternate-page": Unter dieser URL kann die alternative Seitenversion gefunden werden.

Hintergrund und Nutzen von hreflang

Im Zuge der zunehmenden Internationalisierung von Webseiten hat Google im Jahr 2011 das hreflang-Markup eingeführt.[2] Es gibt Webmastern die Möglichkeit, ihre international ausgerichteten Webseiten so zu markieren, dass die Inhalte passend zur Region der Nutzer ausgegeben werden.[3] Damit ist hreflang auch ein hilfreiches Tool, um Duplicate Content zu vermeiden.[4]

Wann und wo kommt hreflang zum Einsatz?

Es gibt drei zentrale Anwendungsgebiete, in denen die Implementierung von hreflang sinnvoll ist:

1. Webseiten (z.B. internationaler Unternehmen), deren identische Inhalte auf unterschiedlichen Sprachen ausgegeben werden.

deutsche Sprachversion

<link rel="alternate" href="https://de.unternehmen-international.com" hreflang="de" />

englische Sprachversion

<link rel="alternate" href="https://en.unternehmen-international.com" hreflang="en" />

2. Webseiten (vorrangig Online-Shops), die im gleichen Sprachraum (z.B. DACH-Region), jedoch mit abweichenden Elementen (z.B. Währungen, Lieferbedingungen u.ä.) ausgegeben werden. deutsche Sprachversion

<link rel="alternate" href="https://onlineshop-dachregion.de/kategorie-a" hreflang="de-DE" />

schweizerdeutsche Sprachversion

<link rel="alternate" href="https://onlineshop-dachregion.ch/kategorie-a" hreflang="de-CH" />

3. Webseiten mit nutzergenerierten Inhalten von Nutzern aus unterschiedlichen Sprachregionen (z.B. Foren), bei denen lediglich Template-Elemente der Website (z.B. Menü, Impressum o.ä.) übersetzt werden.

Für Sprachen können die Codes nach ISO 639-1 verwendet werden.[5] Für Länder sind die Kürzel aus der ISO-3166-1-Kodierliste verwendbar.[6]

hreflang-Implementierung

Das hreflang-Markup kann auf 3 unterschiedliche Weisen in eine Website implementiert werden:[7] 1. als HTML Meta-Tag im -Bereich der Website

<head>
<link rel="alternate" hreflang="en" href="http://meineseite.de/en" /> 
</head>

Im Bereich von HTML-Dokumenten können auch PDFs oder zum Download angebotene andere Dateien ausgezeichnet werden

<http://meineseite.de/en />; rel="alternate"; hreflang="en"

2. in der XML-Sitemap Mit der Implementierung von hreflang in die Sitemap, können Suchmaschinen bereits auf die verschiedenen Sprachversionen hingewiesen werden:

<?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>http://www.meineseite.de/en/</loc>
<xhtml:link rel=”alternate” hreflang=”de” href=”http://www.mysite.de/de/”/>
<xhtml:link rel=”alternate” hreflang=”de-ch href=”http://www.mysite.de/de-ch/”/>
<xhtml:link rel=”alternate” hreflang=”en” href=”http://www.mysite.de/en/” />
</url>
</urlset>

3. im HTTP-Header

HTTP/1.1 200 OK
Content-Type: application/pdf
Link: <http://meinewebsite.de/downloads/anleitung.pdf/>; rel="alternate"; hreflang="de"
Link: <http://meinewebsite.de/it/downloads/manuali.pdf/>; rel="alternate"; hreflang="it"

Spezialfall hreflang="x-default"

Verfügt eine Webseite über eine zentrale Seite, auf der auf alle Sprachversionen verwiesen wird, kann dort das hreflang="x-default" zum Einsatz kommen. Jede Seite verweist dann per hreflang="x-default" auf diese Übersichtsseite. Diese Taktik bietet sich z.B. bei .com-Domains an, die international ausgerichtet sind und über viele Sprachversionen verfügen.

Bedeutung von hreflang für SEO

Wer Webseiten betreibt, die international ausgerichtet sind und deren Inhalte in verschiedenen Sprachversionen existieren oder deren Inhalte trotz gleicher Sprache regionale Besonderheiten aufweisen, sollte hreflang unbedingt einbinden. Denn so werden optimale Voraussetzungen dafür geschaffen, dass die Inhalte nutzerspezifisch ausgeliefert werden.

Die Verwendung von hreflang an sich ist kein Rankingfaktor. International ausgerichtet Webseiten mit verschiedenen Sprachversionen erhöhen durch die Verwendung von hreflang jedoch die Usability und die Relevanz der Seite für den User. Durch die Verringerung der Bounce Rate und die Erhöhung der Verweildauer wird die Website zugleich indirekt suchmaschinenoptimiert. Zugleich steigt dadurch auch die Chance auf eine mögliche Conversion, die der gleiche Nutzer ausführt.

Einzelnachweise

  1. Fehlerbehebung für Hreflang-Annotationen Google Search Central. Abgerufen am 25.07.2021
  2. New Markup for Multilingual Content Google Search Central. Abgerufen am 25.07.2021
  3. Bericht zur internationalen Ausrichtung Google Search Console-Hilfe. Abgerufen am 25.07.2021
  4. hreflang für mehrsprachige Inhalte Wingmen Online Marketing. Abgerufen am 25.07.2021
  5. Liste der ISO-639-1-Codes Wikipedia. Abgerufen am 25.07.2021
  6. Ländercodeliste ISO-3166-1 Wikipedia. Abgerufen am 25.07.2021
  7. Wie man hreflang in die Sitemap oder im HTTP-Header implementiert Bloofusion. Abgerufen am 25.07.2021

Weblinks