Kontinuierlich daran zu arbeiten, Ihre Website für die Suchmaschinensichtbarkeit zu optimieren, stellt sicher, dass neue Benutzer Ihre Inhalte im Web finden können. Es gibt eine Reihe von Techniken, die Sie verwenden können, um die SEO-Rankings Ihrer Website zu verbessern für ein nationales Publikum, jedoch wenn Sie versuchen, Zielgruppen in mehreren Ländern oder Besucher, die mehr als eine Sprache sprechen, zu erreichen, müssen Sie einige zusätzliche Regeln befolgen — eine davon ist das Hinzufügen von hreflang-Tags zu Ihrer Website.
Suchmaschinen lesen hreflang-Tags, um sicherzustellen, dass Ihre Seiten korrekt für ein definiertes internationales Publikum indiziert werden und dass diese Benutzer zu den richtigen Versionen Ihrer Website geleitet werden. Glücklicherweise gibt es einige relativ einfache, leicht anwendbare Methoden, die Sie verwenden können, um diese Attribute auf Ihrer Website einzufügen und zu nutzen.
In diesem Beitrag stellen wir Ihnen hreflang-Tags vor und erklären, warum sie wichtig sind. Anschließend führen wir Sie durch die Implementierung auf Ihrer Website. Lassen Sie uns beginnen!
Eine Einführung in Hreflang-Tags
Erstmals eingeführt von Google im Jahr 2011, gibt das hreflang-Attribut die Sprache des Inhalts auf einer Seite an.
Sie können hreflang-Tags verwenden, um gezielt bestimmte Länder anzusprechen. Sie sind nützlich für Websites, die Inhalte in mehreren Sprachen anbieten.
Hreflang-Tags werden dem <head>-Abschnitt Ihres Webseiten-HTML-Codes hinzugefügt. Jeder Tag sollte die Sprache und das Land für eine bestimmte Seite angeben.
Zum Beispiel könnten die Tags wie folgt aussehen:
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="de" href="http://example.com/de/">
Im obigen Beispiel ist die erste Zeile die Standardseite für Benutzer, die keine der angegebenen Sprachen sprechen. Die zweite und dritte Zeile sind jeweils für Englisch- und Deutschsprachige. Das hreflang-Attribut gibt die Sprache an und das href-Attribut gibt die URL an.
Es ist wichtig zu beachten, dass hreflang-Tags nur von Suchmaschinen verwendet werden — sie sind für Benutzer nicht sichtbar. Darüber hinaus sind hreflang-Tags nur eine Art von Tag, die das SEO Ihrer Website und die Benutzererfahrung (UX) verbessern können. Weitere häufige Tags sind Titeltags und Meta-Beschreibungen.
Beachten Sie außerdem, dass hreflang-Tags und kanonische Tags nicht dasselbe sind. Ein kanonischer Tag ist ein HTML-Element, das Suchmaschinen mitteilt, welche Version einer Seite indexiert werden soll.
Ein hreflang-Tag gibt Suchmaschinen an, welche Version einer Seite Nutzern in verschiedenen Ländern angezeigt werden soll. Canonical-Tags lösen Probleme mit doppelten Inhalten. Im Gegensatz dazu stellen hreflang-Tags sicher, dass Nutzer, die verschiedene Sprachen sprechen, die richtigen Seitenversionen erhalten.
Warum Hreflang-Tags wichtig sind
Hreflang-Tags sind aus mehreren Gründen wichtig. Sie beeinflussen sowohl das UX als auch das SEO Ihrer Website.
Vorteile der Verwendung von Hreflang-Tags
- Stellen Sie sicher, dass Ihre Seiten korrekt indiziert sind.
- Leiten Sie Benutzer zu den korrekten Versionen Ihrer Website.
- Führt zu höheren Traffic-Niveaus und mehr Konversionen.
- Organisieren Sie Ihre Website.
- Lokalisieren Sie Ihre Inhalte für globale Benutzer.
- Verhindern Sie die Konkurrenz zwischen alternativen Webseiten.
Zusätzlich können hreflang-Tags Ihre Klickrate (CTR) von den Suchmaschinenergebnisseiten (SERPs) verbessern. Benutzer, die sehen, dass Ihre Website in ihrer Sprache verfügbar ist, klicken wahrscheinlicher darauf. Dies kann zu höherem Traffic und letztendlich zu mehr Konversionen führen.
Wie man Hreflang-Tags verwendet (3 technische Methoden)
Es gibt drei Hauptmethoden zur Implementierung des hreflang-Attributs auf Ihrer Website. Unten führen wir Sie durch jede einzelne.
Allerdings ist es unabhängig von der gewählten Methode wichtig, drei grundlegende Elemente der hreflang-Tags zu verstehen. Erstens muss das Sprachattribut in einem zweibuchstabigen Ländercode vorliegen, der als ISO 639-1-Format bekannt ist. ISO steht für Internationale Organisation für Normung. Dieser Wert besteht aus einer Sprache und kann mit einer (optionalen) Region kombiniert werden.
Sie können die ISO 3166-1 Regionscodes verwenden, um eine Region anzugeben. Es ist wichtig, die beiden nicht zu verwechseln oder sie austauschbar zu verwenden. Zum Beispiel ist der Code für die griechische Sprache „el“, aber der Code für die Region Griechenland ist „gr“.
Die zweite Regel ist, dass jede URL Rückverweise auf die kanonischen Versionen haben muss. Zum Beispiel, wenn Sie 40 Sprachen haben, würden Sie hreflang-Links für 40 URLs haben.
Schließlich benötigen Sie selbstreferenzielle Links für Ihre hreflang-Tag-Implementierung, um zu funktionieren. Dies bedeutet, dass jede Sprachversion sich auch selbst mit einem selbstreferenziellen hreflang-Tag auflisten muss, auf das die Seite zurückverweist.
Hier sind nun drei Methoden zur Verwendung von hreflang-Tags!
1. Verwenden Sie HTML-Tags in <head> Abschnitten
Wie wir zuvor erwähnt haben, ist eine der Methoden zur Implementierung von hreflang-Tags auf Ihrer Website, sie in HTML-Tags einzufügen. Dies ist oft die schnellste und einfachste Methode.
Dieser Prozess kann jedoch zeitaufwendig sein, wenn Sie eine lange Liste von Sprachen haben. Sie müssten jede Variante mit jeder anderen Variante verlinken. Zusätzlich müsste WordPress mehrere Datenbankaufrufe tätigen, um diese Links zu generieren.
Letztendlich könnte dies Ihre Website verlangsamen. Daher, wenn Sie eine größere Website haben oder eine lange Liste von Sprachen erstellen möchten, möchten Sie vielleicht stattdessen die Sitemap-Methode verwenden (siehe Methode 3).
Um diese HTML-Tag-Methode zu verwenden, müssen Sie Ihre hreflang-Tags in den <head>-Bereich jeder Ihrer Seiten einfügen. Wenn Sie beispielsweise englische und spanische Versionen für die US-Version Ihrer Website hinzufügen möchten, würden Sie den folgenden Code hinzufügen:
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="es" href="http://example.com/de/">
Im obigen Beispiel bezieht sich die erste Zeile auf die Standardseite. Die zweite und dritte sind für Englisch- und Spanischsprachige.
2. Hreflang-Tags in Ihre HTTP-Header einfügen
Wenn Sie hreflang-Tags auf nicht-HTML-Seiten wie PDFs hinzufügen möchten, haben Sie keinen HTML-Code, um die Tags einzufügen. Wenn dies der Fall ist, können Sie stattdessen Ihre HTTP-Header verwenden.
Der Code würde ungefähr so aussehen:
<http://example.pdf>; rel="alternate";hreflang="x-default", <http:/example.pdf>; rel="alternate";hreflang="en", <http://example.pdf>; rel="alternate";hreflang="es", <http://example.pdf>; rel="alternate";hreflang="de"
In diesem Beispiel fügen Sie Varianten für Englisch, Spanisch und Deutsch hinzu. Jede der jeweiligen Versionen muss in den Kopfzeilen jeder PDF-Datei platziert werden.
3. Fügen Sie Hreflang-Tags zu Ihrer Sitemap hinzu
Die dritte Methode zur Implementierung von hreflang-Tags ist die Verwendung von XML-Sitemap-Markierungen. Dieser Ansatz ermöglicht es Ihnen, die hreflang-Attribute für alle Seiten Ihrer Website an einem Ort hinzuzufügen.
Es kann Ihnen auch helfen, eine Verlangsamung Ihrer Seitenladezeit zu vermeiden (was passieren könnte, wenn Sie die Tags im Kopfbereich der Seiten platzieren). Außerdem kann das Ändern einer Sitemap wesentlich einfacher sein als das Modifizieren des <head>-Tags jeder Seite.
Die Sitemap-Methode ähnelt der HTML <head> Tag-Methode, außer dass das xhtml:link Attribut die hreflang-Annotationen zu jeder URL hinzufügt. Nach dem xhtml:link Attribut am Anfang Ihrer URL würden Sie die alternativen Seitenversionen hinzufügen, sodass Ihr Markup ähnlich wie folgt aussehen würde:
<url> <loc>https://example.com/link</loc> <xhtml:link rel=”alternate” hreflang=”en-us” href=”x-default” <xhtml:link rel=”alternate” hreflang=”en” href=”https://example.com/link/” /> <xhtml:link rel=”alternate” hreflang=”es” href=”https://example.com/enlance/” />
Hier sehen Sie, dass jede URL ein hreflang-Attribut besitzt und Rücklinks zu den anderen URLs enthält. Ein separates <url>-Element sollte für jede URL erstellt werden. Jedes Element muss ein <loc> enthalten, das die Seiten-URL angibt. Die URLs benötigen auch ein <xhtml:link rel=”alternate” hreflang=”supported_language-code”>-Element, das jede alternative Version der Seite auflistet.
Sie können alle notwendigen Tags zu einer Datei hinzufügen. Obwohl die Reihenfolge der Elemente nicht wichtig ist, empfehlen wir, sie einheitlich zu halten, da dieses Layout das Überprüfen von Fehlern erleichtert. Sie können Ihre neue Sitemap bei Google Search Console einreichen, wenn Sie fertig sind.
Tools, die hreflang-Tags automatisch generieren
Die Zeit, die benötigt wird, um Ihre hreflang-Tags zu generieren und zu implementieren, kann variieren, abhängig davon, wie viele Versionen Sie erstellen möchten und welche Methode Sie verwenden. Es gibt jedoch einige Tools, die den Prozess vereinfachen und beschleunigen können. Lassen Sie uns einige der beliebtesten ansehen!
Weglot Translate Plugin
Weglot ist ein beliebtes und zuverlässiges Übersetzungswerkzeug, das hreflang Google-Tags und Markup zu Ihrer Website hinzufügen kann:
Weglot kann eine hilfreiche Lösung sein, wenn Sie Anfänger sind und nicht mit Code arbeiten können. Es erkennt automatisch href-Tags in Ihrem Code während der Übersetzung und ändert die Seitenkopflinks.
Hreflang-Prüfer
Es ist entscheidend, Ihre hreflang-Tags immer zu überprüfen, um sicherzustellen, dass sie korrekt funktionieren, nachdem Sie sie platziert haben. Das Hreflang Checker-Tool von Weglot kann diesen Prozess vereinfachen:
Um es zu verwenden, kopieren Sie einfach die URL, die Sie überprüfen möchten, in das Textfeld (stellen Sie sicher, dass Sie „http://“ oder „https://“ einschließen) und wählen Sie einen Suchmaschinen-Bot zur Emulation aus. Dann klicken Sie auf den URL testen Button. Es wird eine Suchergebnisseite angezeigt, die den Status Ihrer Tags zeigt.
XML Sitemap-Generator
Wenn Sie hreflang-Tags mit der Sitemap-Methode implementieren möchten, können Sie das Hreflang XML Sitemap Generator Tool nutzen. Es wurde von Erudite, einer digitalen Marketingagentur, erstellt:
Nachdem Sie ein Konto mit Ihrer E-Mail-Adresse erstellt haben, teilen Sie dem Tool einfach mit, wohin Ihre Sitemap gesendet werden soll und laden Sie Ihre CSV-Datei hoch, einschließlich einer Spalte für jede Sprache. Anschließend wird das Tool von Erudite automatisch eine XML-Sitemap generieren.
Hreflang Tags Generator
Wenn Sie Hilfe beim Generieren der Link-Elemente für Ihre hreflang-Tags benötigen, können Sie den Hreflang Tags Generator verwenden:
Dieses von Aleyda Solis erstellte Tool kann das Erstellen von Tags für Ihre mehrsprachige oder mehrere Länder umfassende Website vereinfachen. Sie können diese Tags entweder generieren, indem Sie die (bis zu 50) URLs in das vorgegebene Formular eintragen oder sie über eine CSV-Datei hochladen. Auch hier müssen Sie sicherstellen, dass es eine Spalte für die URLs gibt.
Ahrefs Google Sheets-Vorlage
Ein weiteres Werkzeug, das Sie verwenden können, ist die von Ahrefs bereitgestellte Google Sheets-Vorlage:
Unter dem Setup-Tab wählen Sie die Sprach-Lokalisierung Ihrer Seite (Standardsprache) und dann bis zu vier weitere Varianten. Zum Beispiel könnten Sie Englisch als die Standardsprach-Lokalisierung auswählen, gefolgt von Spanisch, Deutsch, Chinesisch, und Russisch als Alternativen.
Als Nächstes finden Sie unter dem Registerkarte “URLs” fünf Spalten, jede mit ihren eigenen Kopfzellen, die der Sprache entsprechen, die Sie im Setup-Reiter ausgewählt haben. Es sollte auch eine X-Default-Spalte geben.
Fügen Sie nun die URLs in die entsprechenden Zellen ein. Dann finden Sie unter dem Ergebnisse-Tab einen automatisch generierten Code für Ihre XML-Sitemap. Sie können alles in der A-Spalte kopieren und in ein XML-Dokument einfügen und über die Google Search Console hochladen.
Tipps und bewährte Methoden zur Verwendung von Hreflang-Tags
Jetzt, da Sie die Grundlagen der hreflang-Tags und deren Implementierung verstehen, besprechen wir einige Tipps für deren Verwendung. Unten sind einige der besten Praktiken aufgeführt, denen Sie folgen sollten!
Stellen Sie sicher, dass die Tags bidirektional sind
Hreflang-Tags funktionieren paarweise, was bedeutet, dass sie bidirektional sind. Wenn Sie einem englischen Seite ein hreflang-Tag hinzufügen, das auf eine spanische Version verweist, müssen Sie auch sicherstellen, dass die spanische Variante mit einem hreflang-Tag zurückkehrt, das auf die englische Version verweist.
Diese Einrichtung teilt Suchmaschinen mit, dass die Beziehung in Übereinstimmung ist und dass Sie beide Seiten kontrollieren. Wenn zwei Seiten nicht aufeinander verweisen, ignoriert Google die Tags.
Bestimmen Sie die Standardseite für Benutzer, die keine der angegebenen Sprachen sprechen
Das Festlegen der Standardseite für Benutzer, die keine Ihrer eingestellten Sprachen sprechen, ist wichtig. Es stellt sicher, dass Besucher auf die richtige Version Ihrer Website geleitet werden.
Sie können dies tun, indem Sie ein Tag mit dem Sprachcode “x-default” hinzufügen. Es würde etwa so aussehen:
<link rel=”alternate” hreflang=”x-default” href=”https://example.com/” />
Die Standardseite wird in Situationen verwendet, in denen Google die Sprache oder Region für Benutzer nicht extrahieren kann, wenn sie nicht angegeben oder aufgelistet ist. Stattdessen wird die x-default Seite die Benutzer fragen, welche Sprache sie bevorzugen, und sie dann auf die entsprechende alternative Version hinweisen.
Absolute URLs verwenden
Absolute URLs sind vollständige URLs, die den Domainnamen enthalten. Sie sind auch die bevorzugte Art von URL, die mit hreflang-Tags verwendet wird. Sie sind weniger wahrscheinlich von Änderungen auf Ihrer Website betroffen und erleichtern es Suchmaschinen, Ihre Seiten korrekt zu indizieren.
Es ist wichtig sicherzustellen, dass Ihre hreflang-Tags absolute URLs enthalten. Mit anderen Worten, der Code sollte wie „https://example.com/link“ und nicht wie „example.com/link“ aussehen.
Stellen Sie sicher, dass Ihre Hreflang-Tags gültig und korrekt formatiert sind
Wie wir zuvor erwähnt haben, müssen die korrekten ISO-Sprach- und Regionscodes verwendet werden, wenn Sie Ihre hreflang-Linkattribute erstellen. Andernfalls erhalten Sie möglicherweise eine Nachricht in der Google Search Console, die Sie darüber informiert, dass Ihre Website keine hreflang-Sprachtags hat.
Denken Sie daran, die ISO-Sprachcodes für Sprachattribute und die Regionscodes für geografische Standorte zu verwenden. Zum Beispiel ist „kr“ der Code für die Region Südkorea, während „ko“ der Code für die koreanische Sprache ist.
Aktualisieren Sie Ihre Hreflang-Tags
Wenn Sie weiterhin Inhalte und Seiten zu Ihrer Website hinzufügen, wird das Verwalten Ihrer hreflang-Tags immer wichtiger.
Nehmen wir an, Sie fügen eine neue Domain für ein bestimmtes Land hinzu. Dann müssen Sie die entsprechenden hreflang-Tags zu Ihren bestehenden Seiten hinzufügen und prüfen, ob sie auf die neue Domain verweisen.
Das Gleiche gilt, wenn Sie Sprachversionen Ihrer Website löschen. Wenn Sie eine Sprache entfernen, müssen Sie die hreflang-Tags löschen oder ersetzen, die darauf verweisen. Das Verweisen auf fehlende oder falsche URLs kann sowohl Ihre Benutzererfahrung als auch Ihre SEO beeinträchtigen.
Überwachen Sie Ihre Website auf Fehler
Es ist genauso wichtig, Ihre hreflang-Tags auf dem neuesten Stand zu halten, wie Ihre Website regelmäßig auf Fehler zu überwachen. Dieser Prozess umfasst die Überprüfung des Quellcodes Ihrer Site, um sicherzustellen, dass alle erforderlichen Tags vorhanden sind.
Sie können ein Tool wie Google Search Console verwenden, um Ihre Website einfacher zu überwachen. Diese Plattform wird Ihnen helfen zu überprüfen, ob Ihre Seiten korrekt indexiert werden.
Optimieren Sie Ihre Website für internationale Zielgruppen
Die Verwendung von hreflang-Tags kann das SEO und die Benutzererfahrung Ihrer Website für internationale Zielgruppen verbessern. Diese Attribute können Ihrer Website helfen, Nutzer in verschiedenen Ländern zu erreichen und sicherzustellen, dass der korrekte Inhalt in ihrer Muttersprache oder bevorzugten Sprache bereitgestellt wird.
Wie wir in diesem Artikel besprochen haben, gibt es drei Methoden, die Sie verwenden können, um hreflang-Tags zu implementieren:
- Fügen Sie die Attribute in den <head> Abschnitt jeder Seite ein.
- Platzieren Sie sie in den HTTP-Headern von Nicht-HTML-Inhaltsseiten.
- Setzen Sie die Tags in Ihre XML-Sitemap, sodass alle Attribute an einem Ort sind.
Brauchen Sie Hilfe bei der Optimierung Ihrer mehrsprachigen Website? Schauen Sie sich unsere DreamHost Pro Services an, um zu erfahren, wie wir Ihre Seite auf die nächste Stufe bringen können!
Internationales SEO leicht gemacht
Wir nehmen Ihnen die Raterei (und die eigentliche Arbeit) ab, um den Traffic Ihrer Website mit SEO zu steigern.
Mehr erfahren