Hreflang y SEO: lo que necesita saber para la optimización del lenguaje

Para las empresas empresariales que abarcan varios países y culturas, proporcionar contenido en el idioma deseado por su audiencia no es opcional. Implementar la designación de idioma correcta puede marcar la diferencia entre una estrategia de contenido exitosa y una fracasada. Proporcionar el atributo HTML correcto para el idioma, conocido como hreflang, ayuda a Google a comprender qué contenido entregar a un usuario. Hreflang no es un concepto difícil de entender, pero a muchos webmasters les cuesta implementarlo correctamente.

Hoy, cubrimos los conceptos básicos de qué es hreflang, cómo implementarlo correctamente y cómo evitar algunos errores comunes con los atributos de hreflang.

¿Qué es hreflang?

Hreflang es un atributo HTML utilizado por Google para especificar el idioma y la orientación geográfica de una página web. Esto permite a los webmasters ayudar a los motores de búsqueda a ofrecer la versión correcta de una página en diferentes idiomas.

Por ejemplo, si tiene una versión de una página tanto en inglés como en español, puede designar qué página debe mostrar Google según la ubicación geográfica y el idioma preferido del usuario.

Los atributos de hreflang solo pueden ser críticos para las empresas internacionales, pero siguen siendo un concepto importante que todos los SEO y webmasters deben comprender.

¿Por qué es importante hreflang para SEO?

El atributo hreflang le dice a Google a qué idioma y país se dirige a una página específica, lo que crea una mejor experiencia de usuario para los usuarios que buscan en ese idioma y país específicos.

Para los SEO, la etiqueta hreflang garantiza que el resultado de la búsqueda se entregue en el idioma nativo o preferido en lugar de en uno diferente.

Las etiquetas Hreflang son una señal para los motores de búsqueda, pero no una directiva, por lo que Google no puede usarlas si las considera inexactas. Como SEO, desea asegurarse de que está enviando las señales correctas y ayudando a Google a comprender su sitio cuando indexan y clasifican sus páginas.

¿Bing usa hrelfang?

Otro hecho importante a tener en cuenta es que Bing y otros motores de búsqueda no usan hreflang, por lo que tendrá que realizar una optimización adicional si desea tráfico de esos motores de búsqueda.

¿Cómo se ven los atributos de hreflang?

A continuación, se muestra un ejemplo de cómo se ve una etiqueta hreflang correcta:

<link rel="alternate" hreflang="de" href="https://example.com/blog/de/article-name/" />

Si esto parece intimidante, ¡no se preocupe! Las etiquetas Hreflang son fáciles de entender porque se pueden dividir en tres partes sencillas:

link rel = “alternate”: decirle a Google que el enlace de esta etiqueta es una versión alternativa.

hreflang = “x”: especifica el idioma y en qué se diferencia de la versión original.

href = “https://example.com/alternate-page”: la página alternativa se puede encontrar en esta URL.

Ejemplo de hreflang

<link rel="alternate" hreflang="de" href="https://example.com/blog/de/article-name/" />

  1. La parte azul de este código especifica que el enlace de la etiqueta es una versión diferente.
  2. La parte verde de la etiqueta le dice a Google en qué idioma está la página que la hace diferente del original.
  3. La sección roja especifica dónde se puede encontrar la página específica del idioma.

Además, es posible que desee especificar una ubicación geográfica particular en su atributo HTML si hay una diferencia en el dialecto regional.

Por ejemplo, Canadá es principalmente bilingüe, y se habla inglés y francés en diferentes regiones del país. En este caso, querrá especificar ambos:

<link rel="alternate" hreflang="en-ca" href="https://example.com/blog/en/article-name/" />

<link rel="alternate" hreflang="fr-ca" href="https://example.com/blog/fr/article-name/" />

Si no está seguro de qué códigos o ubicaciones necesita usar, puede encontrar la lista completa de códigos ISO 639-1 en Wikipedia .

Bastante sencillo y fácil de entender, ¿verdad?

Entonces, ¿por qué es tan complicado de implementar para los webmasters?

Cómo implementar atributos hreflang

Hay tres formas recomendadas de implementar el atributo hreflang para cualquier sitio:

  • Etiquetas HTML
  • Encabezados HTTP
  • Mapas del sitio

Cualquiera de estos puede funcionar, aunque algunos son más fáciles de implementar que otros. Analicemos en profundidad cada uno de estos y veamos qué implementación es la adecuada para su sitio.

Cómo implementar Hreflang usando HTML

La primera estrategia para implementar hreflang es colocar elementos de enlace HTML hreflang en la sección <head> de cada página.

