Atributo Hreflang: Configuración y Aplicación Correcta
El atributo Hreflang informa a los motores de búsqueda sobre páginas similares en diferentes idiomas. Google y Yandex lo utilizan para mostrar las URLs correctas en los resultados de búsqueda según las preferencias de país e idioma del usuario que realiza la búsqueda. Hreflang es un atributo imprescindible para los especialistas que promueven sitios web multilingües. Debe contener el código de idioma/región correcto y la URL de la página en la versión de idioma especificada. Según un informe de SEMrush, alrededor del 75% de los sitios multilingües han implementado mal el hreflang o no lo utilizan en absoluto. Esto puede causar algunos problemas con la indexación y el ranking del sitio en los motores de búsqueda. Lee nuestro artículo sobre cómo usar hreflang correctamente.
¿Qué es el atributo rel = “alternate” hreflang?
Al trabajar en un entorno de comercio electrónico internacional, debes lidiar con diferentes versiones de idioma de un sitio web. Desde una perspectiva de usabilidad, es necesario asegurar una traducción precisa y, en algunos casos, adaptar la apariencia a las tendencias predominantes en un mercado en particular. Los usuarios deben poder navegar por el sitio cómodamente si te importa las conversiones. Sin embargo, desde un punto de vista de posicionamiento, debes asegurarte de que los motores de búsqueda indiquen correctamente qué versión de idioma debe mostrarse para un usuario de internet en particular. Hreflang se usa para indicar a los motores de búsqueda que el sitio web o la página tiene diferentes versiones de idioma dirigidas a usuarios que hablan otros idiomas o de diferentes regiones.
¿Cómo funciona esto en la práctica? El usuario ingresa una frase de interés en el motor de búsqueda. Luego, el motor de búsqueda verifica sus preferencias de idioma y realiza una búsqueda a través de su índice, emparejando páginas con la consulta y prestando atención a los atributos hreflang. El motor de búsqueda presenta los resultados, y el usuario ve páginas que son temática y lingüísticamente relevantes para la frase.
¿Vale la pena usar hreflang en SEO?
Hreflang no es un factor de posicionamiento, al menos esto no ha sido confirmado oficialmente ni por Google ni por Yandex. Sin embargo, su uso ayuda a aumentar el CTR, que sí es un factor de posicionamiento. Veamos algunos ejemplos que destacan la importancia de hreflang.
Google y Yandex consideran el idioma del usuario, eso es un hecho. Además, gracias al multilingüismo implementado en un sitio web, es posible retener a un visitante durante más tiempo.
Las páginas interrelacionadas a través del atributo hreflang no se considerarán contenido duplicado. Esto podría suceder si páginas separadas, por ejemplo, para EE. UU. y Reino Unido, contienen texto idéntico, donde la única diferencia es la moneda. Con hreflang, informas al motor de búsqueda que se trata del mismo contenido dirigido a diferentes audiencias.
¡Consejo! Recomendamos encarecidamente utilizar hreflang para sitios web multilingües o regionales. Los especialistas en SEO señalan que implementar el atributo en sí no te beneficiará en términos de un ranking más alto, pero ayudará a obtener un tráfico más específico.
¿Cuándo deberías utilizar el marcado de versión de idioma?
- Todo el contenido del recurso en línea está traducido a varios idiomas.
- Es necesario mostrar la página para múltiples regiones (incluso en el caso de un idioma similar, como el inglés británico y el inglés estadounidense), lo que ayuda a evitar la duplicación de contenido.
¿Por qué debería preocuparte esto? Como Google mismo dice en fuentes oficiales:
- Las versiones localizadas de la página se consideran duplicados solo si el contenido principal no está traducido;
- El contenido duplicado empeora la calidad del sitio.
Aquí hay 3 ejemplos donde se recomienda usar hreflang:
- El contenido principal se presenta en un idioma, mientras que la plantilla del sitio se traduce a diferentes idiomas (pie de página, navegación, elementos en paneles laterales). Este enfoque puede verse en sitios web con contenido generado por usuarios.
- Los textos publicados solo difieren debido a la adaptación regional, por ejemplo, un sitio web alemán dirigido a los mercados alemán, austriaco y suizo.
- Todo el sitio está completamente traducido a varios idiomas, y la oferta está dirigida a usuarios de diferentes regiones.
La mayor ventaja de usar hreflang en un sitio web es prevenir la duplicación de contenido. Si operas en diferentes mercados donde los usuarios hablan el mismo idioma y las diferencias de contenido son mínimas, el motor de búsqueda podría percibir esto como contenido duplicado. Los atributos hreflang pueden eliminar este riesgo.
Lang HTML y Atributo hreflang
En HTML, podrías ver una etiqueta llamada lang, que indica el idioma del documento creado, es decir, el sitio web. Sin embargo, este atributo no es considerado por Google, como lo afirma John Mueller. Para indicar la versión de idioma, necesitas usar hreflang.
Cómo Especificar Correctamente el Atributo hreflang en un Sitio Web
Google recomienda 3 formas de implementar hreflang, a saber:
- En el código HTML de la página
- En el encabezado HTTP
- En el Sitemap.
¡Nota! Puedes intentar implementar atributos a través de Google Tag Manager. Este método se recomienda solo para aquellos propietarios de sitios que tienen problemas al hacer cambios en el sitio. Google Tag Manager agrega hreflang usando JavaScript, que Google no puede interpretar de inmediato.
Agregando hreflang en HTML
Añade los atributos hreflang en el código de la página relacionado con todas las páginas con diferentes versiones de idioma. La sintaxis correcta para una sola etiqueta es la siguiente:
<link rel="9lt5ern07t" hreflang="region-language-code" href="url" />
- Código de idioma, código de región opcional me001uedo cumplimiento con el formato ISO 639-1 y ISO 3166-1 Alpha 2 (hablaremos de instrucciones detalladas a continuación).
- URL medir00e0derezo completo de la página en otra versión de idioma.
Ejemplo:
El sitio opera en los mercados ruso, británico y austríaco, siendo la versión principal del sitio en ruso. Un hreflang implementado correctamente se verá así:
<head> <link rel="09lt5ern07te" hreflang="ru" href="https://mi-sitio.com/" /> <link rel="09lt5ern07te" hreflang="en-gb" href="https://mi-sitio.com/en/ "/> <link rel ="09lt5ern07te" hreflang=" de-at "href="https://mi-sitio.com/de/ "/> </head>
Implementación en el Encabezado HTTP
Un encabezado HTTP es información adicional adjunta a las solicitudes enviadas por servidores (como encabezados de cookies). Este método es útil para archivos que no tienen formato HTML, como archivos PDF.
El encabezado debe estar en el siguiente formato:
<url-1>; rel="alternate"; hreflang="language_code_1-region_code_1", <url-2>; rel="alternate"; hreflang="language_code_2-region_code_2", 56a9dddf84c03c3f0bd208013129 0bcfae7ebe8a9df2426666ef6010ff41cdc 2