¿Te interesa aprender más sobre hreflang y cómo puede ayudarte a mejorar tu posicionamiento en Google, pero estás confundido?
No te preocupes, en este artículo te voy a explicar todo lo que necesitas saber de manera clara y sencilla, sin tecnicismos complicados.
Así que ponte cómodo/a y prepárate para descubrir cómo aprovechar al máximo esta poderosa herramienta.
Hreflang es una etiqueta HTML que le dice a Google qué versión de tu página debe mostrar según el idioma y el país del usuario que está buscando. Es como un GPS para Google: le ayuda a dirigir a cada usuario a la versión correcta de tu contenido.
Imagina que tienes una web en español y en inglés. ¿No sería un desastre que Google le mostrara la versión en inglés a alguien que solo habla español? Pues eso es exactamente lo que hreflang ayuda a evitar.
Si, por ejemplo, tienes un negocio en línea y ofreces tus productos en español e inglés, pero no utilizas hreflang, Google podría indexar tus páginas de manera incorrecta. Esto haría que la versión en inglés se muestre a usuarios que buscan en español, o viceversa.
Al implementar correctamente el atributo hreflang, ayudas a Google a entender qué versión de tu página mostrar en los resultados de búsqueda según la ubicación y preferencia del usuario.
Necesitas implementar hreflang en estos 3 casos:
Ahora que hemos visto la importancia de hreflang, veamos cómo implementarlo de manera efectiva para mejorar tu posicionamiento en Google:
La forma más común es añadir las etiquetas en el <head>
de tu página. Aquí te dejo un ejemplo práctico:
<link rel="alternate" hreflang="es" href="https://www.tusitio.com/es/pagina" />
<link rel="alternate" hreflang="en" href="https://www.tusitio.com/en/page" />
Con este código le informas a Google de las versiones en español (es
) e inglés (en
) de la página correspondiente.
También puedes implementarlo en tu sitemap XML. Es especialmente útil si tienes muchas páginas,
Por ejemplo, puedes hacerlo así:
<url>
<loc>https://ejemplo.com/es/</loc>
<xhtml:link rel="alternate" hreflang="es-ES" href="https://ejemplo.com/es/" />
<xhtml:link rel="alternate" hreflang="en-GB" href="https://ejemplo.com/en/" />
</url>
¡Ojo! Estos son los fallos que más veo (y que he cometido) que debes evitar:
Códigos de país incorrectos
Falta de enlaces recíprocos
Errores en el formato
Si tienes una página de selección de idioma o quieres establecer una versión por defecto:
<link rel="alternate" hreflang="x-default" href="https://ejemplo.com/">
Ambas etiquetas pueden y deben coexistir. Por ejemplo:
<link rel="canonical" href="https://ejemplo.com/es/">
<link rel="alternate" hreflang="es-ES" href="https://ejemplo.com/es/">
<link rel="alternate" hreflang="en-GB" href="https://ejemplo.com/en/">