Galleria di Esempi Hreflang
Scenari reali di implementazione hreflang da studiare e replicare. Ogni esempio include una tabella URL, un’anteprima dell’output generato e un link per provarlo nello strumento.
Sito e-commerce con 3 locale
Un tipico negozio online che punta ai mercati inglese, spagnolo e tedesco con routing di locale basato su sottodirectory. Ogni pagina prodotto ha tre varianti di locale più 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/ |
Anteprima dell’output generato
<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/" />
Prodotto SaaS con 5 locale
Una piattaforma SaaS cloud che serve utenti in inglese, spagnolo, francese, portoghese e italiano. Ogni pagina funzionalità è localizzata con una variante di pagina prezzi per mercato.
| 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/ |
Anteprima dell’output generato
<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/" />
Blog con codici solo lingua
Un blog multilingue che usa codici hreflang solo lingua (en, es, de) senza sottotag di regione. Adatto quando il contenuto mira a un intero pubblico linguistico piuttosto che a un paese specifico.
| 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/ |
Anteprima dell’output generato
<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/" />
Setup multi-dominio
Un brand aziendale che usa domini con codice paese separati per ogni mercato: example.com per l’inglese, example.de per il tedesco e example.fr per il francese. Hreflang li collega come equivalenti di 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/ |
Anteprima dell’output generato
<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/" />
Targeting regionale (en-US, en-GB, en-AU)
Un editore di contenuti che punta a tre regioni anglofone con ortografia, valuta e formati data localizzati. I sottotag di regione (en-US, en-GB, en-AU) assicurano che i motori di ricerca servano la variante corretta.
| 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/ |
Anteprima dell’output generato
<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/" />