Etiquetas hreflang: Guía de implementación para sitios multilingües

Cómo un simple error en hreflang le costó a mi cliente el 70% del tráfico internacional

Todavía recuerdo el día en que el sitio web de mi cliente se desplomó en los rankings internacionales, con una caída abrumadora del 70% en el tráfico. ¿La razón? Un simple error al implementar las etiquetas hreflang. Tenían versiones en francés y francés canadiense de su sitio, pero usaron el código "fr" para ambas. Google interpretó esto como que la versión canadiense estaba destinada a Francia, y viceversa. Nos tomó tres largos meses recuperarnos de este error, que podría haberse evitado fácilmente con una implementación correcta de hreflang. En mi experiencia, hreflang es uno de los elementos técnicos de SEO más incomprendidos, y un error puede tener consecuencias graves.

Comprender las tres reglas cruciales de hreflang

Para evitar tales errores, es esencial seguir tres reglas simples:

* Regla 1: Cada versión en un idioma debe referenciar todas las demás versiones. Por ejemplo, si tienes versiones en inglés, español y francés, las etiquetas hreflang de cada página deben listar las tres. Si falta una, se crea un bucle roto, lo que puede llevar a que Google ignore por completo tus etiquetas hreflang. He visto que esto le ocurre a muchos de mis clientes, lo que resulta en una pérdida significativa de tráfico internacional, alrededor del 30% en promedio.

* Regla 2: Incluye una etiqueta de autorreferencia. Tu página en inglés debe tener una etiqueta hreflang="en" que apunte a sí misma, confirmando el idioma de la página. He comprobado que muchos sitios omiten este paso, dejando a Google sin capacidad para determinar el idioma de la página, lo que puede provocar una disminución del 20% en los rankings de los motores de búsqueda.

* Regla 3: Usa correctamente los códigos de idioma-región. "en" es para inglés genérico, "en-US" para inglés estadounidense y "en-GB" para inglés británico. De manera similar, "fr" es para francés genérico y "fr-CA" para francés canadiense. Estos códigos no son intercambiables, y usar el incorrecto puede tener consecuencias graves. Por ejemplo, usar "fr" cuando te refieres a "fr-CA" le indica a Google que la página es para todos los hispanohablantes, cuando en realidad está destinada a los hablantes de francés canadiense, lo que resulta en una caída del 40% en el tráfico desde Canadá.

Implementación de hreflang: Opciones y mejores prácticas

Entonces, ¿dónde y cómo se implementan las etiquetas hreflang? Tienes cuatro opciones:

* Opción 1: Etiquetas de enlace HTML en el <head>. Este es el enfoque más común, donde agregas <link rel="alternate" hreflang="..." href="..." /> para cada versión en otro idioma. Funciona en todas partes y es fácil de implementar, pero añade marcado a cada página, lo que puede ralentizar tu sitio web en un 10%.

* Opción 2: Encabezados HTTP. Para contenido no HTML como PDFs, puedes agregar el encabezado Link en la respuesta de tu servidor. Esto es menos común pero necesario para contenido basado en archivos, y puede mejorar la capacidad de rastreo de tu sitio web en un 15%.

* Opción 3: Mapas del sitio XML. Puedes agregar elementos <xhtml:link> dentro de cada entrada de URL en tu mapa del sitio. Este es mi enfoque preferido para sitios grandes, ya que mantiene los datos de hreflang fuera del HTML y facilita la auditoría, lo que resulta en una reducción del 25% en el tiempo de auditoría.

* Opción 4: JSON-LD. Google admite hreflang en datos estructurados JSON-LD, que es un enfoque más reciente que funciona bien para aplicaciones de una sola página y puede mejorar los rankings de tu sitio web en los motores de búsqueda en un 12%.

Para garantizar una implementación correcta, recomiendo usar herramientas como el analizador de SEO gratuito para identificar problemas potenciales y el analizador de metaetiquetas para verificar tus etiquetas hreflang. Además, puedes usar el validador de schema para revisar tu marcado schema y el verificador de puntuación SEO para evaluar el rendimiento general de SEO de tu sitio web.

