SEO Internacional: ¿De qué se trata el atributo Hreflang?

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

Para empresas consolidadas que buscan crecer en el extranjero, el SEO internacional puede ser complicado. Tus prácticas actuales de SEO quizás funcionen bien a nivel nacional, pero ¿usar las mismas técnicas se traduce 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 “comiencen” 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 podrían 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 esencial que aumentará tus posibilidades de éxito al expandirte a nuevos países.

La siguiente guía te dará una idea general de qué es el atributo hreflang y por qué es importante, seguido de los errores más 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 segmentación regional e idiomática de una página o URL, para que Google pueda mostrar la página correcta en los resultados de búsqueda según el usuario.

• Primer ejemplo: Un sitio web puede tener dos versiones: una para EE. UU. y otra para España. Añadir el atributo hreflang le indica a Google que debe mostrar la versión de EE. UU. a los usuarios ubicados allí, 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. Por ejemplo, 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 más grandes, ya que suele provocar tiempos de carga más lentos. Este método también puede complicar un poco el mantenimiento de las páginas: las páginas que se agreguen o eliminen 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 más grandes”.
3. El mapa del sitio XML de tu sitio web – Si tienes un mapa del sitio en tu página web, este método es la forma más eficiente de implementar la etiqueta hreflang. Al tratarse de un solo archivo, realizar cambios suele ser más fácil que tener que hacerlo en múltiples documentos HTML, como ocurriría con los dos métodos anteriores.

Ten en cuenta que solo uno de los métodos mencionados anteriormente debe usarse 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 ingresarías el idioma y el código de país, por ejemplo, para EE. UU. 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 fragmento de 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 buscadores aceptan el atributo hreflang. Este funciona con Google, Yahoo y Yandex, pero no con Bing ni Baidu. Por lo tanto, esto también es algo a considerar al pensar en tu mercado objetivo. Aunque Google sea el buscador 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é es importante 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 hreflang; sin embargo, no es la única forma de indicar el idioma y la segmentación geográfica de una página web.

Entonces, ¿cuál es el punto?

Lo que distingue al atributo hreflang es que ayuda a los buscadores 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 estar referenciadas entre sí. Esto significa que las páginas deben apuntarse mutuamente.

Volviendo al ejemplo del sitio web que tiene una versión en inglés de EE. UU. y otra en español de 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 web también debe tener un atributo hreflang que apunte de vuelta 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, este puede no ser el caso, y es ahí donde usar el atributo hreflang resulta útil.

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

En esencia, hreflang le indica a Google que, dado que ya entiende y conoce esta página, debe considerar su valor para el mercado específico indicado en 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 exige calcular un grafo de enlaces para poder llevar todo el control.

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 vinculadas.

Otro problema frecuente 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 del Reino Unido es “GB” y no “UK”.

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

• Coloca siempre primero el código de idioma, 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 suficiente tiempo para rastrear tus páginas. Deberías poder ver cualquier error en el informe generado, al que se puede acceder desde la pestaña “Idioma” dentro de tu consola de Google.

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 mantenerse al día con los requisitos de los motores de búsqueda.

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

Entonces, ¿Qué Pasos Debes Seguir Ahora?

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

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