Únase a más de 1000 SEO en nuestra comunidad privada de SlackInscribirseFolleto de la empresa
Marketing Lad

¿Qué son las etiquetas hreflang? ¿Cómo agregar etiquetas hreflang?

Are you creating a website that supports several languages and regions? A bilingual website can dramatically expand your potential audience, but it can also be tough to manage. The good news is that Hreflang tags can…

9 min de lecturaActualizada
En esta página5
  1. ¿Qué es una etiqueta Hreflang?
  2. ¿Cómo agregar etiquetas hreflang en WordPress?
  3. ¿Por qué son importantes las etiquetas hreflang en el SEO internacional?
  4. Herramientas útiles para implementar hreflang
  5. Preguntas frecuentes

¿Está creando un sitio web que admita varios idiomas y regiones? Un sitio web bilingüe puede ampliar drásticamente su audiencia potencial, pero también puede resultar difícil de gestionar.

La buena noticia es que las etiquetas Hreflang pueden ayudar a la optimización del motor de búsqueda y la experiencia del usuario (UX) de su sitio web. No es difícil de ejecutar y pronto verá un aumento en el tráfico y la interacción.

Revisaremos qué son las etiquetas hreflang y algunas prácticas recomendadas para usarlas. A continuación veremos cómo agregar etiquetas hreflang.

¡Pongámonos manos a la obra!

¿Qué es una etiqueta Hreflang?

hreflang

Las etiquetas Hreflang son una propiedad de etiqueta de enlace en HTML que permite a los sitios web proporcionar información adaptada a los visitantes en diferentes países e idiomas.

Al ver la fuente de la página de cualquier documento en línea en particular, la primera etiqueta que notará con frecuencia es esta:

La propiedad de idioma indica que esta página web prioriza el contenido en inglés para una audiencia de habla inglesa sobre los resultados de búsqueda.

Sin embargo, si un sitio web desea dirigirse a espectadores de habla francesa en Francia, puede agregar una propiedad hreflang al principio de su HTML, como se ve a continuación. Analicemos esto para una mejor comprensión.

Esencialmente, una cadena hreflang consta de tres componentes cruciales:

Elrel=alternativa atributo:indica que esta página web es una versión alternativa de la página web original, no la canónica.

Elhref= atributo:informa a Google de la URL original de la página web sustituta.

hreflang= atributos:Esta etiqueta identifica el idioma y la nación a la que está destinada esta página web.

En el ejemplo anterior, la etiqueta alternativa indicaba que la URL https://fr.example.com era la alternativa de la página web principal en inglés.

Los francófonos en Francia estaban destinados a ser la audiencia de la página de inicio, como lo indica el final de la etiqueta.

  • Además, los webmasters pueden crear una página alternativa para angloparlantes en Francia cambiando la propiedad hreflang a hreflang=”en-fr”, indicando que esta página es para angloparlantes en Francia.
  • Una implementación completa de hreflang le permite ser más específico con la orientación geográfica y proporcionar contenido local a usuarios de todo el mundo.

¿Cómo agregar etiquetas hreflang en WordPress?

hreflang tags

Las etiquetas hreflang son extremadamente útiles en los sitios web de WordPress, pero sólo cuando se usan correctamente. Existen tres técnicas para agregar estas etiquetas a su sitio web.

Los complementos son la técnica más simple y popular. Sin embargo, puede ajustar el encabezado de su sitio web y el mapa del sitio XML. Veamos los tres enfoques.

a. Complementos de WordPress hreflang

La forma más sencilla de implementar hreflang es utilizar un complemento de WordPress. Los complementos como MultilingualPress agregan automáticamente etiquetas hreflang y no deberían crear ningún problema de rendimiento:

En el editor de publicaciones, puede acceder a la herramienta de traducción MultilingualPress. Cuando aprueba una traducción, el complemento inserta las etiquetas hreflang correspondientes en el encabezado de su sitio.

  • Las funciones de traducción no se limitan a artículos; se extienden a etiquetas y categorías y pueden integrarse perfectamente con complementos como Yoast y WooCommerce.
  • Otra opción de complemento para la implementación de hreflang es Polylang.
  • Es una solución popular y gratuita para administrar sitios web de WordPress en varios idiomas.
  • Puede producir material normalmente y luego especificar un idioma para él.
  • Después de eso, manejará las etiquetas hreflang por usted.

b. Agregar hreflang a

Puede agregar estas etiquetas a su sitio web de WordPress sin utilizar un complemento modificando el archivo header.php. Para acceder a este archivo, vaya a Apariencia > Editor de temas o utilice el Protocolo de transferencia de archivos (FTP).

Después de abrir el archivo, busque el abridor y pegue el siguiente código:

