SEO Internacional: ¿Qué es el atributo Hreflang?

¿Estás pensando en cómo expandir tu negocio a nivel global?

Para las empresas consolidadas que buscan crecer en el extranjero, el SEO internacional puede ser complicado. Es posible que tus prácticas actuales de SEO funcionen bien a nivel nacional, pero ¿las mismas técnicas se traducen en éxito internacional?

Como señala Forbes, el SEO lleva tiempo, y la mayoría de las agencias de SEO estiman entre 4 y 6 meses antes de que los resultados “empiecen” a notarse.

Por lo tanto, aunque el sitio web de tu empresa tenga una alta autoridad de dominio en tu propio país, los mismos resultados pueden tardar más en aparecer en la versión internacional.

Aquí es donde entra en juego el atributo hreflang, un componente técnico de SEO fundamental que aumentará tus posibilidades de éxito al lanzarte a nuevos países.

La siguiente guía te dará una idea general de qué es el atributo hreflang y por qué es importante, seguida de los errores comunes y las mejores prácticas de hreflang.

¿Qué es Hreflang?

“Hreflang es un atributo HTML (un fragmento de código) que se añade al documento HTML de una página web.” Le indica a Google la orientación regional y el idioma de una página o URL, para que Google pueda mostrar la página correcta en los resultados de búsqueda para cada usuario.

• Primer ejemplo: Un sitio web puede tener dos versiones: una para Estados Unidos y otra para España. Al añadir el atributo hreflang, se le indica a Google que muestre la versión de EE. UU. a los usuarios ubicados en Estados Unidos y la versión de España a los usuarios ubicados en España.
• Segundo ejemplo: Una empresa que valora el poder de los mercados multiculturales y ofrece opciones localizadas para los usuarios de un país. Una empresa de EE. UU. que se dirige a los mercados chino e hispano dentro del país.
• Tercer ejemplo: Por motivos legales, como en el caso de empresas canadienses con oficinas en Quebec, deben ofrecer a sus usuarios de Quebec una experiencia en francés, además del inglés para el resto de Canadá. 

¿Dónde Más Se Puede Colocar un Atributo Hreflang?

Existen tres formas de implementar el atributo hreflang:

1. En un documento HTML – Como se mencionó brevemente antes, el atributo hreflang se añade dentro de la etiqueta <head> de un documento HTML. Esta es la opción más sencilla, pero puede no ser adecuada para sitios web grandes, ya que a menudo provoca tiempos de carga más lentos. Este método también puede ser un poco más complicado en cuanto al mantenimiento de las páginas: las páginas que se añaden o eliminan requerirán actualizar las etiquetas hreflang.
2. Dentro del encabezado HTTP – Se utiliza principalmente en documentos como PDFs, ya que no hay HTML. “Este método es similar al del documento HTML y puede afectar seriamente la velocidad de carga de sitios web grandes.”
3. El mapa del sitio XML de tu web – Si tu sitio web cuenta con un mapa del sitio (sitemap), este método es la forma más eficiente de implementar la etiqueta hreflang. Al tratarse de un solo archivo, hacer cambios suele ser más sencillo que tener que hacerlo en múltiples documentos HTML, como ocurriría con los dos métodos anteriores.

Ten en cuenta que solo se debe usar uno de los métodos anteriores al implementar el atributo hreflang.

¿Cómo se ve el Atributo Hreflang en un Documento HTML?

La estructura del atributo hreflang debería verse de la siguiente manera:

<link rel=”alternate” hreflang=”lang-code” href=”https://examplewebsite.com” />

El “lang-code” es donde debes indicar el idioma y el código de país, por ejemplo, para Estados Unidos sería “en-us”, y el enlace se cambiaría por la URL correspondiente.

<link rel=”alternate” hreflang=”en-us” href=”https://us-examplewebsite.com” />

Es un código sencillo, sin embargo, al implementar la sintaxis hreflang en múltiples páginas de sitios web grandes, rápidamente se vuelve complicado y desordenado.

Ten en cuenta que no todos los motores de búsqueda aceptan el atributo hreflang. Este funciona con Google, Yahoo y Yandex, pero no con Bing ni Baidu. Por lo tanto, esto también debe tenerse en cuenta al pensar en tu mercado objetivo. Aunque Google puede ser el motor de búsqueda más popular en EE. UU., Baidu es la opción principal en China.

Ejemplos de Cuándo Usar el Atributo Hreflang:

Según Google, estos son ejemplos de cuándo se recomienda indicar variaciones de página:

• Tu sitio web está traducido a varios idiomas

• Tu sitio web tiene diferencias regionales en un mismo idioma, pero con contenido casi idéntico, por ejemplo, contenido en inglés dirigido a usuarios en EE. UU., Canadá, Reino Unido e Irlanda evita que Google marque tu sitio web por contenido duplicado

• El contenido principal de tu sitio web está en un idioma, pero la plantilla del sitio está traducida, por ejemplo, la navegación y el pie de página.

