In diesem Beitrag
Hreflang-Tags und Canonical-Tags sind Indikatoren für Google und andere Suchmaschinen, welche Webseiten sie indexieren und bestimmten Suchenden anzeigen sollen. Sie sind beide wichtige Faktoren für Mehrsprachige SEO.
Die beiden Tag-Typen haben jedoch unterschiedliche Funktionen. Deshalb ist es wichtig, sie nicht zu verwechseln oder synonym zu verwenden. Andernfalls könnte dies zu unbeabsichtigten Folgen und schlechten Ergebnissen für Ihre Website führen.
Um das zu vermeiden, beschäftigen wir uns in diesem Beitrag eingehend mit Hreflang- und Canonical-Tags. Wir besprechen, was sie sind, Best Practices und häufige Fehler bei ihrer Verwendung sowie die korrekte Einrichtung sowohl manuell als auch mithilfe von WordPress-Plugins.
Was sind Hreflang- und Canonical-Tags (und warum sind sie wichtig?)
Um dieses Thema gut zu verstehen, definieren wir zunächst die beiden Arten von Tags. .
hreflang-Tags erklärt
Hreflang-Tags sind 2011 von Google eingeführte Code-Schnipsel, die internationalen Websites helfen sollen. Ihre Funktion besteht darin, Suchcrawlern die Sprache und den geografischen Standort mitzuteilen, für die eine Webseite bestimmt ist. Ein für Frankreich und die Schweiz bestimmter Hreflang-Tag sieht beispielsweise so aus.
<link rel="alternate" href="https://yoursite.com/ch" hreflang="fr-ch" />Es besteht aus zwei Teilen, dem rel="alternate", das besagt, dass dies eine alternative Version zu einer bestehenden Webseite ist, und das hreflang="fr-ch" Teil, der sein Ziel angibt. Fr steht für die Sprache und Schweiz für das Land, basierend auf dem ISO-Sprache und Ländercodes.
Dies ist besonders wichtig für internationale Webseiten, die möglicherweise Seiten mit praktisch demselben Inhalt haben, sich aber an verschiedene Sprachmärkte richten. Hreflang-Tags ermöglichen es Ihnen, Suchmaschinen zu signalisieren, dass Sie lokalisierte Versionen für Suchende aus diesen Märkten haben.
Darüber hinaus können Sie nicht nur eine andere Sprache anvisieren, sondern auch eine bestimmte Region. Während es beispielsweise weltweit mehrere spanischsprachige Länder gibt, unterscheiden sie sich trotz der gemeinsamen Sprache in Dialekt, Kultur und dem Geschmack der Verbraucher.
Durch die Verwendung von hreflang-Attributen ist es möglich, Webseiten für jeden Markt zu erstellen und entsprechend zu kennzeichnen. Auf diese Weise können Sie lokalisieren Sie sie für das Publikum, für das sie bestimmt sind, und dabei dieselbe Sprache zu verwenden.
Canonical-Tags auf den Punkt gebracht
Canonical-Tags erfüllen eine ähnliche Funktion wie Hreflang-Tags. Sie sind ebenfalls HTML-Snippets, die Suchmaschinen signalisieren, welche URL für Suchende am relevantesten ist. So sehen sie aus:
<link rel="canonical" href="https://yoursite.com" />Statt jedoch zwischen Sprachvarianten zu unterscheiden, zeigen Canonical-Tags an, dass eine Webseite bei Inhalten, die gleich oder sehr ähnlich sind, als offizielle Version oder Hauptkopie angesehen werden soll.
Warum sollte man denselben Inhalt auf mehreren Webseiten haben? Dafür gibt es verschiedene Gründe:
- Eine Seite hat http:// davor, das andere https://
- Sie veröffentlichen einen Artikel, der bereits auf einer anderen Website existiert (natürlich mit Erlaubnis). Oder Sie veröffentlichen denselben Inhalt auf einer anderen Plattform wie Medium für mehr Reichweite.
- Parameter in der URL, die kleine Änderungen auf einer Webseite signalisieren, wie zum Beispiel Filter in E-Commerce-Websites (z. B. https://www.yourwebsite.com/Camping-Hiking/b?ie=UTF8&node=16435151)
In all diesen Fällen kann ein Canonical-Tag Suchmaschinen mitteilen, welche Version der betreffenden Seite sie als Hauptversion ansehen sollen und dass sie diese anstelle der anderen indexieren sollen.
SEO-Vorteile von Hreflang- und Canonical-Tags
Warum sollten Sie sich die Mühe machen, diese Tags zu Ihrer Website hinzuzufügen? Weil sie zahlreiche SEO-Vorteile bieten:
- Probleme mit doppeltem Inhalt vermeiden — Wenn Sie Ihre Inhalte entsprechend kennzeichnen, verhindern Sie ausdrücklich, dass Suchmaschinen Ihre Seiten als Duplikate betrachten. Auf diese Weise ist es weniger wahrscheinlich, dass sie Suchenden die falsche URL anzeigen oder Sie wegen minderwertiger Inhalte abstrafen.
- Ranking-Signale übertragen — Autorität von eingehenden Links und anderen Ranking-Signalen wird an die kanonische Seite weitergegeben und von allen Sprachversionen gemeinsam genutzt.
- Verbesserte Nutzerbindung — Besucher auf die korrekte Version Ihrer Seiten zu leiten, z. B. auf deren bevorzugte Sprache, ist gut für Conversions, Verweildauer, Nutzer-Engagement usw. Dies sind alles Faktoren, von denen man annimmt, dass sie sich positiv auf die Suchmaschinen-Rankings auswirken.
- Verschwendung von Crawl-Zeit verhindern Mit Canonical-Tags können Sie Suchmaschinen daran hindern, bestimmte Seiten zu indexieren. Das bedeutet, dass sie das Crawl-Budget nicht für unwichtige Inhalte verschwenden, anstatt für das, was Sie indexiert haben möchten.
Wichtig ist zu erkennen, dass diese Tags Signale und keine verbindlichen Anweisungen sind. Man verwendet sie, um Suchmaschinen um etwas zu bitten (bitte, bitte), aber es liegt an ihnen und ihrem Algorithmus, ob sie Ihrer Bitte nachkommen.
Hreflang- und Canonical-Tags: Best Practices und häufige Fehler
Nun da wir wissen, was diese Tags sind, wollen wir untersuchen, wie man sie richtig verwendet.
Platziere sie an den richtigen Orten
Ihre erste Frage betrifft höchstwahrscheinlich den Ort, an dem diese Links erscheinen sollen. Die hreflang- und Canonical-Tags sind üblicherweise im <head> Abschnitt des HTML-Markups einer Webseite.
Tatsächlich ist das bei Canonical Tags die einzige Option. Ihre Hreflang-Pendants können auch in HTTP-Headern oder in einem XML-Sitemap. Wir werden unten im Detail besprechen, wie Sie sie dorthin bringen.
Formatieren Sie Ihre Tags richtig
Eines der wichtigsten Dinge, die man wissen muss, ist, dass die beiden Tags nicht kombiniert werden können. Etwas wie das folgende Beispiel wird von Suchmaschinen nicht verstanden.
<link rel="canonical" rel="alternate" href="https://yoursite.com" hreflang="fr-ch" />Stattdessen müssen Sie beide Arten von Tags separat anzeigen, etwa so:
Von den beiden Signalen sind Canonical-Tags die einfacher zu implementieren. Sie müssen im Grunde nur Folgendes enthalten rel="canonical" sowie das Ziel.
Hreflang-Tags sind etwas wählerischer. Das Erste, was hier zu beachten ist, ist, dass Sie nicht unbedingt sowohl einen Sprach- als auch einen Ländercode einfügen müssen. Nur die Sprache reicht aus. Dies ermöglicht es Ihnen, eher eine Auffangseite für Menschen aus der ganzen Welt einzurichten, die Suchen darin durchführen.
Gleichzeitig ermöglicht Ihnen die Verwendung eines Ländercodes die Erstellung sehr gezielt ausgerichteter Seiten. Darauf sind wir oben bereits im Zusammenhang mit Spanisch eingegangen. Wichtig: Wenn Sie einen regionalen Code verwenden, achten Sie darauf, dass dieser im hreflang-Tag an zweiter Stelle steht und nicht an erster. Überprüfen Sie außerdem, ob die richtige Sprache und Ländercodes.
Beachten Sie dabei jedoch, dass die verschiedenen Sprachversionen nicht unbedingt auf derselben Domain liegen müssen. Wenn Sie für Ihre verschiedenen Sprachversionen separate Webadressen verwenden, können Sie dennoch mithilfe von „hreflang“ deutlich machen, dass diese zusammengehören.
Außerdem sollten Sie für beide Arten von Tags die vollständigen URLs Ihrer Seiten angeben, keine relativen. Hier ist der Unterschied:
- Vollständige URL: https://yoursite.com/shop/pants
- Relative URL /shop/hosen
Durch die Verwendung absoluter URLs machen Sie absolut klar, welche Seiten Sie meinen, und vermeiden Unklarheiten und Fehler. Wenn Sie Schwierigkeiten haben, Ihre Tags zu erstellen, können Sie auch eine Hreflang-Tag-Generator oder Generator für Canonical-Tags.
Machen Sie sie bidirektional und selbstreferenziell
Der nächste wichtige Punkt ist, auf welchen Seiten Ihre Tags platziert werden sollen. Beginnen wir mit den hreflang-Tags.
Ein wichtiger Teil dabei ist, Alle Sprachversionen müssen „hreflang“-Verweise auf jede verfügbare Alternative enthalten.. Anders ausgedrückt müssen alle Ihre Seiten auf einander verweisen. Tun sie das nicht und ein hreflang-Tag geht nur in eine Richtung, wird Google es ignorieren.
Wenn Sie beispielsweise eine Seite auf Englisch, Spanisch und Französisch haben, die auf die USA, Kanada, Spanien, Kolumbien und Frankreich ausgerichtet ist, würden Ihre hreflang-Tags wie folgt aussehen:
Genau dieser Code muss auf jede der darin genannten Seiten eingefügt werden.
Dies ist wichtig, da dadurch eine Verbindung zwischen diesen Seiten hergestellt wird und Google darüber informiert wird, dass es sich um verschiedene Versionen desselben Inhalts in unterschiedlichen Sprachen und für unterschiedliche Nutzergruppen handelt.
Das bedeutet auch, dass ein hreflang-Tag immer auf die Seite verweist, auf der es sich befindet. Dies wird als “Selbstreferenzierung” bezeichnet und ist sowohl für hreflang- als auch für Canonical-Tags eine bewährte Praxis.
Ein Canonical-Tag auf einer Webseite, das auf sich selbst verweist, ist ein Signal dafür, dass dies die offizielle Version ist. Es verstärkt die Botschaft von Tags, die von anderen Standorten aus auf dieselbe Seite verweisen. Wenn beispielsweise Seite A die Hauptseite und Seite B ein Duplikat ist, würden beide unten denselben Canonical-Tag haben.
<link rel="canonical" href="https://yoursite.com/page-a" />Widersprüchliche Aussagen vermeiden
Es ist wirklich wichtig, die richtigen URLs sowohl für hreflang- als auch für canonical-Tags auszuwählen, insbesondere wenn man sie gemeinsam verwendet. Denn obwohl sie in ihrer Funktion ähnlich sind, vermitteln sie den Suchmaschinen doch ganz unterschiedliche Signale.
Hreflang-Tags sind inklusiv, während Canonical-Tags exklusiv sind. Erstere sagen: “Indiziere mich“ und die andere Seite, aber für andere Regionen”, während die zweite besagt: “Indexiere mich nicht, indexiere die andere Seite”.
Wenn Sie also eine Seite mit Hreflang-Tags haben, die zudem über ein Canonical-Tag verfügt, das auf eine andere Seite als sich selbst verweist, sendet dies zwei sehr verwirrende Signale. Im Grunde heißt das: “Indexiere mich und diese andere Seite und indexiere mich gleichzeitig nicht, sondern indexiere stattdessen die andere Seite.”.
In diesem Fall könnten Suchmaschinen eigene Entscheidungen treffen, die möglicherweise nicht Ihren Wünschen entsprechen. Seien Sie daher sehr vorsichtig damit. Abgesehen davon spielt die Reihenfolge der tatsächlichen Tags keine Rolle, solange sie vorhanden und korrekt sind.
Verwendung von hreflang="x-default"”
Schließlich ist hier noch das x-default-Tag zu erwähnen. Dies können Sie verwenden, um eine Standardseite unter verschiedenen Sprachversionen festzulegen. Wenn Sie dies tun, greifen Suchmaschinen darauf zurück, wenn es keine spezifischere Version für die Sprache und/oder Region des Suchenden gibt.
Dadurch können Sie auch eine bevorzugte Version festlegen, wenn Sie Seiten in derselben Sprache, aber für verschiedene Regionen haben (z. B. US- und UK-Englisch). Dies hilft, wenn jemand in dieser Sprache sucht, aber aus keiner dieser Regionen stammt.
So sieht der x-default-Tag aus:
<link rel="alternate" href="https://yoursite.com" hreflang="x-default" />Beachten Sie, dass diese keine Sprach- oder Gebietsschema-Informationen enthält. Außerdem ist die Verwendung des x-default-Tags nicht zwingend erforderlich, aber eine gute Praxis.
So richten Sie hreflang- und Canonical-Tags manuell ein
Wenn Sie bis hierhin mitgekommen sind, sollten Sie theoretisch bereit sein, Hreflang- und Canonical-Tags auf Ihrer eigenen Website zu implementieren.
Die einzige Frage, die bleibt, ist, wie man das macht?
Gehen wir das jetzt durch, beginnend damit, wie man es manuell macht. Hier haben Sie im Grunde zwei Möglichkeiten, sie zu platzieren:
- Das vorgenannte HTML
<head>Abschnitt - Die XML-Sitemap Ihrer Website
(Weitere Optionen sind HTTP-Header, aber diese sind nur für Inhalte wie PDF-Dokumente wichtig.)
Verwendung des Abschnitts
Diese Option ist für kleine Websites mit wenigen und überwiegend statischen Seiten, bei denen Sie die HTML-Dateien direkt bearbeiten, am besten machbar. Für größere Websites, die dynamisch erstellt werden (wie in WordPress), ist sie nicht sehr praktisch.
Sobald Sie Ihre Tags mithilfe der obigen Tipps und/oder Generatoren erstellt haben, öffnen Sie Ihre HTML-Dateien mit einem Code-Editor und kopieren Sie sie hinein und fügen Sie sie ein zwischen den <head> und </head> Tags, vorzugsweise weiter oben.
Speichern und Sie sind fertig. Wenn Sie im Zweifel sind oder es nicht zu funktionieren scheint, lassen Sie Ihre Seiten durch ein HTML-Validator.
Diese Methode ist relativ einfach, kann jedoch auch ärgerlich sein, wenn Sie jemals Änderungen an Ihrer Website-Struktur oder Ihren URLs vornehmen. In diesem Fall müssten Sie jede Seite einzeln erneut bearbeiten.
Hinzufügen von hreflang-Tags in der Sitemap
Wenn Sie Ihre Tags manuell implementieren möchten, ist die Sitemap möglicherweise tatsächlich die beste Wahl. Sie ermöglicht es Ihnen, alle Änderungen an einem Ort vorzunehmen, was die Verwaltung erleichtert, falls sich URLs ändern oder einfach neue Sprachversionen hinzugefügt werden müssen. Das Format sieht folgendermaßen aus:
https://yoursite.comJede Seite mit verschiedenen Sprachversionen muss eingefasst sein in <url> Klammern. Der <loc> Das Element ganz oben definiert die ursprüngliche URL, während die <xhtml: link> Das Element definiert jede Sprachalternative. Es verwendet im Wesentlichen dasselbe Format wie die HTML-Version.
Auch hier können Sie die zuvor genannten Generator-Tools verwenden, um die hreflang-Tags zu erstellen. Wie bereits erklärt, müssen Canonical-Tags in den <head> Abschnitt können Sie diese nicht in der Sitemap definieren. Wenn Sie schließlich überhaupt nicht wissen, wie Sie eine XML-Sitemap für Ihre Website erstellen, Google hat eine Erklärung.
Implementieren von Schlagwörtern mithilfe von WordPress-Plugins
Wir sind uns wahrscheinlich einig, dass die oben genannten Methoden etwas zeitaufwändig erscheinen. Wenn Sie jedoch eine Website betreiben, die auf WordPress basiert, ist die Verwendung von Plugins ein einfacherer Weg, um hreflang- und Canonical-Tags zu implementieren.
Für Canonical-Tags können Sie einen SEO-Plugin. Fast alle von ihnen bieten Optionen zur Definition kanonischer URLs und generieren kanonische Tags auch automatisch.
Zum Beispiel, Yoast SEO fügt standardmäßig auf allen Ihren Seiten ein selbstreferenzielles Canonical-Tag hinzu.
Andererseits ist eine großartige Option zur Implementierung von hreflang-Tags TranslatePress.
Warum ist das so?
Weil das Plugin es im wahrsten Sinne des Wortes für Sie tut. Alles, was Sie tun müssen, ist zu konfigurieren, welche Sprachen Sie zu Ihrer Website hinzufügen möchten, unter Einstellungen → TranslatePress.
Sobald Sie dies getan und Ihre Auswahl gespeichert haben, übernimmt TranslatePress den Rest. Das Tool fügt relevante hreflang-Tags in den HTML-Code aller Sprachversionen Ihrer Webseiten sowie in Ihre XML-Sitemap ein.
Außerdem kann TranslatePress zwischen regionalen Sprachvarianten unterscheiden, wie beispielsweise brasilianischem Portugiesisch, mexikanischem Spanisch oder Schweizer Französisch. Wenn Sie in den Einstellungen die entsprechenden Optionen auswählen, werden Ihre hreflang-Tags so eingerichtet, dass sie sowohl die Sprache als auch die Ländereinstellung widerspiegeln.
Weitere Vorteile von TranslatePress
Wenn Ihnen das oben Genannte gefällt, könnte es Sie interessieren, was TranslatePress sonst noch zu bieten hat. Es eignet sich nicht nur für hreflang-Tags, sondern verfügt auch über viele weitere Funktionen, die es zu einer perfekten Lösung für die Erstellung internationaler und mehrsprachiger Websites machen.
Zuallererst gibt es die super einfache Übersetzungsschnittstelle.
Verwenden Sie die Vorschau auf der rechten Seite, um auf Ihrer Website zu navigieren und Text direkt aus dem Bildschirm oder der Liste in der oberen linken Ecke auszuwählen, um ihn zu übersetzen.
Fügen Sie dann die Übersetzung in das entsprechende Feld ein und speichern Sie.
Danach erscheint der übersetzte Inhalt automatisch auf Ihrer Website, wo Besucher das integrierte Sprachumschalter ihre bevorzugte Sprache auszuwählen.
Das ist alles. Sie können dieselbe Methode auch verwenden, um sprachspezifische Bilder anzeigen Und, um die Dinge zu beschleunigen, verwenden Sie automatisch. maschinelle Übersetzung via Google Translate.
Das ist alles Teil des kostenlosen Plugins, mit dem Sie Ihrer Website eine zusätzliche Sprache hinzufügen können. Wenn Sie mehr als das möchten, gibt es TranslatePress Pro, das zudem mit diesen zusätzlichen Funktionen ausgestattet ist:
- Automatische Übersetzung mit DeepL — Verwenden Sie anstelle von Google Translate das genaueres DeepL Übersetzungssoftware.
- Mehrsprachiges SEO-Paket — Übersetzen Sie weitere wichtige SEO-Marker wie URL-Slugs, SEO-Titel, Meta-Beschreibungen, ALT-Tags und mehr.
- Benutzerspezifische Navigation – Zeigen Sie je nach Sprache Ihrer Besucher unterschiedliche Menüs an.
- Automatische Benutzer-Spracherkennung – Besucher automatisch zur bevorzugten Sprachversion weiterleiten (über Browsereinstellungen oder Standort).
- Übersetzerkonten — Das Arbeiten mit Übersetzungsagenturen und Freiberufler einfacher, indem Sie ihnen direkten Zugriff auf Ihre Website gewähren.
- Als Benutzerrolle stöbern – Sehen Sie sich Ihre Website aus der Perspektive einer bestimmten Benutzerrolle im Übersetzungstool an.
Das TranslatePress Pro wird mit drei verschiedenen Preistarifen damit Sie eine auswählen können, die Ihren Bedürfnissen entspricht.
Bereit, hreflang und Canonicals zu meistern?
Die beiden Tags, über die wir in diesem Beitrag gesprochen haben, sind nützliche Signale für Suchmaschinen darüber, wie sie Ihre Webseiten indexieren und ranken sollen. Hreflang-Tags ermöglichen es Ihnen, Seitenversionen für bestimmte Sprachen und Länder zu definieren. Canonical-Tags hingegen kennzeichnen die offizielle Version unter ähnlichen Inhalten.
Hier sind die wichtigsten Punkte, an die Sie sich erinnern sollten:
- Hreflang-Tags sind inklusiv, während Canonical-Tags exklusiv sind.
- Fügen Sie auf jeder lokalisierten Seite Hreflang-Links zu allen Sprachversionen sowie Links zur Seite selbst ein
- Versuchen Sie nicht, beide Tags in einer Anweisung zu kombinieren
- Jede Webseite mit einem hreflang-Tag darf kein Canonical-Tag haben, das auf etwas anderes als auf sich selbst verweist.
- Verwenden Sie x-default-Anweisungen, um Standard- und Fallback-Sprachversionen zu definieren
Wenn man zum ersten Mal von diesen Tags erfährt, kann das etwas einschüchternd und technisch wirken. Wie Sie jedoch hoffentlich gesehen haben, ist ihre Implementierung gar nicht so schwer, besonders wenn Sie ein Tool haben, das dies automatisch erledigen kann, wie TranslatePress. Es hilft Ihnen nicht nur dabei, Ihre WordPress-Website zu übersetzen, sondern auch hreflang-Tags einzurichten, ohne dass Sie einen Finger rühren müssen. Probieren Sie es doch gleich einmal aus!
TranslatePress Mehrsprachig
Haben Sie Fragen zur Verwendung von hreflang- und canonical-Tags? Dann stellen Sie diese bitte in den Kommentaren unten!
