Galerie d’exemples Hreflang

Scénarios réels d’implémentation hreflang à étudier et reproduire. Chaque exemple inclut un tableau d’URL, un aperçu du résultat généré et un lien pour l’essayer dans l’outil.

Site e-commerce avec 3 locales

Une boutique en ligne typique ciblant les marchés anglais, espagnol et allemand avec un routage de locale par sous-répertoire. Chaque page produit a trois variantes de locale plus un fallback x-default.

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/

Aperçu du résultat généré

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

Essayer dans l’outil

Produit SaaS avec 5 locales

Une plateforme SaaS cloud desservant des utilisateurs en anglais, espagnol, français, portugais et italien. Chaque page fonctionnalité est localisée avec une variante de page de tarification par marché.

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/

Aperçu du résultat généré

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

Essayer dans l’outil

Blog avec codes langue uniquement

Un blog multilingue utilisant des codes hreflang langue uniquement (en, es, de) sans sous-balises de région. Adapté lorsque le contenu cible un public linguistique entier plutôt qu’un pays spécifique.

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/

Aperçu du résultat généré

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

Essayer dans l’outil

Configuration multi-domaine

Une marque d’entreprise utilisant des domaines de code pays séparés pour chaque marché : example.com pour l’anglais, example.de pour l’allemand et example.fr pour le français. Hreflang les relie comme équivalents de locale.

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/

Aperçu du résultat généré

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

Essayer dans l’outil

Ciblage régional (en-US, en-GB, en-AU)

Un éditeur de contenu ciblant trois régions anglophones avec orthographe, devise et formats de date localisés. Les sous-balises de région (en-US, en-GB, en-AU) garantissent que les moteurs de recherche servent la bonne variante.

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/

Aperçu du résultat généré

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

Essayer dans l’outil