Cuando publicas un sitio web en internet y quieres hacerlo multilingüe, necesitas una etiqueta hreflang. Informa a Google qué tipo de idioma utilizas en una página específica. La etiqueta revela la relación entre páginas web en diferentes idiomas. Si traduces una página al español, francés o cualquier otro idioma, puedes añadir una señal para identificar el idioma de esa página en particular.
La etiqueta hreflang es un atributo HTML que se utiliza para describir el idioma del sitio web junto con su ubicación geográfica. Presenta el contenido de un sitio web en varios idiomas. Si buscas un sitio web a través del motor de búsqueda de Google en inglés, verás el sitio web en inglés debido a la etiqueta hreflang.
Si abres el sitio web en otro país, como Francia, se abrirá la página web en francés. Sin embargo, las etiquetas Hreflang pueden mezclarse ocasionalmente porque es posible que no estén configuradas correctamente. Como resultado, el sitio web muestra el error: “Tu sitio no tiene etiquetas hreflang.” Afortunadamente, puedes resolver este problema rápidamente.
¿Cuándo son necesarias las etiquetas Hreflang?
Los sitios web requieren etiquetas hreflang cuando existen múltiples versiones según el idioma o la región. Antes de comenzar a abordar el problema de la ausencia de etiquetas hreflang, debe identificar todas las versiones regionales o de idioma de sus sitios web.
La navegación y los conmutadores de idioma guían a los visitantes a la URL correcta cuando navegan por su sitio web. Si un sitio web tiene una lista de diferentes URL, como un sitio web en otros idiomas, el mapa del sitio XML proporcionará al motor de búsqueda una lista de todas estas URL. Así como el mapa del sitio HTML o simplemente los menús de navegación guían a un visitante, un mapa del sitio XML guía a un motor de búsqueda pero para llegar a la URL correcta.
Así es como se ve una etiqueta hreflang:
<html lang="en-US" data-lt-installed="true">
El en-US se refiere al código del “dialecto estadounidense” del idioma inglés utilizado en EE. UU. También puedes usar herramientas expertas de Linguise para configurar una etiqueta hreflang en tu sitio web sin la molestia de escribir código.
Métodos para colocar etiquetas Hreflang
Existen dos métodos para colocar etiquetas hreflang en un sitio web. El primer método es el uso de mapas de sitio XML y el segundo método es utilizar los métodos de etiquetado de páginas. Aquí está la diferencia entre los dos:
Métodos de etiquetado de páginas a través del Head HTML
El etiquetado de páginas ofrece un método sencillo para añadir etiquetas hreflang a tu sitio web. Con este método, se añade una etiqueta hreflang al encabezado del HTML de tu sitio web. La etiqueta de página de tu sitio web tendrá este aspecto:
<html lang="en" data-lt-installed="true">
La etiqueta “en” se utiliza para el inglés, y si quieres traducir esta página al alemán, tendrás que añadir “de” o, para una versión en chino, “zh-CN” en la dirección HTML. Las etiquetas HTML resultantes tendrán este aspecto:
Chino
<html lang="zh-CN" data-lt-installed="true">
Alemán
<html lang="de" data-lt-installed="true">
Este proceso puede parecer sencillo, pero tendrás que añadir un código independiente para cada página web. Llevará mucho tiempo y también puede provocar errores manuales al introducir los códigos, lo que causará diversos errores
Etiquetas de idioma alternativo
La etiqueta de idioma alternativo es complementaria al atributo hreflang y te permite mostrar a los motores de búsqueda cuál es la relación entre las páginas web traducidas de tu sitio web.
Por ejemplo, cuál es la versión en español de esta página en francés y también cuál es la versión en el idioma original de esta página.
Es útil cuando has creado contenido específico para una audiencia local. El atributo hreflang añade una señal a los motores de búsqueda de que un usuario que consulta desde Francia con una solicitud en francés quiere la versión francesa de la página en lugar de una página con contenido similar en inglés.
Además, si el usuario habla los dos idiomas, francés e inglés, Google puede mostrar resultados tanto para esta última opción.
Etiqueta de idioma del encabezado HTTP para archivos
Las etiquetas hreflang se añaden a las páginas web mediante un encabezado HTTP para contenido no HTML y archivos PDF. Puedes añadir una etiqueta href en los elementos link de tu encabezado HTTP. El encabezado se añadirá al final del enlace y tendrá este aspecto:
<https://www.linguise.com/pre-sale-questions/document.pdf>; rel="alternate"; hreflang="es"
Puedes añadir cualquier cosa en la sección escrita en rojo. Solo añade la URL del archivo PDF y enlaza la etiqueta hreflang al final.
¿Qué es el error de Hreflang devuelto por Google?
Cuando ves un “your site has no hreflang tags’ ‘, significa que hay un problema en la referencia cruzada o el enlace de la página. Esto significa que la página 1 enlaza con la página 2, pero la página 2 no enlaza de vuelta con la página 1. La falta de una etiqueta de retorno a menudo provoca un error de Hreflang. Puedes consultar los sitemaps XML para averiguar el número de etiquetas Hreflang en una sola página y los errores vinculados con estas etiquetas. Asegúrate de investigar a fondo antes de aplicar una solución.
Errores de código de idioma
<xhtml:link rel="alternate" hreflang="ur-pk" href="https://www.rekhta.org/?lang=ur" />
La etiqueta hreflang correcta utilizada para el urdu es lang=ur. Puede utilizar varias herramientas para conocer los códigos utilizados para cada idioma. Linguise le proporciona una solución sencilla para los errores de etiquetas hreflang. Una vez que vincule el código correcto con el idioma correcto y lo conecte con el país especificado, no verá el error de etiqueta Hreflang cuando abra las páginas web de su sitio web.
Atributos de idioma incorrectos
La mayoría de las personas confunden los atributos hreflang con una versión con guion del idioma. Esto provoca errores al vincular el sitio web con el código de idioma correcto. La mayoría de los usuarios piensa que usar “ en-uk” para un dialecto del Reino Unido será suficiente para que su página web funcione. El atributo correcto para un dialecto del inglés británico es “en-gb”. Una vez que utilices el atributo correcto, el problema de un atributo hreflang defectuoso desaparecerá.
Uso simultáneo de sitemap y etiquetado de páginas
La mayoría de la gente piensa que utiliza ambos métodos para las etiquetas hreflang. Esto da como resultado una complicada serie de integración de varias etiquetas hreflang en las secciones head de múltiples URL si se utiliza un método de etiquetado de páginas. Otros utilizan los métodos de sitemap hreflang para especificar el idioma de la página web. Cuando se utilizan ambos métodos de etiquetado hreflang, se produce redundancia y Google puede rechazar su sitio web por completo. Elija un método para implementar su etiqueta hreflang y asegúrese de que no haya errores en la implementación.
¿Cómo implementar etiquetas Hreflang con Linguise?
La forma más sencilla de resolver tu problema de Hreflang es usar Linguise. Genera e implementa automáticamente una etiqueta hreflang, para que no tengas que preocuparte por aprender el código. Cuenta con un sistema personalizado que traduce el contenido HTML en línea. Estas traducciones se correlacionan con los metadatos de un sitio web y ofrecen resultados rápidos.
Verificar la implementación de la etiqueta de idioma hreflang
Una vez que tu sitio web esté traducido con Linguise, simplemente haz clic derecho en cualquier parte de la página y haz clic en “Inspeccionar” o usa F12.
Tendrás acceso a las herramientas de desarrollo del navegador.
Entonces, si mi página está en francés, por ejemplo, el hreflang implementado debería ser fr.
En resumen, la etiqueta hreflang se implementa automáticamente en tu página traducida y la etiqueta es global, lo que significa que para el francés es fr. Así que si un francocanadiense hace una solicitud en francés, también obtendrá la página devuelta con prioridad en los motores de búsqueda.
Conclusión
Los errores de hreflang pueden parecer abrumadores al principio, pero puedes solucionarlos fácilmente. Solo tienes que usar los métodos indicados anteriormente para resolver el error y ver la diferencia. Si no tienes tiempo para corregir los errores manualmente, puedes usar Linguise. Es una extensión de traducción automática de idiomas que puede eliminar cualquier error de hreflang en cuestión de minutos.