En este ejemplo, debemos insertar las etiquetas en el material en idioma inglés. Las etiquetas x-default y hreflang en inglés también enlazan a la página de contenido en inglés.

Las etiquetas hreflang en español y francés, por otro lado, envían a los visitantes a la versión en el idioma correcto de la página. Por supuesto, puede incluir etiquetas hreflang adicionales para cualquier otro idioma utilizado en su sitio web.

do. Agregue hreflang a su mapa de sitio XML de WordPress

Si no desea modificar su archivo header.php, puede actualizar el mapa del sitio XML de su sitio.

El uso de esta estrategia garantiza que Google pueda identificar e indexar correctamente sus sitios en idiomas alternativos. La actualización de su mapa del sitio reduce el tamaño de sus páginas web, lo que resulta en tiempos de carga más rápidos. Las etiquetas hreflang para su mapa de sitio XML varían ligeramente:

http://www.example.com/content

http://www.ejemplo.com/es/content

http://www.example.com/content

http://www.ejemplo.com/es/content

Si bien cambiar su mapa de sitio XML ayuda con la indexación, también puede resultar difícil. Si tiene un sitio web enorme, su mapa del sitio puede inflarse.

Agregar etiquetas hreflang al mapa del sitio también puede llevar más tiempo que utilizar los otros enfoques mencionados anteriormente.

¿Por qué son importantes las etiquetas hreflang en el SEO internacional?

a. Hreflang SEO ayuda a señalar la relevancia de la página web

La etiqueta hreflang indica a Google qué versiones de sus páginas web son más relevantes para consultas de búsqueda específicas. También indica qué tan alto debe posicionar Google estas páginas en los resultados de búsqueda.

Así es como funciona.

  • Las etiquetas Hreflang informan a Google que una página web tiene muchos idiomas y versiones regionales.
  • Dan un enlace a esa página web.
  • Identifican el idioma y el área de la versión específica que Google está investigando.

Utilizando esta información, Google calcula qué versión de la página web es más relevante para los buscadores con determinadas preferencias lingüísticas o geográficas. Los usuarios de Japón pueden descubrir que su página web está destinada a ellos mediante el uso de una etiqueta hreflang.

Cuando Google encuentra el elemento hreflang, considera que la página es particularmente relevante para los visitantes japoneses y puede clasificarla más arriba en las búsquedas desde Japón, lo que resulta en una mayor exposición y tráfico.

Considere el caso en el que su sitio web carece de una etiqueta hreflang. En este caso, Google puede optar por ofrecerlo a los buscadores japoneses de todos modos. Sin embargo, si su sitio web está en inglés, un usuario japonés puede estar menos interesado en leerlo y es más probable que lo abandone (o "rebote") inmediatamente después de aterrizar.

Como resultado, Google analizará el comportamiento de este usuario y determinará que su sitio web es menos relevante para los buscadores japoneses. Como resultado, es posible que su sitio web no tenga una clasificación tan alta ni reciba tanto tráfico de futuras consultas de búsqueda en japonés.

b. Las etiquetas Hreflang pueden ayudarle a evitar sanciones por contenido duplicado

duplicate content

Al desarrollar versiones de sus páginas web específicas para idiomas y regiones, puede traducir su contenido a varios idiomas, lo que da como resultado páginas con un contenido extremadamentecontenido distinto.

Por el contrario, ciertas variaciones de idioma, como las páginas en inglés para audiencias estadounidenses y británicas, pueden requerir simplemente pequeñas modificaciones de contenido en el mismo idioma. El resultado es un sitio web con páginas que contienen contenido extremadamente similar.

Esto podría generar problemas de contenido duplicado porque Google tiene como objetivo ofrecer a los buscadores páginas con contenido único. Si encuentra material duplicado en sitios web, puede clasificar sólo uno de ellos.

O si Google cree que el propietario del sitio web está intentando influir en su clasificación de búsqueda, puede optar por no clasificar ninguna de las páginas web.

  • No hace falta decir que todo esto le dificultará generar búsquedas en su sitio web.
  • Afortunadamente, puedes evitar penalizaciones por contenido duplicado utilizando etiquetas hreflang.
  • Usted notifica a Google que sus páginas web con etiquetas hreflang están destinadas a audiencias diferentes y no deben considerarse contenido idéntico.

do. Las etiquetas Hreflang no son directivas

Sin embargo, tenga cuidado de no tratar las etiquetas hreflang como directivas.

Es posible que Google no muestre necesariamente la versión de la página web que desea, a pesar de que la implementación adecuada de hreflang le ayuda a determinar la versión más relevante para los buscadores.

