hreflangtaggenerator.com

Hreflang-Beispielgalerie

Praxisnahe hreflang-Implementierungsszenarien zum Studieren und Nachbilden. Jedes Beispiel enthält eine URL-Tabelle, eine Vorschau der generierten Ausgabe und einen Link zum Ausprobieren im Tool.

E-Commerce-Website mit 3 Locales

Ein typischer Online-Shop, der englische, spanische und deutsche Märkte mit subdirectory-basiertem Locale-Routing anspricht. Jede Produktseite hat drei Locale-Varianten plus ein x-default-Fallback.

Locale	URL
`en`	https://shop.example.com/en/products/widget/
`es`	https://shop.example.com/es/productos/widget/
`de`	https://shop.example.com/de/produkte/widget/
`x-default`	https://shop.example.com/en/products/widget/

Vorschau der generierten Ausgabe

<link rel="alternate" hreflang="en" href="https://shop.example.com/en/products/widget/" />
<link rel="alternate" hreflang="es" href="https://shop.example.com/es/productos/widget/" />
<link rel="alternate" hreflang="de" href="https://shop.example.com/de/produkte/widget/" />
<link rel="alternate" hreflang="x-default" href="https://shop.example.com/en/products/widget/" />

Im Tool ausprobieren

SaaS-Produkt mit 5 Locales

Eine cloudbasierte SaaS-Plattform, die Nutzer in Englisch, Spanisch, Französisch, Portugiesisch und Italienisch bedient. Jede Feature-Seite ist lokalisiert mit einer Preisseiten-Variante pro Markt.

Locale	URL
`en`	https://app.example.com/en/features/
`es`	https://app.example.com/es/funciones/
`fr`	https://app.example.com/fr/fonctionnalites/
`pt`	https://app.example.com/pt/recursos/
`it`	https://app.example.com/it/funzionalita/
`x-default`	https://app.example.com/en/features/

Vorschau der generierten Ausgabe

<link rel="alternate" hreflang="en" href="https://app.example.com/en/features/" />
<link rel="alternate" hreflang="es" href="https://app.example.com/es/funciones/" />
<link rel="alternate" hreflang="fr" href="https://app.example.com/fr/fonctionnalites/" />
<link rel="alternate" hreflang="pt" href="https://app.example.com/pt/recursos/" />
<link rel="alternate" hreflang="it" href="https://app.example.com/it/funzionalita/" />
<link rel="alternate" hreflang="x-default" href="https://app.example.com/en/features/" />

Im Tool ausprobieren

Blog mit reinen Sprachcodes

Ein mehrsprachiger Blog mit reinen Sprach-Hreflang-Codes (en, es, de) ohne Regions-Subtags. Geeignet, wenn Inhalte ein gesamtes Sprachpublikum ansprechen statt ein bestimmtes Land.

Locale	URL
`en`	https://blog.example.com/en/seo-guide/
`es`	https://blog.example.com/es/guia-seo/
`de`	https://blog.example.com/de/seo-anleitung/
`x-default`	https://blog.example.com/en/seo-guide/

Vorschau der generierten Ausgabe

<link rel="alternate" hreflang="en" href="https://blog.example.com/en/seo-guide/" />
<link rel="alternate" hreflang="es" href="https://blog.example.com/es/guia-seo/" />
<link rel="alternate" hreflang="de" href="https://blog.example.com/de/seo-anleitung/" />
<link rel="alternate" hreflang="x-default" href="https://blog.example.com/en/seo-guide/" />

Im Tool ausprobieren

Multi-Domain-Setup

Eine Unternehmensmarke mit separaten Ländercode-Domains pro Markt: example.com für Englisch, example.de für Deutsch und example.fr für Französisch. Hreflang verbindet sie als Locale-Äquivalente.

Locale	URL
`en`	https://example.com/products/cloud-suite/
`de`	https://example.de/produkte/cloud-suite/
`fr`	https://example.fr/produits/cloud-suite/
`x-default`	https://example.com/products/cloud-suite/

Vorschau der generierten Ausgabe

<link rel="alternate" hreflang="en" href="https://example.com/products/cloud-suite/" />
<link rel="alternate" hreflang="de" href="https://example.de/produkte/cloud-suite/" />
<link rel="alternate" hreflang="fr" href="https://example.fr/produits/cloud-suite/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/products/cloud-suite/" />

Im Tool ausprobieren

Regionales Targeting (en-US, en-GB, en-AU)

Ein Content-Publisher, der drei englischsprachige Regionen mit lokalisierter Rechtschreibung, Währung und Datumsformaten anspricht. Regions-Subtags (en-US, en-GB, en-AU) stellen sicher, dass Suchmaschinen die richtige Variante ausliefern.

Locale	URL
`en-US`	https://news.example.com/en-us/article/tech-trends/
`en-GB`	https://news.example.com/en-gb/article/tech-trends/
`en-AU`	https://news.example.com/en-au/article/tech-trends/
`x-default`	https://news.example.com/en-us/article/tech-trends/

Vorschau der generierten Ausgabe

<link rel="alternate" hreflang="en-US" href="https://news.example.com/en-us/article/tech-trends/" />
<link rel="alternate" hreflang="en-GB" href="https://news.example.com/en-gb/article/tech-trends/" />
<link rel="alternate" hreflang="en-AU" href="https://news.example.com/en-au/article/tech-trends/" />
<link rel="alternate" hreflang="x-default" href="https://news.example.com/en-us/article/tech-trends/" />

Im Tool ausprobieren