So fügen Sie hreflang-Tags in WordPress hinzu

Erstellen Sie eine Website, die mehrere Sprachen und Regionen unterstützt? Eine mehrsprachige Website kann Ihr potenzielles Publikum exponentiell erweitern, kann aber auch schwierig zu verwalten erscheinen.

Die gute Nachricht ist, dass das Hinzufügen von hreflang-Tags die Suchmaschinenoptimierung (SEO) und die Benutzererfahrung (UX) Ihrer Website verbessern kann. Es ist nicht so schwer zu erreichen, und Sie können schnell von erhöhtem Traffic und Engagement profitieren.

In diesem Artikel sehen wir uns an, was hreflang-Tags sind, und einige der Best Practices für deren Verwendung. Anschließend zeigen wir die Methoden auf, mit denen Sie diese Tags auf Ihrer WordPress-Website implementieren können. Lass uns zur Arbeit gehen!

Was ist hreflang?

Das hreflang-Tag ist ein HTML-Code, der Google mitteilt, welche Version einer Webseite für bestimmte Sprachen und Regionen angezeigt werden soll. Hier ist ein Beispiel dafür, wie dieser Code aussehen kann:

<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />

Jedes Tag enthält eine Kombination aus Sprach- und Standortdetails, z. B. „en-us“ für Englisch und die Vereinigten Staaten oder „fr-fr“ für Französisch und Frankreich.

Während Google die Sprache einer Webseite erkennen kann, kann das Fehlen von hreflang-Tags dennoch Ihr Suchranking beeinträchtigen. Denn ohne diese Tags können Ihre Seiten in verschiedenen Sprachen am Ende miteinander um Top-Platzierungen konkurrieren. Obwohl hreflang-Tags an sich keine Ranking-Faktoren sind, helfen sie Google dabei, den Nutzern die richtigen Seiten bereitzustellen.

hreflang und Ihre mehrsprachige Website: Best Practices

Mit einer mehrsprachigen WordPress-Website können Sie ein breiteres Publikum erreichen, aber Sie müssen bestimmte Best Practices implementieren, um Ergebnisse zu erzielen. Eine der besten Vorgehensweisen für diese Art von Website ist die Verwendung von hreflang-Tags, aber es gibt auch andere intelligente Techniken.

Für die beste Benutzererfahrung ist es sinnvoll, Inhalte zu verwenden, die von Muttersprachlern geschrieben wurden, und keinen maschinell übersetzten Text. Eine weitere bewährte Methode ist die Verwendung des optionalen x-default-Tags für nicht übereinstimmende Sprachen. Dies sollte auf Homepages verwendet werden, auf denen Benutzer den gewünschten Ort und die gewünschte Sprache auswählen können.

Wenn Ihre Website kanonische Tags verwendet, müssen Sie auch beim Hinzufügen von hreflang-Tags vorsichtig sein. Diese beiden Arten von Tags können in Konflikt geraten und gemischte Signale an Google senden, welche Seite angezeigt werden soll. Während Sie die hreflang-Tags von Seiten mit kanonischen Tags weglassen können, ist es besser, die Sprach-Tags einfach sorgfältig hinzuzufügen.

So implementieren Sie hreflang-Tags in WordPress

hreflang-Tags sind auf WordPress-Websites von unschätzbarem Wert, aber nur, wenn sie richtig implementiert sind. Es gibt drei Methoden, mit denen Sie diese Tags zu Ihrer Website hinzufügen können. Plugins sind die einfachste und gebräuchlichste Methode. Sie können jedoch auch den Header Ihrer Website aktualisieren oder die XML-Sitemap bearbeiten. Schauen wir uns alle drei Techniken an.

hreflang-Plugins

Die einfachste Methode der hreflang-Implementierung ist die Verwendung eines WordPress-Plugins. Plugins wie MultilingualPress fügen automatisch hreflang-Tags für Sie hinzu und sollten keine Leistungsprobleme verursachen:

