Hreflang es un atributo HTML que indica a los buscadores el idioma o la región específica de una web. Al aplicarlo en tu código, el motor de búsqueda sabrá que URL mostrar a los usuarios en función de sus preferencias lingüísticas o su ubicación geográfica.
Utilizar correctamente hreflang es importante para posicionar tus páginas en buscadores o chats de IA y que se muestre al público adecuado.
Especialmente si tienes una página multiidioma o dispones de versiones de tus webs para distintos mercados, es más que recomendable que uses el atributo hreflang.
Índice de contenidos
¿Cómo se utiliza el hreflang? Ejemplo de uso
El atributo hreflang es un fragmento de código que se introduce en el header (<head>) de la página con el siguiente formato:
<link rel="alternate" hreflang="XX" href="https//urlXX.com">
En el campo rel siempre que se use con hreflang, debe indicar alternate. Esto le dice a los bots de buscadores o IAs que es una versión alternativa de la página y no un duplicado.
En el campo hreflang, donde indicamos XX, se introduce el código de idioma:
- es: para español
- en: para inglés
- fr: para francés
- pt: para portugués
- ….
O si tienes versiones por región:
- en-en: para inglés de Reino Unido
- en-us: para inglés de Estados Unidos
- es-es: para español de España
- es-ar: para español de Argentina
- …
Aquí puedes revisar los diferentes códigos para cada idioma o región según la ISO 639.
En el campo href se indicaría la URL concreta para el idioma o región indicada.
A mayores, en el hreflang también puedes indicar la URL por defecto para mostrar cuando no hay un idioma concreto asignado. En este caso, se indica utilizando x-default en lugar del código de idioma tal que así:
<link rel="alternate" hreflang="x-default" href="https//urlpordefecto.com">
Por ejemplo, en el caso de dinahosting.com, utilizamos el hreflang de la siguiente forma:
Donde indicamos las diferentes URL para las versiones idiomáticas disponibles, en nuestro caso, español, inglés, gallego, catalán y portugués, y la URL por defecto para otros idiomas.
Errores comunes al aplicar el hreflang
❌ Error 1: no aplicar hrflang en todas las páginas
El hreflang debe aplicarse en todas las URL que tengan versiones idiomáticas o por región y no únicamente en las páginas principales.
❌ Error 2: varios hreflang redirigen a la misma página
Cada hreflang deber redirigir a una sola URL, evita los duplicados.
❌ Error 3: aplicar hreflang hacia URL inexistentes
Asegúrate de que existen todas las versiones de las páginas que indiques en el hreflang y que están traducidas.
❌ Error 4: confundir el hreflang con la etiqueta canonical
La etiqueta canonical se utiliza para diferenciar contenido duplicado o muy similar. La opción x-default del hreflang no tiene esa función.
¿Por qué es importante utilizar el atributo hreflang?
El hreflang es conveniente utilizarlo si tenemos nuestra página traducida a diferentes idiomas o si tenemos versiones distintas de una misma URL enfocadas a áreas geográficas concretas.
Aunque su uso principal suele ser para diferenciar idiomas, también es muy frecuente usarlo si, por ejemplo, tienes una promoción específica para un determinado mercado o precios distintos por país.
Utilizando correctamente el hreflang, cualquier bot de buscador o IA que pase por tu página y la indexe, sabrá que URL mostrar a los usuarios en función de su idioma o región.
Esto tiene especial relevancia si quieres posicionar tu web para el SEO local, o realizar campañas en zonas específicas.
En general, las etiquetas HTML como el hreflang, son importantes para posicionar nuestras páginas y que se muestren correctamente en los buscadores o motores de IA.
Si quieres conocer más acerca de este tipo de atributos, pásate por el post sobre Metaetiquetas SEO.
Como ves, la etiqueta hreflang puede resultar muy útil para que tu web se muestre correctamente en los resultados de búsqueda. ¿La utilizas en tu página? ¿Te surge alguna duda? ¡Te leemos en los comentarios! 🙂
Deja una respuesta