Esto se debe a que Google también puede considerar otrosSEOvariables a la hora de decidir la relevancia de una página web (y, en consecuencia, su clasificación) para cualquier consulta de búsqueda específica.

Ejemplos de estas características son el tiempo de carga de su sitio web, la compatibilidad con dispositivos móviles y la autoridad del dominio.

Las preferencias de búsqueda de Google del usuario pueden influir en los resultados. Los usuarios que naveguen desde Francia con el inglés como idioma seleccionado obtendrán, en su mayor parte, resultados de búsqueda en inglés en lugar de francés.

  • Por supuesto, esto no significa que debas ignorar por completo las mejores prácticas de hreflang o SEO.
  • Como se estableció anteriormente, las etiquetas hreflang son vitales porque indican qué páginas web son más adecuadas para consultas de búsqueda específicas.
  • Luego, cuando su página web cumple con la intención del buscador (es decir, cumple con el propósito principal del usuario al realizar una consulta en un motor de búsqueda).
  • Google reconocerá que su página web es particularmente relevante para esa búsqueda específica. Luego puede clasificarlo más alto para consultas similares en el futuro.

Herramientas útiles para implementar hreflang

implementing hreflang

Ahora que has llegado hasta aquí, probablemente estés pensando: "¡Guau, esto es difícil!" Lo sabemos; eso es lo que pensamos cuando nos enteramos por primera vez. Afortunadamente, existen varias herramientas accesibles si desea comenzar a adoptar hreflang.

a. Generador de etiquetas hreflang

Aleyda Solís, quien ha escrito extensamentesobre este tema, ha desarrollado un útil generador de etiquetas hreflang que le permiteconstruir elementos de enlace. Incluso si no está utilizando una implementación de elemento de enlace, esto podría resultar beneficioso para crear código de muestra.

b. Comprobador de etiquetas hreflang

Recomendamos dos herramientas para garantizar que las etiquetas hreflang en su sitio web o en su mapa del sitio XML sean correctas. Merkle ofrece la herramienta de prueba de etiquetas hreflang, que le permite ingresar rápidamente una URL.

Además, puede utilizar una extensión de Chrome mientras navega por una página. El programa lee las etiquetas hreflang de una página y las escanea para ver si enlazan con su URL actual. Puede obtener Hreflang Tag Checker en Chrome Web Store.

Conclusión

Si tiene un sitio web con contenido en varios idiomas, las etiquetas hreflang ayudan a Google a ofrecer las páginas correctas a los usuarios adecuados.

Afortunadamente, existen varias formas de agregar etiquetas hreflang, siendo la más sencilla instalar un complemento especializado.

El uso de etiquetas hreflang es una forma fantástica de ayudar a los motores de búsqueda a ofrecer los resultados de página correctos a los visitantes que realizan búsquedas en diferentes idiomas y regiones.

Al implementar hreflang de manera efectiva, puede eliminar las preocupaciones sobre el contenido duplicado, mejorar la experiencia del usuario y darle a su contenido una importancia mundialImpulso SEO.

Un último punto a considerar es que la integración de las propiedades de hreflang requiere una atención meticulosa a los detalles. Incluso el error más pequeño puede provocar la pérdida de clasificaciones y la duplicación, pero realizarlo correctamente puede generar beneficios significativos tanto para los sitios web como para los visitantes.

Preguntas frecuentes

1. ¿Cuál es el significado de la etiqueta hreflang?

La etiqueta hreflang indica a Google qué versiones de sus páginas web son más relevantes para consultas de búsqueda específicas. También indica qué tan alto debe posicionar Google estas páginas en los resultados de búsqueda. Así es como funciona. Las etiquetas Hreflang informan a Google que una página web tiene varios idiomas y variaciones regionales.

2. ¿Cuál es la forma completa de "href"?

HREF significa Referencia de hipertexto. Es el archivo fuente de la etiqueta. Puede usarlo no sólo para conectar un archivo CSS externo, sino también para usar etiquetas como hipervínculo convencional.

3. ¿Bing emplea hreflang?

Bing no utiliza etiquetas hreflang; en cambio, se basa en metaetiquetas de idioma para determinar la relevancia de las páginas web para las regiones y los idiomas.

Comparte este artículo

Autor

Deeba Mir

SEO Specialist

With a strong understanding of SEO, I specialize in developing on-page and off-page optimization tactics to improve website performance. My experience extends beyond technical SEO, utilizing a comprehensive approach that combines a variety of strategies to generate measurable, long-term visitor development. Aside from my professional pursuits, I am an avid novel reader, a committed admirer of aesthetics, and a budding enthusiast in the larger field of information technology.

¿Quieres resultados como estos?

Creemos una campaña de construcción de enlaces adaptada a su nicho y objetivos.