MultilingualPress hat auch eine Übersetzungsfunktion, die im Post-Editor zu finden ist. Wenn Sie eine Übersetzung akzeptieren, fügt das Plugin die entsprechenden hreflang-Tags zum Header Ihrer Website hinzu. Die Übersetzungsfunktion ist nicht auf Beiträge beschränkt und funktioniert mit Tags und Kategorien, während sie sich auch gut mit Plugins wie Yoast und WooCommerce synchronisiert.

Eine weitere Plugin-Option für die hreflang-Implementierung ist Polylang:

Polylang ist ein beliebtes kostenloses Tool, mit dem Sie WordPress-Websites in mehreren Sprachen verwalten können. Sie können wie gewohnt Inhalte erstellen und diesen dann eine Sprache zuweisen. Danach kümmert sich Polylang für Sie um die hreflang-Tags.

Füge hreflang zu <head> hinzu

Sie können Ihrer WordPress-Website ohne Plugin hreflang-Tags hinzufügen, indem Sie Ihre header.php- Datei aktualisieren. Um auf diese Datei zuzugreifen, müssen Sie zu Aussehen > Design-Editor navigieren oder File Transfer Protocol (FTP) verwenden.

Nachdem Sie die Datei geöffnet haben, sollten Sie nach dem <head> -Öffner suchen und diesen Code einfügen:

<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>

In diesem Beispiel müssen die Tags dem englischsprachigen Inhalt hinzugefügt werden. Die Tags x-default und English hreflang verweisen ebenfalls auf die englische Inhaltsseite.

Andererseits leiten die spanischen und französischen hreflang-Tags zu den korrekten Sprachversionen der Seite weiter. Natürlich können Sie weitere hreflang-Tags für alle anderen Sprachen hinzufügen, die auf Ihrer Website verwendet werden.

Hreflang zur XML-Sitemap hinzufügen

Wenn Sie Ihre header.php- Datei nicht bearbeiten möchten, können Sie stattdessen die XML-Sitemap Ihrer Website aktualisieren. Mit dieser Methode stellen Sie sicher, dass Google Ihre Seiten in alternativen Sprachen findet und richtig indexiert. Durch die Aktualisierung Ihrer Sitemap wird auch die Größe Ihrer Webseiten reduziert, um schnellere Ladezeiten zu erreichen.

Die hreflang-Tags für Ihre XML-Sitemap sind etwas anders:

<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>

Die Bearbeitung Ihrer XML-Sitemap hilft zwar bei der Indizierung, kann aber auch kompliziert werden. Wenn Sie eine große Website haben, kann die Sitemap aufgebläht werden. Das Hinzufügen von hreflang-Tags zur Sitemap kann auch länger dauern als die Verwendung anderer oben beschriebener Methoden.

So validieren Sie hreflang auf WordPress

Auch wenn sie enthalten sind, werden hreflang-Tags auf mehrsprachigen Websites oft falsch implementiert. Durch die Validierung Ihrer hreflang-Tags können Sie feststellen, ob Sie sie korrekt hinzugefügt haben.

Um die Tags zu validieren, können Sie verschiedene Online-Tools verwenden. Diese Tools bieten ähnliche Informationen, präsentieren sie jedoch auf unterschiedliche Weise. Das hreflang-Tag-Testtool von Sitrix zeigt die Tags auf Ihrer Website an und informiert Sie, wenn Fehler vorliegen:

Das Testtool für hreflang-Tags von Merke bietet auch eine Aufschlüsselung der Tags und Fehler auf Ihrer Website:

Wenn Sie jedoch nur Fehler sehen möchten, ist das hreflang-Tag-Testtool von SALT.agency eine weitere Option.

Lernen Sie weiter mit WP Engine

Wenn Sie eine Website mit Inhalten in mehreren Sprachen haben, helfen hreflang-Tags Google dabei, die richtigen Seiten für die richtigen Besucher bereitzustellen. Glücklicherweise gibt es mehrere Möglichkeiten, Ihrer Website hreflang-Tags hinzuzufügen, wobei die einfachste Option die Installation eines speziellen Plugins ist.

Wenn Sie mit anderen Aspekten beim Betrieb Ihrer mehrsprachigen Website zu kämpfen haben, hilft Ihnen WP Engine dabei, die benötigten Ressourcen zu finden. Sehen Sie sich noch heute unsere Pläne an!