Hreflang: Unterschied zwischen den Versionen
Aus Seobility Wiki
(→Möglichkeiten der Implementierung) |
(→Ähnliche Artikel) |
||
| (38 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | = | + | <seo title="hreflang für internationales SEO - Was ist das?" metadescription="Das hreflang-Linkattribut wird verwendet, wenn auf einer Webseite verschiedene Sprachen oder Inhalte mit regionalen Abweichungen vorhanden sind." /> |
| − | + | == Definition == | |
| − | = Anwendungsszenarien = | + | Das hreflang-Linkattribut (auch hreflang Anmerkung genannt) wird verwendet, wenn auf einer Webseite verschiedene [[Sprache einer HTML Seite|Sprachen]] oder Inhalte mit regionalen Abweichungen vorhanden sind, und dient dazu, [[Suchmaschine]]n mitzuteilen, welche URLs für welche Sprachen und Regionen genutzt werden sollen. Somit wird jede Seite einer entsprechenden Landesversion einer Suchmaschine zugeordnet, wodurch sichergestellt wird, dass Nutzern aus einem bestimmten Land nur die für sie relevanten Seiten in den Suchergebnissen angezeigt werden. Das Attribut wurde von Google im Jahr 2011 eingeführt, um angesichts der zunehmenden internationalen Ausrichtung von Webseiten deren internationale Architektur besser erfassen zu können. |
| + | |||
| + | <html> | ||
| + | <div class="checkform"> | ||
| + | <div class="hl"> | ||
| + | <h3>hreflang Check</h3> | ||
| + | <p>Prüfe Alternate und hreflang Links Deiner Seite</p> | ||
| + | </div> | ||
| + | <form action="https://www.seobility.net/de/seocheck/check#hreflang" method="get"> | ||
| + | <input type="text" name="url" required="required" placeholder="https://www.example.com/"><input type="submit" value="hreflang prüfen"> | ||
| + | </form> | ||
| + | </div> | ||
| + | </html> | ||
| + | |||
| + | == Anwendungsszenarien == | ||
Die Anwendung der hreflang Anmerkung wird von Google in folgenden Szenarien empfohlen: | Die Anwendung der hreflang Anmerkung wird von Google in folgenden Szenarien empfohlen: | ||
| − | + | * Wenn Seiten vollständig in andere Sprachen übersetzt wurden, d.h. wenn es z.B. eine deutsche, englische und französische Version einer Seite gibt. | |
| − | + | * Wenn der Großteil einer Seite in einer einzigen Sprache beibehalten wird, aber Teile wie die Navigationsleiste oder die Fußzeile an verschiedene Sprachen angepasst werden. Dies ist vor allem dann der Fall, wenn Seiten [[User Generated Content]] beinhalten, wie es z.B. in Foren der Fall ist. | |
| − | + | * Wenn mehrere Seiten zwar dieselbe Sprache, aber kleine regionale Unterschiede wie z.B. unterschiedliche Währungen oder Schreibweisen aufweisen. Beispiel: Es existieren zwei Versionen einer deutschen Seite, wobei sich die eine an Nutzer in Deutschland richtet und die andere an Nutzer aus der Schweiz. In diesem Fall ist es besonders wichtig, die hreflang Anmerkung zu verwenden, da Google die Seiten sonst als [[Duplicate Content]] interpretieren könnte. | |
| − | + | * Wenn einzelne Seiten nur für bestimmte Sprachen oder Länder übersetzt wurden oder zugänglich sein sollen und die übrigen Nutzer auf eine Standardseite (Default-Seite) gelangen sollen. | |
| − | = Aufbau des Link-Elements = | + | == Aufbau des Link-Elements == |
Die hreflang Anmerkung im Head-Bereich eines HTML-Dokuments ist folgendermaßen aufgebaut: | Die hreflang Anmerkung im Head-Bereich eines HTML-Dokuments ist folgendermaßen aufgebaut: | ||
| − | < | + | <pre><link rel="alternate" hreflang="xx-XX" href="URL"/></pre> |
* '''<link''' steht für das geöffnete Link-Element und soll ausdrücken, dass zwischen der aktuellen Seite und der genannten URL eine Beziehung vorhanden ist | * '''<link''' steht für das geöffnete Link-Element und soll ausdrücken, dass zwischen der aktuellen Seite und der genannten URL eine Beziehung vorhanden ist | ||
| − | * '''rel= | + | * '''rel="alternate"''' weist die Suchmaschine darauf hin, dass eine alternative Version des aktuellen Dokuments existiert |
| − | * '''hreflang= | + | * '''hreflang="xx-XX":''' Durch dieses Attribut wird festgelegt für welche Sprache (xx) und ggf. für welche Region (XX) die genannte URL angezeigt werden soll. Der Wert dieses Attributs muss für die Sprache im ISO 639-1 Format und für das Land im ISO 3166-1 Alpha 2 Format angegeben werden. |
| − | * im Attribut '''href= | + | * im Attribut '''href="URL"''' wird die URL der alternativen Version des aktuellen Dokuments angegeben |
* '''/>''' schließt das Link-Element | * '''/>''' schließt das Link-Element | ||
Wenn also beispielsweise auf einer deutschen Seite auf die englische Version dieser Seite hingewiesen werden soll, geschieht dies durch folgende Anmerkung: | Wenn also beispielsweise auf einer deutschen Seite auf die englische Version dieser Seite hingewiesen werden soll, geschieht dies durch folgende Anmerkung: | ||
| − | < | + | <pre><link rel="alternate" hreflang="en" href="<nowiki>http://www.example.com/</nowiki>"/></pre> |
| − | = Möglichkeiten der Implementierung = | + | == Möglichkeiten der Implementierung == |
Wie bereits erwähnt, kann die hreflang Anmerkung als Link-Element im Head-Bereich des HTML Codes hinterlegt werden. Dies ist jedoch nicht möglich, wenn die Datei nicht als HTML Datei sondern beispielsweise als PDF gespeichert ist. In diesem Fall stehen Ihnen zwei weitere Möglichkeiten zur Verfügung: | Wie bereits erwähnt, kann die hreflang Anmerkung als Link-Element im Head-Bereich des HTML Codes hinterlegt werden. Dies ist jedoch nicht möglich, wenn die Datei nicht als HTML Datei sondern beispielsweise als PDF gespeichert ist. In diesem Fall stehen Ihnen zwei weitere Möglichkeiten zur Verfügung: | ||
| − | + | === 1. Angabe im HTTP-Response-Header der jeweiligen Seite durch: === | |
| + | |||
| + | <pre>Link: <<nowiki>http://www.example.com/</nowiki>>; rel="alternate"; hreflang="en"</pre> | ||
| − | + | === 2. Angabe in einer XML Sitemap: === | |
| − | |||
| − | + | Diese Variante ist vor allem für sehr umfangreiche Webseiten mit vielen unterschiedlichen Sprachversionen geeignet, da sie hier den Aufwand der Implementierung der hreflang-Anmerkung begrenzen kann. In diesem Fall muss in jedes URL-Element der Sitemap zusätzlich ein xhtml:link-Element eingefügt werden, welches folgendermaßen aussieht: | |
| − | + | <pre><xhtml:link rel="alternate" hreflang="en" href="<nowiki>http://www.example.com/</nowiki>"/></pre> | |
Welche dieser drei Alternativen am besten geeignet ist, hängt von der jeweiligen Webseite ab und bedarf deshalb der individuellen Beurteilung jedes Webmasters. | Welche dieser drei Alternativen am besten geeignet ist, hängt von der jeweiligen Webseite ab und bedarf deshalb der individuellen Beurteilung jedes Webmasters. | ||
| − | = Richtige Verwendung der hreflang-Anmerkung = | + | == Richtige Verwendung der hreflang-Anmerkung == |
Folgende Aspekte sind bei der Nutzung von Alternate Links zu beachten: | Folgende Aspekte sind bei der Nutzung von Alternate Links zu beachten: | ||
| − | * Grundsätzlich benötigt jede Seite, die Alternate Links nutzt, einen | + | * Grundsätzlich benötigt jede Seite, die Alternate Links nutzt, einen Rücklink auf sich selbst mit der entsprechenden Sprache, d.h. auf einer deutschen Internetseite muss im HTML Code auch auf die deutsche Version dieser Seite verwiesen werden. |
| − | + | [[File:hreflang.png|mini|450px|rechts|alt=hreflang|'''Abbildung:''' hreflang - Autor: Seobility - Lizenz: [[Creative Commons Lizenz BY-SA 4.0|CC BY-SA 4.0]]|link=https://www.seobility.net/de/wiki/images/8/89/Hreflang.png]] | |
| − | |||
| − | + | * Darüber hinaus muss jede Seite, auf welche mit einer Sprache verwiesen wird, auf die verweisende Seite mit der entsprechenden Sprache zurückverweisen. Das bedeutet: wenn eine deutsche Seite auf die englische Version dieser Seite verweist, muss die englische Seite auch auf die deutsche Version zurückverweisen (bidirektionale Verlinkung, vgl. Abbildung rechts). Ansonsten kann es dazu kommen, dass die hreflang-Anmerkungen von Google ignoriert oder falsch interpretiert werden. | |
| − | * Außerdem sollte darauf geachtet werden, dass die Sprach- bzw. Ländercodes korrekt gemäß ISO-Norm angegeben werden. Zwar ist es möglich, lediglich eine Sprache festzulegen, die alleinige Angabe eines Landes ist jedoch ungültig. | + | * Außerdem sollte darauf geachtet werden, dass die Sprach- bzw. Ländercodes korrekt gemäß ISO-Norm angegeben werden. Zwar ist es möglich, lediglich eine Sprache festzulegen, die alleinige Angabe eines Landes ist jedoch ungültig. Die Großschreibung des Ländercodes muss nicht zwangsläufig eingehalten werden. |
| − | |||
| − | |||
* Wenn eine Webseite nur für bestimmte Sprachen oder Länder alternative Seitenversionen anbietet und die übrigen Besucher auf eine Standardseite geleitet werden sollen, kann diese allgemeine Seite durch den Attributwert hreflang=”x-default” festgelegt werden. | * Wenn eine Webseite nur für bestimmte Sprachen oder Länder alternative Seitenversionen anbietet und die übrigen Besucher auf eine Standardseite geleitet werden sollen, kann diese allgemeine Seite durch den Attributwert hreflang=”x-default” festgelegt werden. | ||
| − | = Indirekte Bedeutung für die Suchmaschinenoptimierung (SEO) = | + | == Indirekte Bedeutung für die Suchmaschinenoptimierung (SEO) == |
| − | Die hreflang Anmerkung stellt zwar keinen direkten Ranking-Faktor dar, kann sich aber dennoch indirekt auf die Suchmaschinenoptimierung einer Webseite auswirken. So kann beispielsweise bei fehlenden oder falsch gesetzten hreflang-Links der Inhalt zweier alternativer Sprachversionen als Duplicate Content gewertet werden, was sich negativ auf das Ranking dieser Seiten auswirken kann. | + | Die hreflang Anmerkung stellt zwar keinen direkten Ranking-Faktor dar, kann sich aber dennoch indirekt auf die Suchmaschinenoptimierung (SEO) einer Webseite auswirken. So kann beispielsweise bei fehlenden oder falsch gesetzten hreflang-Links der Inhalt zweier alternativer Sprachversionen von Google als Duplicate Content gewertet werden, was sich negativ auf das Ranking dieser Seiten auswirken kann. |
| − | Weiterhin führt die korrekte Verwendung der hreflang-Anmerkung dazu, dass jedem Nutzer nur die für ihn relevanten Suchergebnisse angezeigt werden, was die User | + | Weiterhin führt die korrekte Verwendung der hreflang-Anmerkung dazu, dass jedem Nutzer nur die für ihn relevanten Suchergebnisse bei Google angezeigt werden, was die [[User Experience]] verbessert. Dies kann wiederum zu längeren Verweildauern und einer geringeren [[Bounce Rate (Absprungrate)]] beitragen und sich somit positiv auf die Beurteilung der Seite durch Google auswirken. |
| − | Trotz allem sollte jedoch beachtet werden, dass durch die hreflang-Anmerkung nur ein Hinweis an Google gesendet wird, der von der Suchmaschine auch ignoriert werden kann und deshalb nicht automatisch erfolgversprechend ist. | + | Trotz allem sollte jedoch beachtet werden, dass durch die hreflang-Anmerkung nur ein Hinweis an Google gesendet wird, der von der Suchmaschine auch ignoriert werden kann und deshalb im Hinblick auf die SEO nicht automatisch erfolgversprechend ist. |
| − | = Links = | + | == Weiterführende Links == |
* https://support.google.com/webmasters/answer/189077?hl=de | * https://support.google.com/webmasters/answer/189077?hl=de | ||
* https://www.sistrix.de/hreflang-guide/ | * https://www.sistrix.de/hreflang-guide/ | ||
| − | * https://www. | + | |
| − | + | == Ähnliche Artikel == | |
| + | |||
| + | * [[Sprache einer HTML Seite]] | ||
| + | |||
| + | [[Kategorie:Suchmaschinenoptimierung]] | ||
| + | [[Kategorie:Web Entwicklung]] | ||
| + | |||
| + | <html><script type="application/ld+json"> | ||
| + | { | ||
| + | "@context": "https://schema.org/", | ||
| + | "@type": "ImageObject", | ||
| + | "contentUrl": "https://www.seobility.net/de/wiki/images/8/89/Hreflang.png", | ||
| + | "license": "https://creativecommons.org/licenses/by-sa/4.0/deed.de", | ||
| + | "acquireLicensePage": "https://www.seobility.net/de/wiki/Creative_Commons_Lizenz_BY-SA_4.0" | ||
| + | } | ||
| + | </script></html> | ||
| + | |||
| + | {| class="wikitable" style="text-align:left" | ||
| + | |- | ||
| + | |'''Über den Autor''' | ||
| + | |- | ||
| + | | [[File:Seobility S.jpg|link=|100px|left|alt=Seobility S]] Das Seobility Wiki Team besteht aus SEO-, Online-Marketing- und Web-Experten mit praktischer Erfahrung in den Bereichen Suchmaschinenoptimierung, Online-Marketing und Webentwicklung. Alle unsere Artikel durchlaufen einen mehrstufigen Redaktionsprozess, um Dir die bestmögliche Qualität und wirklich hilfreiche Informationen bieten zu können. <html><a href="https://www.seobility.net/de/wiki/Seobility_Wiki_Team" target="_blank">Mehr Informationen über das Seobility Wiki Team</a></html>. | ||
| + | |} | ||
| + | |||
| + | <html><script type="application/ld+json"> | ||
| + | { | ||
| + | "@context": "https://schema.org", | ||
| + | "@type": "Article", | ||
| + | "author": { | ||
| + | "@type": "Organization", | ||
| + | "name": "Seobility", | ||
| + | "url": "https://www.seobility.net/" | ||
| + | } | ||
| + | } | ||
| + | </script></html> | ||
Aktuelle Version vom 23. Januar 2024, 14:08 Uhr
Inhaltsverzeichnis
Definition
Das hreflang-Linkattribut (auch hreflang Anmerkung genannt) wird verwendet, wenn auf einer Webseite verschiedene Sprachen oder Inhalte mit regionalen Abweichungen vorhanden sind, und dient dazu, Suchmaschinen mitzuteilen, welche URLs für welche Sprachen und Regionen genutzt werden sollen. Somit wird jede Seite einer entsprechenden Landesversion einer Suchmaschine zugeordnet, wodurch sichergestellt wird, dass Nutzern aus einem bestimmten Land nur die für sie relevanten Seiten in den Suchergebnissen angezeigt werden. Das Attribut wurde von Google im Jahr 2011 eingeführt, um angesichts der zunehmenden internationalen Ausrichtung von Webseiten deren internationale Architektur besser erfassen zu können.
hreflang Check
Prüfe Alternate und hreflang Links Deiner Seite
Anwendungsszenarien
Die Anwendung der hreflang Anmerkung wird von Google in folgenden Szenarien empfohlen:
- Wenn Seiten vollständig in andere Sprachen übersetzt wurden, d.h. wenn es z.B. eine deutsche, englische und französische Version einer Seite gibt.
- Wenn der Großteil einer Seite in einer einzigen Sprache beibehalten wird, aber Teile wie die Navigationsleiste oder die Fußzeile an verschiedene Sprachen angepasst werden. Dies ist vor allem dann der Fall, wenn Seiten User Generated Content beinhalten, wie es z.B. in Foren der Fall ist.
- Wenn mehrere Seiten zwar dieselbe Sprache, aber kleine regionale Unterschiede wie z.B. unterschiedliche Währungen oder Schreibweisen aufweisen. Beispiel: Es existieren zwei Versionen einer deutschen Seite, wobei sich die eine an Nutzer in Deutschland richtet und die andere an Nutzer aus der Schweiz. In diesem Fall ist es besonders wichtig, die hreflang Anmerkung zu verwenden, da Google die Seiten sonst als Duplicate Content interpretieren könnte.
- Wenn einzelne Seiten nur für bestimmte Sprachen oder Länder übersetzt wurden oder zugänglich sein sollen und die übrigen Nutzer auf eine Standardseite (Default-Seite) gelangen sollen.
Aufbau des Link-Elements
Die hreflang Anmerkung im Head-Bereich eines HTML-Dokuments ist folgendermaßen aufgebaut:
<link rel="alternate" hreflang="xx-XX" href="URL"/>
- <link steht für das geöffnete Link-Element und soll ausdrücken, dass zwischen der aktuellen Seite und der genannten URL eine Beziehung vorhanden ist
- rel="alternate" weist die Suchmaschine darauf hin, dass eine alternative Version des aktuellen Dokuments existiert
- hreflang="xx-XX": Durch dieses Attribut wird festgelegt für welche Sprache (xx) und ggf. für welche Region (XX) die genannte URL angezeigt werden soll. Der Wert dieses Attributs muss für die Sprache im ISO 639-1 Format und für das Land im ISO 3166-1 Alpha 2 Format angegeben werden.
- im Attribut href="URL" wird die URL der alternativen Version des aktuellen Dokuments angegeben
- /> schließt das Link-Element
Wenn also beispielsweise auf einer deutschen Seite auf die englische Version dieser Seite hingewiesen werden soll, geschieht dies durch folgende Anmerkung:
<link rel="alternate" hreflang="en" href="http://www.example.com/"/>
Möglichkeiten der Implementierung
Wie bereits erwähnt, kann die hreflang Anmerkung als Link-Element im Head-Bereich des HTML Codes hinterlegt werden. Dies ist jedoch nicht möglich, wenn die Datei nicht als HTML Datei sondern beispielsweise als PDF gespeichert ist. In diesem Fall stehen Ihnen zwei weitere Möglichkeiten zur Verfügung:
1. Angabe im HTTP-Response-Header der jeweiligen Seite durch:
Link: <http://www.example.com/>; rel="alternate"; hreflang="en"
2. Angabe in einer XML Sitemap:
Diese Variante ist vor allem für sehr umfangreiche Webseiten mit vielen unterschiedlichen Sprachversionen geeignet, da sie hier den Aufwand der Implementierung der hreflang-Anmerkung begrenzen kann. In diesem Fall muss in jedes URL-Element der Sitemap zusätzlich ein xhtml:link-Element eingefügt werden, welches folgendermaßen aussieht:
<xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/"/>
Welche dieser drei Alternativen am besten geeignet ist, hängt von der jeweiligen Webseite ab und bedarf deshalb der individuellen Beurteilung jedes Webmasters.
Richtige Verwendung der hreflang-Anmerkung
Folgende Aspekte sind bei der Nutzung von Alternate Links zu beachten:
- Grundsätzlich benötigt jede Seite, die Alternate Links nutzt, einen Rücklink auf sich selbst mit der entsprechenden Sprache, d.h. auf einer deutschen Internetseite muss im HTML Code auch auf die deutsche Version dieser Seite verwiesen werden.
Abbildung: hreflang - Autor: Seobility - Lizenz: CC BY-SA 4.0
- Darüber hinaus muss jede Seite, auf welche mit einer Sprache verwiesen wird, auf die verweisende Seite mit der entsprechenden Sprache zurückverweisen. Das bedeutet: wenn eine deutsche Seite auf die englische Version dieser Seite verweist, muss die englische Seite auch auf die deutsche Version zurückverweisen (bidirektionale Verlinkung, vgl. Abbildung rechts). Ansonsten kann es dazu kommen, dass die hreflang-Anmerkungen von Google ignoriert oder falsch interpretiert werden.
- Außerdem sollte darauf geachtet werden, dass die Sprach- bzw. Ländercodes korrekt gemäß ISO-Norm angegeben werden. Zwar ist es möglich, lediglich eine Sprache festzulegen, die alleinige Angabe eines Landes ist jedoch ungültig. Die Großschreibung des Ländercodes muss nicht zwangsläufig eingehalten werden.
- Wenn eine Webseite nur für bestimmte Sprachen oder Länder alternative Seitenversionen anbietet und die übrigen Besucher auf eine Standardseite geleitet werden sollen, kann diese allgemeine Seite durch den Attributwert hreflang=”x-default” festgelegt werden.
Indirekte Bedeutung für die Suchmaschinenoptimierung (SEO)
Die hreflang Anmerkung stellt zwar keinen direkten Ranking-Faktor dar, kann sich aber dennoch indirekt auf die Suchmaschinenoptimierung (SEO) einer Webseite auswirken. So kann beispielsweise bei fehlenden oder falsch gesetzten hreflang-Links der Inhalt zweier alternativer Sprachversionen von Google als Duplicate Content gewertet werden, was sich negativ auf das Ranking dieser Seiten auswirken kann.
Weiterhin führt die korrekte Verwendung der hreflang-Anmerkung dazu, dass jedem Nutzer nur die für ihn relevanten Suchergebnisse bei Google angezeigt werden, was die User Experience verbessert. Dies kann wiederum zu längeren Verweildauern und einer geringeren Bounce Rate (Absprungrate) beitragen und sich somit positiv auf die Beurteilung der Seite durch Google auswirken.
Trotz allem sollte jedoch beachtet werden, dass durch die hreflang-Anmerkung nur ein Hinweis an Google gesendet wird, der von der Suchmaschine auch ignoriert werden kann und deshalb im Hinblick auf die SEO nicht automatisch erfolgversprechend ist.
Weiterführende Links
Ähnliche Artikel
| Über den Autor |
 |