Cuando una tienda quiere vender en varios países, necesita asegurarse de que cada usuario vea la versión correcta de su web según su idioma y ubicación. Aquí es donde entra en juego hreflang, una etiqueta fundamental en SEO internacional.
Qué es la etiqueta hreflang y su importancia en el SEO Internacional.
La etiqueta hreflang es un snippet HTML que se coloca en el head de cada URL que se utiliza para indicar a Google y otros motores de búsqueda qué versión de una página debe mostrar a cada usuario en función de su idioma y región.
Si no implementas el hreflang correctamente podrías tener problemas como que Google considere que tienes contenido duplicado o no entender qué idiomas están presentes en tu página. Piensa, por ejemplo, que tienes una página enfocada a México y otra a España, una en pesos y otra en euros, ¿cómo sabe Google que no estás duplicando contenido y cuál debe mostrar en cada país?
Piénsalo, si Google toma una página necesita apoyo para saber en qué idioma está esa página, a qué mercado se dirige y cuáles son sus equivalentes en otros idiomas.
Formato correcto del hreflang: Idioma o idioma-mercado
Hreflang utiliza códigos para identificar tanto el idioma como la región a la que está dirigida una página. Estos códigos siguen la norma ISO 639-1 para los idiomas y ISO 3166-1 alpha-2 para las regiones.
Los valores de hreflang pueden presentarse de dos formas:
Solo con el código de idioma:
Ejemplo: es → Indica que la página es en español, sin especificar país.
Con idioma y región específica:
Ejemplo: es-es → Página en español para España.
Ejemplo: es-mx → Página en español para México.
Además, existe el valor x-default, del que hablaremos en próximos apartados.
Métodos para implementar hreflang en tu web
Las tres formas más habituales de añadir hreflang a una web son las que muestro a continuación. Cada una tiene sus ventajas y se recomienda en distintos escenarios.
Etiquetas en el <head> del HTML
Este es el método más común y se implementa dentro del código de cada página. Se añaden etiquetas <link> en la sección <head> para indicar las versiones alternativas de la página.
Ejemplo de implementación:
Ventajas del método etiqueta HTML en el head
- Se implementa fácilmente en prácticamente todos los CMS y es claro e intuitivo.
- Google lo detecta rápidamente al rastrear la página desde el primer rastreo sin renderizado.
Personalmente recomiendo este, es claro, fácil y limpio. No le veo desventajas.
Etiquetado en el sitemap XML del sitio
El sitemap XML que le mandamos a Google a través de Search Console puede aportar el listado de URLs etiquetadas por idioma.
Ejemplo que podríamos ver en un sitemap de este estilo:
Ventajas del método hreflang en el sitemap XML
No aumenta el peso del HTML del sitio.
Si se genera automáticamente es un método sencillo y limpio, especialmente en webs de tamaño grande.
Desventajas de implementar hreflang vía sitemap XML
La mayoría de los plugins y módulos que generan sitemaps automáticamente en los CMS más populares no soportan esta funcionalidad, o si lo hacen, el resultado no es perfecto.
Hreflang mediante encabezados HTTP
Este método es útil cuando el contenido se genera de manera dinámica, no hay acceso a editar el HTML o en archivos PDF. Se añade una cabecera HTTP con la configuración de hreflang.
Ejemplo de implementación en un servidor:
Ventajas de aplicar la etiqueta hreflang por encabezados HTTP
Es una solución salvadora cuando no tienes abierta la posibilidad de afectar al HTML o se trata de archivos PDF o de otro tipo.
Desventajas de aplicar la etiqueta hreflang por encabezados HTTP
Es más difícil de auditar cuando se trata en grandes volúmenes. También es más difícil de implementar e automatizar (pero no imposible).
¿Se pueden combinar varios métodos de implementación hreflang?
Cualquiera de los métodos anteriores puede combinarse entre sí siempre y cuando no se contradigan uno y otro. Hay un caso donde es especialmente interesante combinarlos:
- Encabezados HTTP para los archivos + otro para las URL HTML
El atributo x-default. Opcional pero útil.
El atributo x-default dentro de la configuración del hreflang se puede utilizar cuando no hay una versión para un idioma o región. En palabras llanas consiste en indicar cuál es la versión base que tiene que mostrar el buscador cuando no sabe cuál mostrar.
Ejemplo de uso de x-default
Errores comunes (y graves) relacionados con hreflang
Hay varios errores que solemos ver al auditar proyectos de SEO internacional que no es nada desdeñable comentar, ya que podría estar ocurriendo en tu tienda online y estar haciéndote perder miles de euros en ventas.
Hreflang que no apunta a la URL correcta
Este caso se da cuando no encaja el idioma indicado con la URL mostrada, por ejemplo:
O incluso puede ocurrir que esté correcta la etiqueta, pero que esa página en concreto no se haya traducido y esté en otro idioma.
Mala planificación de idiomas y mercados
Muchos proyectos en ocasiones piensan que más es mejor, y abren mercados e idiomas sin control, no teniendo adaptado ni traducido de manera óptima el contenido, o no teniendo la estructura ni el equipo necesario para trabajar el SEO en los distintos mercados.
Esto no es un error puramente del hreflang, pero una de las formas de detectarlo es a través de auditar esta etiqueta.
Etiqueta canonical mal configurada
Cada versión de la página debe tener un canonical apuntando a sí misma. Es decir, la página en español debe tener una etiqueta canonical hacia sí misma, y lo mismo con la página en inglés, francés o húngaro.
Reciprocidad errónea
Si una página A enlaza a una página B con hreflang, la página B también debe enlazar de vuelta a la página A. En ocasiones debido a errores técnicos no ‘casan’ y se incurre en este error.
Formas de auditar tu correcto hreflang
Diversas formas son las más populares para auditar y revisar el uso de la etiqueta hreflang de un proyecto.
Herramientas online sencillas y efectivas
Una herramienta online, gratuita y sencilla que uso siempre y que es muy útil y en muchas ocasiones suficiente para analizar URLs sueltas de cada tipo es la siguiente: Hreflang Tester.
Solo con esta herramienta podrás auditar individualmente todos los aspectos que hemos hablado en este post.
Además, si quieres consultar la SERP según la localización, tienes Valentin.app, así puedes hacer comprobaciones más manuales.
Screaming Frog
En Screaming Frog deberás hacer algunas configuraciones para poder auditarlo.
Lo primero será acceder a Configuración -> Spider > Rastreo. Y ahí activar el rastreo y almacenado de hreflang. Si lo tienes en el sitemap XML, activa también su rastreo.
Acto seguido puedes rastrear tu sitio, y en la pestaña hreflang, tienes un listado de URLs filtrable según el problema que le haya encontrado la herramienta.
Google Search Console
Antiguamente había un informe relacionado con el hreflang en Search Console llamado ‘International targeting’, sin embargo, Google lo descontinuó, dado que no lo consideraban suficientemente útil.
Para buscar errores relacionados con hreflang actualmente a través de Search Console lo puedes hacer viendo resultados de búsqueda por países. Si ves algo que te chirría, puedes entrar y revisar hreflang.
No obstante, es normal que veas idiomas distintos en cada país. Por ejemplo, si ves impresiones o clicks en español en Noruega no te alarmes tan rápido, podría ser alguien de España que vive allí o está de viaje haciendo una búsqueda.
¿Necesitas consultoría SEO Internacional?
En caso que quieras operar en diversos mercados y necesites un asesoramiento experto en SEO Internacional puedes contar con acceseo.
Somos una agencia experta, con más de 15 años de experiencia en proyectos nacionales e internacionales, trabajamos con las mejores metodologías y tenemos un departamento de desarrollo propio con expertos en las distintas tecnologías y CMS.
Contacta con nosotros y llevemos tu SEO internacional al siguiente nivel.