Si bien esto puede parecer una forma fácil de implementar hreflang, existen algunas desventajas en este tipo de implementación:

  • Puede llevar mucho tiempo porque cada vez que agrega una nueva variación de una página, debe regresar y asegurarse de haber agregado el etiquetado apropiado a cada variación de la página.
  • Este método puede crear aumentos innecesarios en el tiempo de carga de la página debido a cómo Google obtiene una página.
  • Lo más probable es que también deba realizar una implementación manual para Bing

Cómo implementar Hreflang usando encabezados HTTP

Para cualquier contenido que no sea HTML en su sitio (PDF, etc.), puede usar encabezados HTTP para especificar idiomas.

Se verán así:

La desventaja de usar encabezados HTTP es que también pueden agregar mucho peso a la página de su sitio, lo que en última instancia ralentiza la experiencia del usuario.

Cómo implementar Hreflang usando XML Sitemaps

La tercera opción para implementar hreflang es usar marcado de mapa de sitio XML. Podría decirse que esta es la mejor manera de asegurarse de que todo su hreflang sea correcto y se tenga en cuenta; si no nos cree, eche un vistazo a lo que dijo John Mueller de Google .

En esta estrategia, utiliza el atributo xhtml: link para especificar el hreflang de una página y sus variantes, haciendo que su mapa del sitio se vea así:

<url>

<loc> http://www.example.com/ </loc>

<xhtml: link rel = ”alternate” hreflang = ”en”

href = ”http://www.example.com/” />

<xhtml: link rel = ”alternate” hreflang = ”en-au”

href = ”http://www.example.com/au/” />

<xhtml: link rel = ”alternate” hreflang = ”en-gb”

href = ”http://www.example.com/uk/” />

</url>

<url>

<loc> http://www.example.com/au/ </loc>

<xhtml: link rel = ”alternate” hreflang = ”en”

href = ”http://www.example.com/” />

<xhtml: link rel = ”alternate” hreflang = ”en-au”

href = ”http://www.example.com/au/” />

<xhtml: link rel = ”alternate” hreflang = ”en-gb”

href = ”http://www.example.com/uk/” />

</url>

Los principales beneficios que conlleva este tipo de implementación son:

  • Más fácil de automatizar
  • No agrega peso a la página para sus usuarios
  • No tiene que editar varios documentos HTML cada vez que elimina una página

¿Cuántos atributos Hreflang necesita una página?

No hay límites en la cantidad de elementos hreflang que puede tener en una página, pero solo desea usar los atributos para los que tiene contenido y solo usar idiomas que tengan sentido para su negocio.

Si su contenido, productos o servicios no son relevantes para otros países, ¡no los agregue a su sitio!

Errores comunes de hreflang

Hay algunos errores técnicos que pueden hacer tropezar a algunos webmasters si no tiene cuidado.

Al implementar hreflang:

  • Asegúrese de incluir hreflang de autorreferencia, es decir, uno que apunte a sí mismo para que los motores de búsqueda comprendan en qué idioma está la página.
  • Asegúrese de que todas las variaciones de las páginas estén incluidas en su hreflang para asegurarse de que no se pierdan variaciones y para asegurarse de que sean bidireccionales (cada punto entre sí)
  • Utilice etiquetas hreflang x-default para indicarle a Google en qué idioma se encuentra una página cuando ninguna otra variante de idioma es apropiada.
  • Asegúrate de canonicalizar la página para sí misma.

No seguir los pasos anteriores puede descarrilar rápidamente sus esfuerzos de SEO internacional.

Cómo Botify puede ayudarte con las etiquetas canónicas

Si es cliente de Botify, nuestra plataforma puede ayudarlo a auditar su contenido y garantizar que sus etiquetas hreflang estén configuradas correctamente.

Podrás tomar el control de tu SEO internacional al:

  • Ver qué páginas no tienen hreflang o si el idioma no está definido
  • Evaluar rápidamente qué páginas tienen etiquetas hreflang incorrectas
  • Identificar si su hreflang apunta a una página no indexada o que falta
  • Ver clasificaciones de palabras clave (en BotifyAnalytics), divididas en diferentes países para ver cómo sus esfuerzos de optimización están dando sus frutos.
  • ¡Y mucho más!

Si está interesado en aumentar su tráfico de búsqueda orgánica, ¡configure una demostración con nosotros hoy mismo!

Soy un desarrollador web, programador, bloguero y experto en SEO de España, con más de 15 años de experiencia en la industria. Cuando no estoy escribiendo sobre marketing y SEO, me encontrarás tocando la guitarra en mi banda o escuchando Revolver una y otra vez. Sígueme en twitter para mantenerte al día con las últimas tendencias en SEO y marketing online.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Acepto la política de privacidad *