Hreflang Implementation Guide
Guía de Implementación Hreflang
La guía técnica completa para sitios web multilingües dirigidos a mercados españoles e ingleses
Meirra está cargandoMeirra
Experto en SEO y Desarrollo Web, Meirra
Understanding Hreflang
Guía de Hreflang
Comprende y optimiza tus etiquetas hreflang para SEO internacional
Entendiendo Hreflang
El atributo hreflang le dice a los motores de búsqueda qué idioma estás usando en una página específica, para que puedan mostrar la versión correcta a los usuarios que buscan en ese idioma.
Introducido por Google en 2011, hreflang es ahora un componente crítico del SEO internacional, ayudando a evitar problemas de contenido duplicado y asegurando que los usuarios vean contenido en su idioma preferido.
El atributo utiliza códigos de idioma ISO (como 'en' para inglés o 'es' para español) y subtags regionales opcionales (como 'es-ES' para español en España o 'es-MX' para español en México).
Esta guía completa cubre todo lo que necesitas para implementar correctamente etiquetas hreflang para sitios web dirigidos a mercados españoles e ingleses. La implementación de hreflang es uno de los aspectos técnicamente más desafiantes del SEO multilingüe, pero cuando se hace correctamente, asegura que los motores de búsqueda muestren la versión correcta del idioma a los usuarios adecuados.
Repasaremos múltiples métodos de implementación, proporcionaremos ejemplos de código probados, ofreceremos orientación específica para la segmentación del mercado español y te ayudaremos a solucionar errores comunes.
Ejemplo Básico
Implementación de Hreflang Básica
Nota cómo cada página debe tener el conjunto completo de etiquetas hreflang
<head>
<!-- Other meta tags, title, etc. -->
<!-- English page (example.com/page) would have these tags: -->
<link rel="alternate" hreflang="en" href="https://example.com/page/" />
<link rel="alternate" hreflang="es" href="https://example.com/es/page/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page/" />
<!-- Spanish page (example.com/es/page) would have these same tags: -->
<link rel="alternate" hreflang="en" href="https://example.com/page/" />
<link rel="alternate" hreflang="es" href="https://example.com/es/page/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page/" />
</head>¿Por Qué Es Importante?
- Previene problemas de contenido duplicado entre versiones de idiomas
- Asegura que los motores de búsqueda muestren el idioma correcto a los usuarios
- Ayuda a mantener clasificaciones de índice separadas para cada versión de idioma
- Mejora la experiencia del usuario mostrando contenido en el idioma preferido de los usuarios
- Crítico para negocios dirigidos a mercados tanto españoles como ingleses
Errores Comunes
- ✕Enlaces de retorno faltantes (no crear referencias bidireccionales)
- ✕Códigos de idioma o país incorrectos
- ✕Mezclar URLs relativas y absolutas
- ✕Señales canónicas y hreflang conflictivas
- ✕Anidación incorrecta en sitemaps XML
- ✕Etiquetas de auto-referencia faltantes
Códigos de Idioma Hreflang
Explora los códigos de idioma válidos para usar en tus etiquetas hreflang.
en
English
en-US
English (United States)
en-GB
English (United Kingdom)
en-CA
English (Canada)
en-AU
English (Australia)
es
Spanish
es-ES
Spanish (Spain)
es-MX
Spanish (Mexico)
es-CO
Spanish (Colombia)
es-AR
Spanish (Argentina)
fr
French
fr-FR
French (France)
fr-CA
French (Canada)
de
German
de-DE
German (Germany)
it
Italian
it-IT
Italian (Italy)
pt
Portuguese
pt-BR
Portuguese (Brazil)
pt-PT
Portuguese (Portugal)
zh
Chinese
zh-CN
Chinese (China)
zh-TW
Chinese (Taiwan)
ja
Japanese
ja-JP
Japanese (Japan)
ko
Korean
ko-KR
Korean (South Korea)
ru
Russian
ru-RU
Russian (Russia)
ar
Arabic
nl
Dutch
nl-NL
Dutch (Netherlands)
x-default
Default
Formato de Código
Los códigos de idioma hreflang siguen el formato ISO 639-1 para idiomas (dos letras, ej. "es") y opcionalmente ISO 3166-1 Alpha-2 para países (dos letras, ej. "ES"). Siempre usa letras minúsculas para el código de idioma y mayúsculas para el código de país.