¿Por Qué Importa para Empresas que se Dirigen a Mercados en Diferentes Países?

Según una encuesta, alrededor del “72.4% de los consumidores afirmó que sería más probable que comprara un producto con información en su propio idioma”. Ese es un factor enorme si quieres tener éxito al expandir tu negocio a escala global.

El idioma y las conversiones son razones importantes para priorizar el hreflang; sin embargo, no es la única forma de indicar el idioma y la orientación geográfica de una página web.

Entonces, ¿cuál es el problema?

Lo que distingue al atributo hreflang es que ayuda a los motores de búsqueda a entender la relación entre las diferentes versiones de idioma de una página. Dicho de otra manera, es una forma de crear un vínculo poderoso que trasciende el idioma y la ubicación. Para poder establecer esa correlación entre idiomas, las páginas web deben hacer referencia cruzada entre sí. Esto significa que las páginas deben apuntar unas a otras.

Volviendo al ejemplo del sitio web que tiene una versión en inglés para EE. UU. y una versión en español para España: si el atributo hreflang se coloca en la página de EE. UU. apuntando a la versión en español, esto debe ser recíproco en la página en español. Es decir, la versión en español de la página también debe tener un atributo hreflang que apunte de regreso a la página en inglés de EE. UU. No puedes tener el atributo hreflang apuntando desde una sola página.

¿Cómo Afecta Esto al SEO de tu Sitio Web?

Supongamos que tienes una página web en inglés que se posiciona muy bien en los resultados de Google en EE. UU., y la misma página en español pero sin el hreflang.

Podrías pensar que, como la versión en inglés de tu página se posiciona bien, la versión en español también lo haría en los resultados de Google en español. Lamentablemente, puede que no sea así, y es ahí cuando el uso del atributo hreflang se vuelve útil.

Usar el atributo hreflang le indica a Google que ambas páginas son, de hecho, similares, lo que da como resultado señales de ranking compartidas. Entonces, si un usuario buscara un término que arroja como resultado una página en inglés bien posicionada, y más tarde un usuario en España busca ese mismo término, Google podría promocionar la versión en español teniendo en cuenta las señales de ranking de la versión en inglés de la página.

En esencia, hreflang le indica a Google que, dado que ya conoce y entiende esta página, debe considerar su valor para ese mercado específico según el atributo.

¿Cuáles Son los Errores Más Comunes y las Mejores Prácticas al Implementar el Atributo Hreflang?

¿Qué hace que implementar el atributo hreflang sea tan difícil? Cuanto más grande es el sitio web, más compleja se vuelve la implementación, lo que obliga a calcular un gráfico de enlaces para poder llevar un control de todo.

El error más común está relacionado con olvidar hacer la referencia cruzada, es decir, omitir los enlaces de retorno. Esto hace que Google ignore por completo las páginas enlazadas.

Otro problema común es usar códigos de idioma y región incorrectos (la región es opcional). El código de idioma debe estar en formato “ISO 639-1” y el código de región debe estar en formato “ISO 3166-1 Alpha 2”. Por ejemplo, el código oficial de país para el Reino Unido es “GB” y no “UK”.

Una sintaxis incorrecta al escribir el atributo hreflang es otro problema que suele aparecer de vez en cuando. Para evitarlo:

• Coloca siempre el código de idioma primero, como “en-us” y no “us-en”

• Usa solo un guion (sin guiones bajos ni otros símbolos) para separar el código de idioma y el de país

• Y por último, los códigos de idioma pueden usarse solos, pero los códigos de país no, es decir, “en” está permitido, pero “us” no lo está

Cómo Depurar Errores de Hreflang (Google)

Para problemas generales, usar el Informe de Segmentación Internacional de Google es una forma sencilla de depurar. Ten en cuenta que puede que debas darle a Google tiempo suficiente para rastrear tus páginas. Deberías poder ver cualquier error en el informe generado, al cual puedes acceder desde la pestaña “Idioma” dentro de tu Google Search Console.

Ahora que ya has probado un poco de lo que el atributo hreflang puede lograr, todo depende de la capacidad de tu equipo de desarrollo y de dónde estén las fortalezas de tu equipo de marketing. El SEO tradicional ha evolucionado y se ha vuelto cada vez más técnico para estar a la altura de los requisitos de los motores de búsqueda.

Y si a esto le sumamos el SEO internacional, capacitarse y ponerse al día requerirá bastante tiempo y recursos.

Entonces, ¿Qué Pasos Deberías Seguir Ahora?

Las oportunidades desaparecen rápido en una economía globalizada, y para ganar hay que actuar con rapidez. Aunque expandir tu negocio al extranjero es una oportunidad emocionante, los nuevos territorios traen consigo nuevos desafíos.

¿Todavía tienes dudas sobre el atributo hreflang? Hablemos, soy consultor senior de SEO internacional y he lidiado con muchas de las complejidades de implementar el atributo hreflang.