Hreflang Examples Gallery

Real-world hreflang implementation scenarios you can study and replicate. Each example includes a URL table, generated output preview, and a link to try it in the tool.

E-Commerce Site with 3 Locales

A typical online shop targeting English, Spanish, and German markets with subdirectory-based locale routing. Each product page has three locale variants plus an 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/

Generated Output Preview

<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/" />

Try in tool

SaaS Product with 5 Locales

A cloud-based SaaS platform serving users in English, Spanish, French, Portuguese, and Italian. Each feature page is localized with a pricing page variant per market.

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/

Generated Output Preview

<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/" />

Try in tool

Blog with Language-Only Codes

A multilingual blog using language-only hreflang codes (en, es, de) without region subtags. Suitable when content targets an entire language audience rather than a specific country.

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/

Generated Output Preview

<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/" />

Try in tool

Multi-Domain Setup

An enterprise brand using separate country-code domains for each market: example.com for English, example.de for German, and example.fr for French. Hreflang connects them as locale equivalents.

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/

Generated Output Preview

<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/" />

Try in tool

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

A content publisher targeting three English-speaking regions with localized spelling, currency, and date formats. Region subtags (en-US, en-GB, en-AU) ensure search engines serve the right variant.

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/

Generated Output Preview

<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/" />

Try in tool