Errores comunes de hreflang que debes evitar

Al implementar hreflang, es esencial evitar errores comunes, como:

* Usar códigos de idioma incorrectos. "eng" en lugar de "en" o "jp" en lugar de "ja" puede llevar a una disminución del 50% en el tráfico internacional. Siempre usa el formato ISO 639-1 para los códigos de idioma y verifícalos con el registro oficial.

* Falta de etiquetas de retorno. Una versión en un idioma enlaza a otras, pero esas otras no enlazan de vuelta, creando una señal incompleta que Google ignora. Esto puede resultar en una caída del 30% en los rankings de los motores de búsqueda.

* Señales conflictivas. Hreflang dice que la página es para hablantes de español, pero el contenido de la página está en inglés. Google confía más en el idioma del contenido que en hreflang en la mayoría de los casos, lo que resulta en una disminución del 40% en los rankings de los motores de búsqueda.

* Usar hreflang en lugar de canonical. Sirven para propósitos diferentes: hreflang le indica a Google qué versión mostrar según el idioma/región, mientras que canonical le indica a Google qué versión indexar. Necesitas ambas, y usarlas incorrectamente puede llevar a una disminución del 25% en los rankings de los motores de búsqueda.

Para obtener más información sobre SEO técnico y cómo mejorar el rendimiento de tu sitio web, te recomiendo consultar nuestra guía completa de auditoría SEO y nuestra guía sobre cómo solucionar Core Web Vitals. Además, puedes usar el verificador de SEO de sitios web para identificar áreas de mejora y el seguidor de rankings para monitorear los rankings de tu sitio web en los motores de búsqueda.

Probando tu implementación de hreflang

Para asegurarte de que tu implementación de hreflang es correcta, usa el informe de "Orientación internacional" de Google Search Console en Herramientas heredadas. Este informe te muestra las páginas con etiquetas hreflang faltantes o incorrectas, lo que puede ayudarte a identificar problemas potenciales y mejorar el tráfico internacional de tu sitio web en un 20%. También uso la Herramienta de Prueba de Hreflang de Aleyda Solis, que verifica errores comunes y te ayuda a identificar áreas de mejora. Ejecútala mensualmente si estás agregando activamente nuevas versiones en otros idiomas, y usa la herramienta de auditoría SEO para evaluar el rendimiento general de SEO de tu sitio web.

Lista de verificación de implementación

Aquí tienes una lista de verificación para asegurarte de que tu implementación de hreflang sea correcta:

Al seguir estos pasos y usar las herramientas adecuadas, puedes asegurarte de que tu implementación de hreflang sea correcta y mejorar el tráfico internacional de tu sitio web. Para comenzar, prueba nuestro analizador de SEO gratuito y descubre cómo puedes mejorar el rendimiento de SEO de tu sitio web.

FAQ

Preguntas frecuentes

1. 01.¿Cuál es el propósito de las etiquetas hreflang?

Las etiquetas hreflang le indican a Google qué versión de una página mostrar según el idioma y la región, asegurando que los usuarios vean el contenido más relevante.

1. 02.¿Cómo implemento las etiquetas hreflang?

Puedes implementar etiquetas hreflang usando etiquetas de enlace HTML, encabezados HTTP, mapas del sitio XML o datos estructurados JSON-LD.

1. 03.¿Cuáles son las consecuencias de una implementación incorrecta de hreflang?

Una implementación incorrecta de hreflang puede llevar a una caída significativa en el tráfico internacional, los rankings en motores de búsqueda y el rendimiento general de SEO.

En conclusión, implementar correctamente las etiquetas hreflang es crucial para los sitios web multilingües. Al seguir las reglas, evitar errores comunes y probar tu implementación, puedes asegurarte de que tu sitio web esté correctamente optimizado para el tráfico internacional. Para comenzar, prueba nuestro analizador de SEO gratuito y descubre cómo puedes mejorar el rendimiento de SEO de tu sitio web.