Galería de Ejemplos Hreflang
Escenarios reales de implementación hreflang que puedes estudiar y replicar. Cada ejemplo incluye una tabla de URLs, vista previa del resultado generado y un enlace para probarlo en la herramienta.
Sitio E-Commerce con 3 Locales
Una tienda online típica que apunta a mercados en inglés, español y alemán con enrutamiento de locale basado en subdirectorios. Cada página de producto tiene tres variantes de locale más 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/ |
Vista Previa del Resultado Generado
<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/" />
Producto SaaS con 5 Locales
Una plataforma SaaS basada en la nube que sirve a usuarios en inglés, español, francés, portugués e italiano. Cada página de características está localizada con una variante de página de precios por mercado.
| 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/ |
Vista Previa del Resultado Generado
<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 Códigos de Solo Idioma
Un blog multilingüe que usa códigos hreflang de solo idioma (en, es, de) sin subetiquetas de región. Adecuado cuando el contenido apunta a toda una audiencia lingüística en lugar de un país específico.
| 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/ |
Vista Previa del Resultado Generado
<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/" />
Configuración Multi-Dominio
Una marca empresarial que usa dominios de código de país separados para cada mercado: example.com para inglés, example.de para alemán y example.fr para francés. Hreflang los conecta como equivalentes 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/ |
Vista Previa del Resultado Generado
<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/" />
Segmentación Regional (en-US, en-GB, en-AU)
Un editor de contenido que apunta a tres regiones de habla inglesa con ortografía, moneda y formatos de fecha localizados. Las subetiquetas de región (en-US, en-GB, en-AU) aseguran que los motores de búsqueda sirvan la variante correcta.
| 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/ |
Vista Previa del Resultado Generado
<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/" />