{"id":4819,"date":"2021-12-06T13:31:53","date_gmt":"2021-12-06T12:31:53","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=4819"},"modified":"2023-11-30T17:05:22","modified_gmt":"2023-11-30T16:05:22","slug":"hreflang","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/hreflang\/","title":{"rendered":"hreflang!? Optimiert deine internationale Webseite f\u00fcr Google"},"content":{"rendered":"

hreflang ist kurz gesagt eine M\u00f6glichkeit, um einer Suchmaschine mitzuteilen, f\u00fcr welche Region und welche Sprache die aktuelle Webseite ausgelegt ist. Somit k\u00f6nnen Suchmaschinen wie Google, Bing und Co. den Nutzern, das f\u00fcr sie beste Ergebnis ausliefern. Das ist das oberste Ziel der Suchmaschinen. Denn nur wenn sie gute Ergebnisse liefern, werden sie auch genutzt.<\/p>\n

Der Webseiteninhaber profitiert ebenfalls davon. Je besser eine Seite f\u00fcr Suchmaschinen aufbereitet ist, umso h\u00f6her ist die Wahrscheinlichkeit, dass sie weiter vorne in den Suchergebnissen auftaucht. Das wiederrum ist oftmals das oberste Ziel von Webseiteninhabern, dass ihre Webseite gefunden wird.<\/p>\n

Aber der Begriff hreflang klingt schon mal sehr technisch. Daher werden wir ihn hier n\u00e4her beleuchten.<\/p>\n

Lokalisierung einer Webseite<\/h2>\n

Das Internet geht \u00fcber Grenzen hinweg, ebenso auch die Webseiten. Nur bedarf es oftmals Anpassungen an die \u00f6rtlichen Gegebenheiten. Existiert die eigene Webseite nur in einer Sprache f\u00fcr eine Region, dann ist der Einsatz vom hreflang hinf\u00e4llig. Sobald ich aber meine Webseite auf Deutsch und Englisch anbiete, sollte auch das hreflang zum Einsatz ankommen. Selbst f\u00fcr einsprachige Webseiten ist es zu verwenden, wenn die Webseite f\u00fcr verschiedene L\u00e4nder gedacht ist.<\/p>\n

Ein Beispiel<\/h3>\n

Mal angenommen ich habe einen Shop im Internet f\u00fcr R\u00e4ucherm\u00e4nnchen aus dem Erzgebirge. Dieser Shop ist auf Deutsch und die Produkte wurden bisher auch nur in Deutschland verkauft. Nun m\u00f6chte ich aber meine R\u00e4ucherm\u00e4nnchen auch in \u00d6sterreich und der Schweiz verkaufen. Somit passe ich die Preise, Steuern etc. f\u00fcr den jeweiligen Markt an. F\u00fcr ein einzelnes Produkt ergeben sich 3 verschiedene URLs.<\/p>\n

# URL f\u00fcr Deutschland\r\nhttps:\/\/www.rauechermaennel-shop.de\/nikolaus\/\r\n# URL f\u00fcr \u00d6sterreich\r\nhttps:\/\/www.rauechermaennel-shop.at\/nikolaus\/\r\n# URL f\u00fcr die Schweiz\r\nhttps:\/\/www.rauechermaennel-shop.de\/ch\/nikolaus\/<\/pre>\n
Die neuen Varianten der Webseite sollen nun in dem jeweiligen Google-Index landen. Sucht ein Nutzer in \u00d6sterreich nach einem Nikolaus-R\u00e4ucherm\u00e4nnchen, so soll ihm die Seite https:\/\/www.rauechermaennel-shop.at\/nikolaus\/<\/code>\u00a0angezeigt werden.<\/p>\n
Die Herausforderung lag bis zur Einf\u00fchrung vom hreflang im Jahr 2011 immer bei den Suchmaschinen, aus der Vielzahl von Webseiten-Varianten die Korrekte heraus zu finden. Mit dem hreflang haben Webseitenbesitzer selbst die M\u00f6glichkeit zu definieren, welche Webseite wem angezeigt werden soll.<\/p>\n
Zudem werden doppelte Inhalte umgangen. Suchmaschinen m\u00f6gen es nicht, wenn es Webseiten mit nahezu identischen Inhalt gibt. Hier ist schwer zu sagen, welche Webseite denn nun dem Nutzer angezeigt werden soll. Der Nutzer will ja auch nicht dreimal das identische Ergebnis angezeigt bekommen. Schlimmstenfalls straft die Suchmaschine die doppelten Inhalte ab und die Ergebnisse werden erst weit hinten angezeigt. Das gilt es als Webseiteninhaber zu vermeiden.<\/p>\n
Aufbau des hreflang-Attributs<\/h3>\n
Zur\u00fcck zur Praxis, das hreflang ist ein Attribut, mit dem wir u.a. direkt im HTML die verschiedenen Versionen auszeichnen k\u00f6nnen. Das sieht dann wie folgt aus.<\/p>\n
<link rel=\"alternate\" hreflang=\"sprach-und-laender-code\" href=\"url_der_seite\" \/><\/pre>\n
Die Angabe einer Sprache ist obligatorisch. Der zweistellige Code ergibt sich aus der ISO 639-1<\/a>. F\u00fcr deutsch lautet der Code de<\/em>. Zudem kann eine Region angegeben werden. Dies erfolgt auch wieder \u00fcber einen zweistelligen Code aus der ISO\u00a03166-1 Alpha\u00a02<\/a>. Beides zusammen wird mit einem Bindestrich getrennt.<\/p>\n
<link rel=\"alternate\" hreflang=\"de\" href=\"https:\/\/www.rauechermaennel-shop.de\/nikolaus\/\" \/>\r\n<link rel=\"alternate\" hreflang=\"de-AT\" href=\"https:\/\/www.rauechermaennel-shop.at\/nikolaus\/\" \/>\r\n<link rel=\"alternate\" hreflang=\"de-CH\" href=\"https:\/\/www.rauechermaennel-shop.de\/ch\/nikolaus\/\" \/><\/pre>\n
Nun wei\u00df die Suchmaschine genau, welche Seite in welchem Land angezeigt werden soll. Zudem werden die einzelnen Varianten nicht mehr als potentielle, doppelte Inhalte eingestuft.<\/p>\n
Darauf ist bei hreflang zu achten<\/h2>\n
Beim Einsatz vom hreflang gibt es einige Dinge zu beachten. Ansonsten sind alle Bem\u00fchungen hinf\u00e4llig.<\/p>\n
hreflang m\u00fcssen in alle Richtungen funktionieren<\/h3>\n
Es werden immer alle Sprachversionen angegeben inklusive der Version der aktuellen Seite.<\/p>\n
Damit die alternativen URLs nicht willk\u00fcrlich vergeben werden, ist es wichtig, dass auch diese URLs wieder auf die urspr\u00fcngliche Version verweisen. Der Quellcode aus unserem Beispiel sollte also bei allen 3 URLs hinterlegt sein. Fehlt bei einer Seite die R\u00fcckverkn\u00fcpfung wird die hreflang-Beziehung hier ignoriert. Google entscheidet dann wieder selbst\u00e4ndig, ob und wann es welche Version anzeigt wird, so als g\u00e4be es die hreflang-Angabe nicht.<\/p>\n
Daher ist es immer wichtig, dass jede verkn\u00fcpfte Seite auch wieder zur\u00fcck auf die Ursprungsseite verweist.<\/p>\n
hreflang und Canonical<\/h3>\n
Der Canonical<\/a> ist ein weiteres Hilfsmittel, um doppelte Inhalte zu vermeiden. Hier wird die Hauptversion der Seite angegeben, welche auch im Index landen soll. Im Zusammenhang mit hreflang ist zu merken, dass wenn der Canonical nicht der aktuellen URL entspricht, dann sollten auf dieser Seite auch keine hreflang-Auszeichnungen zu finden sein. Denn hier widersprechen sich die Signale.<\/p>\n
<link rel=\"canonical\" href=\"https:\/\/www.rauechermaennel-shop.de\/nikolaus-mit-muetze\/\"\/>\r\n<link\u00a0rel=\"alternate\"\u00a0hreflang=\"de\"\u00a0href=\"https:\/\/www.rauechermaennel-shop.de\/nikolaus\/\"\u00a0\/>\u00a0\r\n<link\u00a0rel=\"alternate\"\u00a0hreflang=\"de-AT\"\u00a0href=\"https:\/\/www.rauechermaennel-shop.at\/nikolaus\/\"\u00a0\/>\u00a0\r\n<link\u00a0rel=\"alternate\"\u00a0hreflang=\"de-CH\"\u00a0href=\"https:\/\/www.rauechermaennel-shop.de\/ch\/nikolaus\/\"\u00a0\/><\/pre>\n
Einerseits wird mit dem Canonical gesagt, indexiere bitte nicht diese URL sondern eine andere. Andererseits wird mit dem hreflang gesagt, indexiere z.B. f\u00fcr die deutsche Seite die aktuelle URL. Aber eigentlich sollst du die ja nicht indexieren, sondern laut Canonical eine andere. Wer jetzt verwirrt ist, der kann sich in die Suchmaschinen rein versetzen.<\/p>\n
Sollte eine solche falsche Implementierung erfolgt sein, werden alle Hinweise ignoriert und schlimmstenfalls verschlechtert sich das Ranking der Seite. Daher ist die Beziehung zwischen Canonical und hreflang ebenso zu beachten, wie die Beziehung der hreflangs untereinander.<\/p>\n
x-default als Fallback<\/h3>\n
Mit dem Wert x-default l\u00e4sst sich anstelle des Sprach-\/L\u00e4nderk\u00fcrzels die Fallback-Version f\u00fcr alle nicht definierten Sprachen und Regionen angeben. Diese Seite soll also allen Nutzer als Suchergebnis ausgegeben werden, wenn Sie nicht aus \u00d6sterreich oder der Schweiz kommen und deutsch nicht als Browser-Sprache angegeben haben.<\/p>\n
<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/www.rauechermaennel-shop.com\/nikolaus\/\" \/>\r\n<link\u00a0rel=\"alternate\"\u00a0hreflang=\"de\"\u00a0href=\"https:\/\/www.rauechermaennel-shop.de\/nikolaus\/\"\u00a0\/>\u00a0\u00a0\r\n<link\u00a0rel=\"alternate\"\u00a0hreflang=\"de-AT\"\u00a0href=\"https:\/\/www.rauechermaennel-shop.at\/nikolaus\/\"\u00a0\/>\u00a0\u00a0\r\n<link\u00a0rel=\"alternate\"\u00a0hreflang=\"de-CH\"\u00a0href=\"https:\/\/www.rauechermaennel-shop.de\/ch\/nikolaus\/\"\u00a0\/><\/pre>\n
hreflang Methoden<\/h3>\n
Es existieren 3 verschiedene Methoden, um einen hreflang anzugeben. Bisher haben wir hier nur eine Methode vorgestellt. Dabei erfolgt die Definition der hreflang-Beziehungen direkt im ausgelieferten HTML-Code.<\/p>\n
Neben dieser Variante k\u00f6nnen die Informationen auch \u00fcber den HTTP-Header oder die Sitemap.xml mit ausgegeben werden. Weitere Informationen dazu finden sich in der Google-Dokumentation<\/a>.<\/p>\n
Werkzeuge f\u00fcr hreflang<\/h2>\n
An dieser Stelle listen wir verschiedene Tools, welche im Umgang mit dem hreflang n\u00fctzlich sein k\u00f6nnen.<\/p>\n
Generierung von hreflang HTML<\/h3>\n
    \n
  • Hreflang-Generator<\/a> von Sistrix<\/li>\n
  • hreflang Tags Generator Tool<\/a> von Aleyda Solis<\/li>\n<\/ul>\n
    \u00dcberpr\u00fcfung von hreflang Auszeichnungen<\/h3>\n
      \n
    • Hreflang \u00dcberpr\u00fcfen<\/a> mit Sistrix<\/li>\n
    • hreflang testing tool<\/a> von technicalseo.com<\/li>\n
    • Browser-Erweiterung<\/a> f\u00fcr Chrome<\/li>\n<\/ul>\n
      hreflang und TYPO3<\/h3>\n
      Bei Content Management Systemen werden die hreflang-Auszeichnungen automatisiert erstellt. Ebenso verh\u00e4lt es sich bei TYPO3. Seit der Version TYPO3 v9.5 LTS kann das System das von Hause aus. Die Kern-Erweiterung SEO<\/a> macht es m\u00f6glich.<\/p>\n
      F\u00fcr \u00e4ltere TYPO3-Versionen kann die cs_seo<\/a> genutzt werden. Aber auch in der aktuellen TYPO3-Version ist sie f\u00fcr die hreflang-Generierung n\u00fctzlich. Sie verhindert, dass unerw\u00fcnschte URL-Parameter in den hreflang-Attributen und somit im Suchindex landen.<\/p>\n
      Noch Fragen?<\/h3>\n
      Dieser Artikel soll Ihnen helfen, das doch komplexere Thema hreflang zu verstehen. Zudem kann es n\u00fctzlich sein, sich noch das offizielle Video von Google zu diesem Thema sich anzuschauen. Wir haben es Ihnen an dieser Stelle eingebettet.<\/p>\n
      \"Info<\/p>\n
      Dieses Video wird \u00fcber eine externe Plattform (YouTube) gehostet. Das Laden bedarf der Zustimmung unserer Datenschutzbestimmungen.<\/a><\/p>\n
      Einstellung vornehmen<\/a><\/div>\n