Letzte Woche musste ich meine Back to Basics Reihe leider pausieren, um einen Artikel etwas dringlicheren Themen (der Warnung vor Linkbuilding) zu widmen. Heute möchte ich das nachholen und Dich wieder mit auf meine Trainee-Reise nehmen. Und welches Thema eignet sich besser für den Wiedereinstieg, als einer der komplexesten SEO-Aspekte?
Doch auch wenn hreflang eines der komplexesten SEO-Themen sein kann, heißt es nicht, dass es das auch sein muss. Ganz im Sinne dieser Reihe, werde ich Dir das Thema auf die Grundlagen herunterbrechen, um Dir ein Tipps für Dein internationales SEO mitzugeben.
Was ist hreflang und wieso solltest Du es nutzen?
Hreflang ist ein HTML Attribut, mit dem Du Deiner Seite Sprach- und Länderzielgruppen zuweisen kannst. Wenn du also mehrere Versionen derselben Seite in verschiedenen Sprachen hast, kannst Du Google damit helfen, den Zusammenhang der Sprach- und Landversionen besser zu verstehen.
Der größte Vorteil von hreflang ist, dass Du so sichergehen kannst, dass Google Deinen Nutzern die korrekte Seite liefert. Solltest Du 2 regional unterschiedliche Seiten ohne hreflang-Attribut haben, riskierst Du, dass Suchende auf der falschen Version landen. Da die Nutzer Deine Seite dann schnell wieder verlassen werden, bringt das nicht nur negative Nutzer Signale mit sich, sondern lässt auch die Bemühungen, Deine Seite in andere Sprachen zu übersetzen, verpuffen.
Hreflang kann allerdings auch einen direkten Ranking-Einfluss haben. Gary Illyes erzählt in diesem Video, dass Seiten im selben hreflang Cluster sich ihre Ranking-Signale teilen. Wenn Deine englische Seite von Google also als passendes Ergebnis für eine Suchanfrage betrachtet wird, erhält die spanische Version Deines Inhaltes denselben Status zu dem Suchbegriff.
Ein weiterer Grund für die Nutzung von hreflang ist, dass Du so Probleme mit Duplikaten vermeiden kannst. Solltest Du für Deinen Content zum Beispiel eine deutsche und eine österreichische Version haben (welche sich nicht sonderlich voneinander unterscheiden), läufst Du Gefahr, dass Google nur eine der beiden beachtet.
Hreflang bietet also viele Vorteile, wenn Du Inhalte in unterschiedlichen Sprachen hast. Doch wie kannst Du hreflang am besten nutzen?
Wie man hreflang einbaut:
Hreflang sieht ungefähr so aus:
<link rel="alternate" hreflang="xx-XX" href="https://example.com/en" />
- rel=”alternate” gibt an, dass es sich bei der Seite um eine alternative Version der verlinkenden Seite handelt.
- hreflang=”xx-XX” gibt hierbei den Sprachcode und optional auch den Ländercode an. Beispielsweise “en-gb”.
- href=”example.com” gibt hierbei die URL der jeweiligen Sprachvariante an.
Die Reihenfolge, in der Du diese hreflang Bestandteile angibst ist dabei egal und muss für einen einzelnen hreflang-Block auch nicht einheitlich sein.
Wichtig zu beachten:
1\. Hreflang sollte immer bidirektional verlinkt werden. Heißt, wenn Deine Seite https://www.beispiel.de auf https://www.example.com als englische Version verweist, dann muss die englische Seite ebenso auf die deutsche Seite zurückverweisen. Wenn die andere Sprachvariante nicht zurück verlinkt, ignoriert Google Dein hreflang für diesen Cluster.
2\. Du solltest ein selbstreferenzierendes hreflang-Attribut einbauen. Google selbst sagt, dass jede Sprache sich selbst und jede andere Sprache referenzieren sollte.
3\. Du musst Deine alternativen URL-Versionen gänzlich auszeichnen. Schreibe also https://www.exemple.fr anstatt //exemple.fr.
4\. Überlege Dir, ob Du einen Fallback einbauen willst.
Mittels x-default kannst Du eine Seite für Nutzer bestimmen, für die Du keine extra Sprachvariante hast. Dazu kannst Du einfach eine Zeile in Deinem hreflang ergänzen und festlegen, wo Nutzer landen sollen. Laut Google ist x-default kein muss, aber eine Empfehlung.
Du hast jetzt hoffentlich einen guten Überblick darüber, wie hreflang aufgebaut ist und was Du beim Implementieren beachten solltest. Allerdings haben wir eine wichtige Frage noch nicht geklärt:
Wo man hreflang einbaut:
Grundsätzlich gibt es dafür 3 Möglichkeiten.
1\. Am einfachsten und schnellsten kannst Du hreflang einfach im HTML Head Deiner Seite verbauen. Dabei schreibst Du Deinen Code einfach genau wie im oberen Beispiel in den
Bereich.2\. Alternativ kannst Du für Seiten, welche keinen HTML Header haben, den Tag auch im HTTP Header einbauen. Das bietet sich zum Beispiel für PDFs an und sieht ungefähr so aus:
Die hreflang-Angaben werden in Deiner HTTP-Kopfzeile dabei also einfach als Link hinterlegt und mittels Kommas separiert.
3\. Für große Webseiten mit vielen verschiedenen Sprachvarianten, kannst Du Deine hreflang-Attribute auch über die XML Sitemap einreichen.
Hier findest Du ein Beispiel von Google dazu, wie das aussehen kann. Auch wenn dieser Weg erst recht kompliziert erscheint, bietet er ein paar Vorteile. Bei einer Vielzahl an verschiedenen Sprachvarianten kannst Du Dir so das Aufblähen Deines HTML Codes sparen. Auch Updates und Wartungen des Codes können damit einfacher sein.
Wie Du siehst, muss hreflang gar nicht so kompliziert sein. Wenn Du gerne noch tiefer und technischer in die Materie des hreflangs eintauchen möchtest, kann ich Dir diesen hreflang Artikel auf unserer Webseite empfehlen. Ansonsten konntest Du hoffentlich bereits den ein oder anderen Tipp für Deine internationale SEO mitnehmen.