El atributo SEO para contenido en varios idiomas
Publicado: 2022-05-11¿Alguna vez visitó una página web que estaba en un idioma diferente y su navegador le preguntó si deseaba cambiarla a su primer idioma?
Es un salvavidas, ¿verdad?
Esto es posible gracias a las etiquetas de idioma o etiquetas hreflang, que se utilizan para que los motores de búsqueda sepan en qué idioma está el contenido.
Ahora piense si ha proporcionado la funcionalidad para que sus propias páginas web estén listas para una audiencia global. Si no ha etiquetado o redirigido correctamente su contenido para optimizarlo en diferentes idiomas, es posible que no obtenga el tráfico que debería. Echemos un vistazo a cómo las etiquetas hreflang pueden ayudar a brindar los resultados correctos a sus visitantes.
Salta a
¿Qué son las etiquetas hreflang?
Las etiquetas Hreflang son atributos HTML que le dicen a los motores de búsqueda qué idioma se está utilizando en una página web que está vinculada en un SERP. Esto permite que los motores de búsqueda brinden resultados localizados específicos para la ubicación geográfica del usuario y el idioma preferido.
Las etiquetas Hreflang (también conocidas como rel=”alternate” hreflang=”x”) le permiten mostrar a Google y otros motores de búsqueda la relación entre páginas web que están en diferentes idiomas. Por ejemplo, si su etiqueta necesita vincularse a un blog en inglés, usaría la siguiente etiqueta: hreflang=”en”.
¿Cómo son las etiquetas hreflang?
Las etiquetas Hreflang tienen una sintaxis establecida. Aquí hay un ejemplo de cómo se escriben las etiquetas hreflang.
Sintaxis
<enlace rel=”alternate” hreflang=”x” href=”https://example.com/alternate-page”/>
La etiqueta se divide en tres partes:
- link rel=“alternate”: le dice al motor de búsqueda que esta es una versión alternativa de la página.
- hreflang=“x”: Especifica el idioma.
- href=“https://example.com/alternate-page”: la página alternativa se encuentra en esta URL.
Ejemplo
Esta es una muestra de cómo se verá una página web cuando esté etiquetada con un atributo hreflang:
<enlace rel=”alternate” hreflang=”en-us” href=”https://blog.hubspot.com/marketing/hreflang-tags”/>
El “en” en la primera parte de la etiqueta se refiere al código de idioma, inglés, y el “US” se refiere al código de país, para los Estados Unidos.
Digamos que queríamos esta misma página en español para clientes en México. La etiqueta hreflag sería:
<enlace rel=”alternate” hreflang=”es-mx” href=”https://blog.hubspot.com/marketing/hreflang-tags”/>
Los usuarios con una dirección IP que notifique qué idioma se está utilizando verán automáticamente una página web etiquetada correctamente, por lo que una etiqueta hreflang es especialmente útil si tiene una audiencia global y desea que su experiencia de usuario sea agradable.
Etiquetas Hreflang frente a etiquetas HTML Lang
Hay dos tipos diferentes de etiquetas de idioma: etiquetas HTML lang y etiquetas hreflang.
Si bien las etiquetas HTML y hreflang están destinadas a optimizar el contenido en varios idiomas, tienen un par de diferencias.
En pocas palabras, los atributos de etiqueta de idioma (o lang) en una etiqueta HTML le indican a su navegador el idioma del documento o página web actual , mientras que el atributo de etiqueta hreflang le dice a su navegador el idioma de la página web que se vincula; por ejemplo, una etiqueta lang en HubSpot.com le dice a tu navegador el idioma de HubSpot.com, pero un atributo de etiqueta hreflang le dice a un motor de búsqueda el idioma de HubSpot.com cuando un usuario busca HubSpot.
Si un usuario busca HubSpot.com desde Alemania, una etiqueta hreflang se encarga de cambiar el enlace disponible en los motores de búsqueda. Sin embargo, cuando alguien llega a HubSpot.com en Alemania, una etiqueta lang cambia el idioma en la página misma.
Ejemplos
Puede ser más fácil de visualizar, así que aquí hay una etiqueta lang de muestra:
<html lang=”es”>
Alternativamente, aquí hay una etiqueta hreflang de muestra:
<enlace rel=”alternate” href=”http://example.com/”hreflang=”en”/>
Google recomienda usar hreflang al indexar sitios web que están en diferentes idiomas.
También es posible que desee utilizar etiquetas de idioma HTML junto con una etiqueta hreflang; pueden funcionar juntas para informar a los motores de búsqueda sobre el contenido de sus páginas web. Tener ambas etiquetas le dice a los motores de búsqueda en qué idioma está una página web, mientras dirige a los usuarios de otros países a la página web apropiada.
A continuación, exploremos para qué se usan las etiquetas hreflang y cómo puede usarlas para sus propias páginas web.
¿Por qué necesitas etiquetas hreflang?
En última instancia, es útil usar etiquetas hfreflang para que pueda crear una mejor experiencia de usuario. Si un usuario en Alemania busca HubSpot, queremos asegurarnos de que el resultado en el motor de búsqueda muestre nuestro sitio en alemán y no en inglés. Además de una mejor experiencia de usuario, esto también puede ayudar a reducir la tasa de rebote y aumentar las tasas de conversión porque muestra la mejor versión de su sitio a la audiencia adecuada.
Otro beneficio de usar etiquetas hreflang es que evitan el contenido duplicado. Supongamos que tiene el mismo contenido en diferentes URL dirigidas a hispanohablantes en México, España y Chile, pero con ligeras diferencias según el público objetivo, como la moneda. Sin una etiqueta hreflang, Google puede ver esto como contenido duplicado.
Las etiquetas Hreflang le dicen a los motores de búsqueda que, si bien el contenido puede parecer similar, está dirigido a audiencias diferentes.
¿Cómo funcionan las etiquetas hreflang?
Para ilustrar cómo funciona hreflang, consideremos un ejemplo. Digamos que haces dos páginas de inicio que son iguales, pero una está en inglés (hreflang=”en”) y la otra en español (hreflang=”es”).
Cuando un usuario busca su página de inicio en español o desde un navegador en español, recibirá la versión en español de su página de inicio, siempre que esté correctamente etiquetada.
Cada idioma y país tiene su propia etiqueta hreflang. Aquí hay una lista de los más comunes:
- Alemán/Alemania: de-de
- Inglés/EE. UU.: en-us
- Irlandés/Irlanda: ga-ie
- Hindi/India: Hola
- Italiano/Italia: it-it
- Japonés/Japón: ja-jp
- Coreano/Corea: ko-kp
- Portugués/Brasil: pt-br
- Rusia/Federación Rusa: ru-ru
- Chino (simplificado para China continental)/China: zh-hans-cn
- Tailandia/Tailandia: th-th
Si está compartiendo la misma página en diferentes regiones, tenga en cuenta que es posible tener varias etiquetas en la misma página. Por ejemplo, si su sitio web francés también vende a clientes en Alemania y España, podrá etiquetar su página en HTML.
Las etiquetas Hreflang son bidireccionales y funcionan en pares. Si agrega una etiqueta a una página en inglés que apunta a la versión en español, entonces la versión en español de la página también debe tener una etiqueta hreflang que apunta a la página en inglés.
Tenga en cuenta que debido a que las etiquetas hreflang pueden ser anuladas por otras opciones de SEO, su página puede tener una clasificación más alta en un idioma diferente. Para evitar esto, asegúrese de que los motores de búsqueda estén equipados con los atributos correctos, para que sepan en qué idioma presentar su página.
Si todo esto es un poco confuso, no se preocupe. Puede usar un generador de etiquetas Hreflang gratuito, así que todo lo que necesita hacer es copiar y pegar el código. Veamos algunos ejemplos a continuación.
Herramientas del generador de etiquetas Hreflang
1. La herramienta generadora de etiquetas Hreflang
Fuente de imagen
Con esta herramienta, puede generar etiquetas hreflang para su sitio en varios idiomas. Todo lo que necesita hacer es agregar la URL a su sitio y elegir en qué idioma está.
Esta es una gran herramienta porque incluso puede cargar un CSV con hasta 50 URL y puede generar la etiqueta hreflang para 50 sitios a la vez.
lo que nos gusta
Su capacidad para cargar de forma masiva 50 URL a la vez para generar 50 etiquetas hreflang le ahorrará tiempo.
2. Orientación geográfica
Fuente de imagen
Geo Targetly es otra gran herramienta generadora de hreflang. Es fácil y gratuito de usar. Todo lo que necesita hacer es ingresar su URL y el idioma, y luego listo.
Si bien no puede cargar 50 sitios a la vez, esta sigue siendo una opción rápida y fácil de usar.
lo que nos gusta
La herramienta de Geo Targely es simple y fácil de usar, lo que la convierte en una excelente opción para principiantes o para aquellos con sitios más pequeños.
3. hermana
Fuente de imagen
La herramienta Sistrix es similar a las otras dos herramientas anteriores. Todo lo que necesita hacer es ingresar su URL e idioma y luego la herramienta generará el código por usted.
Si bien no puede importar una lista desde un CSV, puede ingresar varios dominios a la vez para generar las etiquetas que necesita.
lo que nos gusta
Este generador de Sistrix le permite ingresar varios dominios a la vez para generar etiquetas hreflang, además tiene una herramienta de validación de etiquetas de tarifas si desea asegurarse de que las etiquetas existentes en su sitio sean correctas.
Use etiquetas Hreflang para una mejor experiencia de usuario
Cuando está optimizando su contenido para los motores de búsqueda, es importante hacer todo lo posible para clasificarse en los SERP. Esto ayuda a personas de todo el mundo a encontrar su negocio.
En última instancia, el objetivo de las etiquetas hreflang es brindarles a los clientes que hablan diferentes idiomas o que viven en diferentes regiones del mundo, contenido destinado a ellos.
Este artículo se publicó originalmente en marzo de 2021 y se actualizó para que sea completo.
