In diesem Beitrag
Wenn Sie eine mehrsprachige Website erstellen, sind Sie wahrscheinlich schon auf den Begriff gestoßen hreflang-Tags. Tatsächlich ist das wahrscheinlich der Grund, warum Sie diesen Artikel gerade lesen.
Also – was sind hreflang? Und warum sollten Sie sich um hreflang-Tags kümmern, wenn Sie mehrere Sprachen auf Ihrer Website verwenden?
Wenn Sie weiterlesen, können Sie diese Fragen beantworten, plus noch viel mehr!
In unserem vollständigen Leitfaden erfahren Sie alles, was Sie über hreflang-Tags wissen müssen, einschließlich der folgenden Punkte:
- Was sind Hreflang-Tags?
- Hreflang SEO Auswirkungen
- Einige hreflang-Beispiele, wann Sie sie verwenden sollten
- Hreflang-Implementierung, einschließlich einer einfachen Möglichkeit, Hreflang-Tags einzurichten, wenn Sie WordPress verwenden
Legen wir los!
Was sind Hreflang-Tags?
Hreflang-Tags sind kleine Code-Schnipsel im Hintergrund, die die Sprache und die geografische Region einer Seite auf Ihrer Website identifizieren.
Suchmaschinen können diese Tags verwenden, um Ihre Website zu verstehen und den Suchenden die relevantesten Inhalte zu liefern.
Genauer gesagt ermöglichen hreflang-Tags die Verknüpfung von Inhalten, sodass Suchmaschinen verstehen, dass diese Seiten miteinander verbunden sind, aber unterschiedliche Sprachen oder Regionen ansprechen.
Zum Beispiel, sagen wir, Sie haben eine Seite auf Englisch unter https://yoursite.com/hello-world/ und dann derselbe Inhalt ins Spanische übersetzt unter https://yoursite.com/es/hola-mundo/.
Mit hreflang-Tags können Sie Suchmaschinen mitteilen: “Hey, diese beiden Seiten haben den gleichen Inhalt/Zweck, aber die eine Seite ist für englischsprachige und die andere für spanischsprachige Nutzer.”.
Du kannst auch weitergehen nur Sprache und informieren Sie auch Suchmaschinen darüber, dass Ihre Seiten zu Lokalisierungszwecken auf verschiedene geografische Gebiete abzielen.
Zum Beispiel: “Hey, diese beiden Seiten haben den gleichen Inhalt und sind beide auf Englisch, aber eine ist für Leute in den USA und die andere für Leute in Großbritannien.”.
Hier ist ein Beispiel dafür, wie hreflang-Tags in Ihrem HTML auf Ihrer Website aussehen:
Hreflang SEO-Auswirkungen und Bedeutung
Während Hreflang-Tags kein wichtiger SEO-Rankingfaktor sind, so wie es Backlinks und Keyword-Recherche sind, ist ihre korrekte Verwendung ein wichtiger Teil von On-Page-SEO für mehrsprachige Websites oder Standorte mit mehreren Niederlassungen.
Es gibt drei Haupt SEO-Vorteile der Verwendung von hreflang-Tags.
1. Vermeiden von Problemen mit doppeltem Inhalt
Das erste ist, dass hreflang hilft, Probleme mit doppeltem Inhalt auf Ihrer Website zu vermeiden. Nehmen wir zum Beispiel an, Sie haben zwei fast identische Seiten mit Inhalten, wobei eine englischsprachige Personen in den USA und die andere englischsprachige Personen in Australien anspricht.
Durch das Hinzufügen des relevanten hreflang-Tags für Sprache und Gebietsschema können Sie Suchmaschinen klar machen, dass es sich bei diesen Seiten nicht um doppelten Inhalt handelt, sondern dass sie für unterschiedliche Zielgruppen optimiert sind.
2. Seiten für verschiedene Suchzielgruppen optimieren
Fahren wir mit dem obigen Beispiel fort. Durch das Hinzufügen des hreflang-Tags zu Ihren Inhalten, die für die USA und Australien bestimmt sind, vermeiden Sie nicht nur Probleme mit doppeltem Inhalt, sondern stellen auch sicher, dass alle Suchanfragen zu den für sie optimierten Inhalten weitergeleitet werden.
Grundsätzlich kann Google die US-Version für Personen ranken, die in den USA suchen, und die australische Version für Personen, die in Australien suchen.
Jeder Nutzer gelangt auf die für ihn optimierte Seite, was auch einige zusätzliche tertiäre SEO-Vorteile mit sich bringen kann, wie eine höhere CTR, eine niedrigere Absprungrate usw.
3. Profitieren Sie von gemeinsamen Ranking-Signalen
In einem Q&A 2017 Mit Gary Illyes von Google deutet Gary an, dass hreflang-Tags auch direktere Auswirkungen auf SEO haben können, da Seiten, die alle zum selben hreflang-Cluster gehören, bis zu einem gewissen Grad ihre Ranking-Signale untereinander teilen werden.
Zum Beispiel können Links, die auf die englischsprachige Version einer Seite verweisen, auch einen positiven Einfluss auf die spanischsprachige Version haben (sofern beide Seiten mit hreflang gruppiert sind).
Wir wissen nicht, wie viel geteilt wird, und es ist unwahrscheinlich, dass Sie den vollen “Link Juice” erhalten, um es so zu sagen. Aber selbst ein kleiner Schub durch geteilte Ranking-Signale ist die Zeit wert, die Sie für die ordnungsgemäße Einrichtung von hreflang-Tags aufwenden.
Ist Hreflang gut für SEO?
Zusammenfassend lässt sich sagen, dass die korrekte Verwendung des hreflang-Tags gut für die SEO ist, da es Ihnen hilft, die Indexierung Ihrer Website durch Suchmaschinen zu optimieren und das bestmögliche Erlebnis für Suchende zu schaffen.
Google hat auch angedeutet, dass es direktere Vorteile geben könnte, wie zum Beispiel Seiten, die im selben hreflang-Cluster Ranking-Signale teilen.
Ein echtes Hreflang-Beispiel: Drei gängige Situationen
Wir haben dies im vorherigen Abschnitt bereits kurz angesprochen, aber lassen Sie uns einige Beispiele durchgehen, wann Sie das hreflang-Tag auf Ihrer Website verwenden möchten.
Inhalte in verschiedenen Sprachen
Wenn Sie Inhalte auf Ihrer Website haben, die Sie in mehrere Sprachen übersetzt, möchten Sie die hreflang-Anweisung hinzufügen, damit Google weiß, dass diese Seiten miteinander verknüpft sind. Das heißt, es ist dieselbe Version der Seite, nur in verschiedenen Sprachen.
Inhalt in derselben Sprache, aber für verschiedene Lokalisierungen
Wie wir im SEO-Abschnitt besprochen haben, möchten Sie möglicherweise immer noch das hreflang-Tag verwenden, auch wenn Ihre Inhalte in der gleichen Sprache sind. Wenn Sie beispielsweise unterschiedliche Versionen einer Seite für englischsprachige Besucher aus den USA, Großbritannien und Australien haben, möchten Sie hreflang-Tags verwenden, um Folgendes anzugeben: das Gebietsschema jeder Seite.
Sie fragen sich vielleicht, warum hreflang-Tags für identische Inhalte über verschiedene Lokalisierungen hinweg implementiert werden.
Abgesehen von den SEO-Vorteilen, die wir durch die Implementierung von Hreflang-Tags besprochen haben, können Websites sicherstellen, dass Benutzer basierend auf ihrem Standort zur relevantesten Version einer Seite weitergeleitet werden.
Dies ist besonders wichtig für E-Commerce-Websites, da es ihnen ermöglicht, Preise in der lokalen Währung anzuzeigen, auf lokale Kaufgewohnheiten einzugehen und ein personalisierteres Benutzererlebnis zu bieten. Das Verständnis der Währung und Gewohnheiten von Nutzern in verschiedenen Regionen ermöglicht es Unternehmen, ihre Angebote, Werbeaktionen und Inhalte so anzupassen, dass sie besser bei jedem Publikum ankommen, was letztendlich die Nutzerbindung erhöht und die Konversionsraten steigert.
Daher können die Einbeziehung von hreflang-Tags und die Berücksichtigung verschiedener Lokalisierungen die Sichtbarkeit, Benutzerfreundlichkeit und letztendlich den Erfolg einer Website auf globalen Märkten erheblich beeinflussen.
Inhalte auf verschiedenen Domains/Subdomains
In manchen Situationen können Sie separate mehrsprachige Websites über Subdomains oder komplett unterschiedliche Domainnamen erstellen. Zum Beispiel, yoursite.com und yoursite.es.
Sie können das hreflang-Tag weiterhin verwenden, um Ihre Websites miteinander zu verknüpfen, auch wenn sie separate Domainnamen verwenden.
Allgemeine Hreflang-Implementierungstipps
Wie Sie das hreflang-Tag zu Ihrer Website hinzufügen, hängt davon ab, wie Sie Ihre Website erstellt haben.
Haben Sie Ihre Website zum Beispiel selbst von Grund auf neu programmiert? Oder verwenden Sie ein selbst gehostetes Content-Management-System wie WordPress oder einen Website-Baukasten wie Squarespace oder Wix?
Wenn Sie WordPress verwenden, ist es sehr einfach, das hreflang-Tag mit einem Plugin wie TranslatePress.
Für gehostete Website-Baukästen ist es eine gemischte Angelegenheit. Einige Website-Baukästen fügen die hreflang-Tags automatisch für Sie hinzu, während andere verlangen, dass Sie diese manuell selbst einfügen.
Wie erstellt man einen Hreflang-Tag?
Bevor wir über die hreflang-Implementierung für bestimmte Plattformen sprechen, wollen wir darüber sprechen, wie man generell ein hreflang-Tag erstellt.
Wenn Sie ein hreflang-Tag erstellen, haben Sie zwei Optionen:
- Nur Sprache – Sie können die Sprache der Seite nur angeben, indem Sie ihren Zwei-Buchstaben-Code hinzufügen. Zum Beispiel: “Dies ist die spanische Version der Seite”.
- Sprache UND Gebietsschema – Sie können über die reine Sprache hinausgehen und auch einen regionalen Bezug festlegen, indem Sie sowohl den Sprachcode als auch den Ländercode hinzufügen. Zum Beispiel: “Dies ist die spanische Version der Seite für Menschen in Mexiko” und “Dies ist die spanische Version der Seite für Menschen in Spanien”.
Wenn Sie mehrere Seiten in derselben Sprache haben, die unterschiedliche Gebietsschemas anvisieren, sollten Sie beides mit dem hreflang-Tag angeben.
Wenn Sie jedoch nur eine einzige Seite in der Sprache für alle Bereiche erstellen, dann können Sie die Sprache einfach angeben.
Das grundlegende hreflang-Tag-Format sieht wie folgt aus:
<link rel="alternate" hreflang="[LANGUAGE]-[LOCALE]" href="[URL]" />
Hier ist ein hreflang-Beispiel, das angibt, dass die Seite für alle Lokalisierungen auf Englisch ist:
<link rel="alternate" hreflang="en" href="https://yoursite.com/hello-world/" />
Und hier ist ein Beispiel, das darauf hinweist, dass die Seite auf Spanisch ist und für Menschen in Mexiko:
<link rel="alternate" hreflang="es-mx" href="https://yoursite.com/es/hola-mundo/" />
Hier sind einige Notizen:
- Land und Ländercode – für die Länder- und Gebietsschema-Codes verwenden Sie die zweibuchstabigen ISO-Codes. Alle Ländercodes. Alle Sprachcodes.
- URL – stellen Sie sicher, die vollständige URL anzugeben, einschließlich des HTTPS- oder HTTP-Teils.
Wie viele Hreflang-Tags müssen Sie hinzufügen?
Google sagt, dass du hinzufügen musst alle hreflang-Tags zu jeder Version eines Inhalts, einschließlich der aktuellen Version.
Nehmen wir zum Beispiel an, Sie haben drei Versionen einer Seite:
- Englisch
- Spanischsprachige in Mexiko
- Deutsch
Jede Version würde alle drei Tags enthalten, damit Google weiß, dass sie alle in einem Cluster verbunden sind.
Das heißt, die englische Version würde immer noch den englischen hreflang-Tag enthalten (welcher ist selbstreferenziell auf technischer Ebene), sowie die beiden hreflang-Tags für die anderen Versionen der Seite.
Hier ist ein Beispiel dafür, wie die Hreflang-Tags für jede Seite im Cluster aussehen würden:
<link rel="alternate" hreflang="en" href="https://yoursite.com/hello-world/" />
<link rel="alternate" hreflang="es-mx" href="https://yoursite.com/es/hola-mundo/" />
<link rel="alternate" hreflang="de" href="https://yoursite.com/de/hallo-welt/" />
Wenn die Seiten in einem Hreflang-Cluster nicht alle aufeinander verweisen, ignoriert Google das Hreflang-Tag möglicherweise. Daher ist es wichtig sicherzustellen, dass Sie das Hreflang-Tag überall dort hinzufügen, wo es benötigt wird.
Google empfiehlt außerdem, dass Sie eine “Standard”-Seite für Besucher hinzufügen, die keine der von Ihnen angegebenen Sprachen oder gebietsspezifischen Versionen verwenden.
Sie können dies einrichten mit dem x-default hreflang-Tag. Hier ist ein Beispiel:
<link rel="alternate" hreflang="x-default" href="https://yoursite.com/hello-world/" />
Wo platziert man das Hreflang-Tag?
Es gibt zwei Hauptorte, an denen das hreflang-Tag platziert werden kann:
- HTML – Sie fügen die hreflang-Tags im -Abschnitt Ihrer Website ein..
- Seitenübersicht – Sie fügen die hreflang-Tags in Ihre XML-Sitemap ein, die Sie bei Google und anderen Suchmaschinen einreichen.
Sie können das hreflang-Tag auch über HTTP-Header hinzufügen, dies ist jedoch eigentlich nur für Nicht-HTML-Dateien wie PDFs oder andere Dokumente erforderlich. die du auf deinem Server hostest.
Um optimale Ergebnisse zu erzielen, sollten Sie das hreflang-Tag wahrscheinlich zu beide die HTML- und XML-Sitemap Ihrer Website. So funktionieren die meisten automatisierten Tools (Mehr dazu als Nächstes).
Hier ist ein hreflang Beispiel aus Moodle zum Einfügen von Code in den HTML- einer Seite:
Sie können sehen, dass es Hreflang-Tags für fünf verschiedene Sprachen sowie eine Standardoption gibt.
Und hier ist ein hreflang-Beispiel aus einer XML-Sitemap – wie Sie sehen können, enthält die Sitemap Einträge für alle verschiedenen Versionen im hreflang-Cluster. In diesem Fall handelt es sich um eine Version für Englisch (USA) und eine für Spanisch (Spanien):
Wie richte ich Hreflang für verschiedene Website-Baukasten-Tools ein
Nachdem wir nun einige allgemeine Tipps zur Implementierung von hreflang behandelt haben, wollen wir uns nun damit befassen, wie man hreflang-Tags für bestimmte Plattformen einrichtet, darunter die folgenden:
- WordPress
- Squarespace
- Wix
- Webflow
WordPress-Leitfaden zu „hreflang“
Bevor ich mit der Anleitung beginne, hier ein kurzes Video, das den Vorgang zum Hinzufügen von hreflang-Tags in WordPress kurz erklärt:
Wenn Sie hreflang zu WordPress hinzufügen möchten, können Sie das TranslatePress-Plugin verwenden.
TranslatePress bietet alles, was Sie benötigen, um eine mehrsprachige WordPress-Website zu erstellen. Es kann Ihnen dabei helfen, Ihre Inhalte manuell zu übersetzen und/oder automatisch über Google Translate oder DeepL. Anschließend werden für jede Sprache SEO-freundliche Versionen erstellt, wobei das entsprechende hreflang-Tag automatisch hinzugefügt wird.
Es fügt das hreflang-Tag sowohl in das HTML jeder Seite als auch in Ihre XML-Sitemap von beliebte SEO-Plugins wie zum Beispiel Yoast SEO.
Die hreflang-Tags in den beiden Beispiel-Screenshots, die wir Ihnen im vorigen Abschnitt gezeigt haben, wurden automatisch von TranslatePress generiert.
Weitere Informationen finden Sie unter Unser Leitfaden zum WordPress-hreflang-Tag. Wir haben auch ein Tutorial zu So erstellen Sie eine mehrsprachige WordPress-Website mit TranslatePress.
TranslatePress Mehrsprachig
Squarespace Hreflang-Leitfaden
Das Hinzufügen von dynamischen „hreflang“-Attributen zu Squarespace ist etwas knifflig, da man das „hreflang“-Tag oft manuell über benutzerdefinierten Code auf der Seite einfügen muss.
Sie können die entsprechenden hreflang-Tags generieren mit diesem Generator-Tool. Anschließend müssen Sie die Option für benutzerdefinierten Code von Squarespace nutzen, um diese Tags in den -Abschnitt Ihrer Website hinzuzufügen..
Wenn Sie das hreflang-Tag zur XML-Sitemap Ihrer Squarespace-Website hinzufügen möchten, ist dafür ebenfalls etwas manueller Aufwand erforderlich. Sie können Verwende Screaming Frog um Ihre Squarespace-Website zu crawlen und eine XML-Sitemap zu erstellen. Anschließend müssen Sie diese Sitemap manuell bearbeiten, um die hreflang-Tags einzufügen.
Leider bietet Squarespace derzeit einfach keine gute Lösung für die Verwaltung mehrsprachiger Websites, weshalb die Squarespace-Hreflang-Implementierung manuelle Workarounds erfordert.
Wenn Sie ein reibungsloseres mehrsprachiges Erlebnis wünschen, können Sie in Betracht ziehen, zu WordPress zu wechseln.
Wix Hreflang Guide
Im Vergleich zu Squarespace bietet Wix eine wesentlich stärkere mehrsprachige Funktionalität. Wenn Sie die mehrsprachige Funktion von Wix nutzen, um Ihre mehrsprachige Website zu erstellen, fügt Wix Ihren Seiten automatisch die entsprechenden hreflang-Tags hinzu – es ist keinerlei manueller Aufwand Ihrerseits erforderlich.
Webflow Hreflang-Leitfaden
Webflow verfolgt denselben allgemeinen Ansatz wie Squarespace, was bedeutet, dass Sie selbst für das manuelle Einrichten der entsprechenden hreflang-Tags verantwortlich sind, wenn Sie eine mehrsprachige Website erstellen.
Das heißt, Sie müssen die hreflang-Tags manuell in den und Sie müssen außerdem Ihre Sitemap manuell erstellen (mit einem Tool wie Screaming Frog), wenn Sie hreflang-Tags in Ihre Sitemap aufnehmen möchten..
Beginnen Sie noch heute mit dem Hreflang-Tag
Wenn Sie eine mehrsprachige Website und/oder einer Website, die für verschiedene geografische Standorte unterschiedliche Inhalte bereitstellt, ist es wichtig, den hreflang-Tag ordnungsgemäß auf Ihrer Website einzubinden, um die SEO und die Nutzererfahrung zu verbessern.
Das hreflang-Tag verwendet eine einfache Syntax, die Sie in den -Abschnitt und/oder in Ihre XML-Sitemap einfügen können. Achten Sie einfach darauf, alle der relevanten Hreflang-Tags für jede Seite, damit Suchmaschinen klar erkennen können, wie alle Versionen der Seite miteinander verknüpft sind.
Wenn Sie Ihre Website mit WordPress erstellt haben, ist der einfachste Einstieg in hreflang, Verwenden Sie das TranslatePress-Plugin.
Wenn Sie TranslatePress zur Erstellung einer mehrsprachigen Website verwenden, fügt das Tool automatisch die entsprechenden hreflang-Tags in den HTML-Code und die XML-Sitemap Ihrer Website ein – ganz ohne dass Sie selbst einen Finger rühren müssen.
Um mehr über hreflang-Tags auf WordPress zu erfahren, Schau dir unser WordPress-Hreflang-Tutorial an.
Und wenn Sie erfahren möchten, wie man TranslatePress nutzt, schauen Sie sich unseren Leitfaden zum Erstellen einer mehrsprachigen WordPress-Website.
TranslatePress Mehrsprachig
Haben Sie noch Fragen zum hreflang-Tag oder zur Verwendung? Lassen Sie es uns in den Kommentaren wissen!
Wenn Sie diesen Beitrag hilfreich fanden, schauen Sie sich bitte unsere an YouTube-Kanal, wo wir ständig kurze und leicht verständliche Video-Tutorials hochladen. Sie können uns auch folgen auf Facebook und Twitter um der Erste zu sein, der jedes Mal Bescheid weiß, wenn wir etwas posten.
