Etiqueta hreflang
La etiqueta hreflang es una etiqueta HTML que se utiliza para indicar a los motores de búsqueda el idioma y la región geográfica de una página web. Esta etiqueta se utiliza para ayudar a los motores de búsqueda a entender la relevancia de una página web para un usuario en función del idioma y la ubicación geográfica del usuario.
Tabla de contenidos
La etiqueta hreflang se coloca en el head de una página web y se utiliza junto con el atributo href de un enlace. La sintaxis para utilizar la etiqueta hreflang es la siguiente:
<link rel=»alternate» hreflang=»xx-XX» href=»http://www.example.com/page-xx-XX.html» />
Donde xx-XX es el código de idioma y región. Por ejemplo, en-US indica inglés de Estados Unidos, mientras que es-ES indica español de España.
Es importante tener en cuenta que la etiqueta hreflang solo es relevante para los motores de búsqueda y no afecta de ninguna manera a la experiencia del usuario final. Si deseas proporcionar contenido en varios idiomas para tus usuarios, debes utilizar otras técnicas, como la traducción de tu sitio web o la creación de versiones de tu sitio web para diferentes idiomas.
- La etiqueta hreflang solo se utiliza para enlaces entre páginas web, no para enlaces internos dentro de una misma página.
- Si tu sitio web está disponible en varios idiomas y regiones, debes incluir una etiqueta hreflang en cada página para indicar a qué idioma y región corresponde cada página.
- Si una página no tiene una etiqueta hreflang, se asume que es relevante para todos los idiomas y regiones.
- Si tienes versiones de tu sitio web en varios idiomas, pero no tienes una versión para cada idioma y región, puedes usar la etiqueta hreflang para indicar qué versión de tu sitio web es la más relevante para un idioma o región específicos. Por ejemplo, si tienes una versión en inglés para Estados Unidos y otra para Reino Unido, puedes usar la etiqueta hreflang para indicar que la versión para Estados Unidos es relevante para los usuarios en Estados Unidos y la versión para Reino Unido es relevante para los usuarios en Reino Unido.
- La etiqueta hreflang es importante para mejorar la experiencia del usuario y el rendimiento del sitio en los motores de búsqueda, ya que permite a los motores de búsqueda mostrar resultados más relevantes a los usuarios en función de su idioma y ubicación geográfica.
- La etiqueta hreflang se puede usar tanto en enlaces entre páginas web como en el archivo sitemap.xml.
Si estás utilizando la etiqueta hreflang en el archivo sitemap.xml, debes incluir la etiqueta hreflang junto con la URL de cada página. La sintaxis para utilizar la etiqueta hreflang en el archivo sitemap.xml es la siguiente:
<url>
<loc>http://www.example.com/page.html</loc>
<xhtml:link rel=»alternate» hreflang=»xx-XX» href=»http://www.example.com/page-xx-XX.html» />
</url>
- Si tienes una página que está disponible en varios idiomas y regiones, debes incluir una etiqueta hreflang para cada idioma y región. Por ejemplo, si tienes una página que está disponible en inglés para Estados Unidos, Reino Unido y Australia, debes incluir tres etiquetas hreflang, una para cada idioma y región.
- Es importante tener en cuenta que la etiqueta hreflang no es un reemplazo de la etiqueta lang, que se utiliza para indicar el idioma de la página web. La etiqueta lang se coloca en el elemento html y se utiliza para indicar el idioma del contenido de la página web, mientras que la etiqueta hreflang se utiliza para indicar el idioma y la región de la página web.
- Si tienes un sitio web que está disponible en varios idiomas y regiones y quieres asegurarte de que los motores de búsqueda entiendan la relevancia de cada página para cada idioma y región, es importante utilizar tanto la etiqueta lang como la etiqueta hreflang.
En SEO
La etiqueta hreflang es una herramienta importante para el SEO (optimización en motores de búsqueda) ya que ayuda a los motores de búsqueda a entender la relevancia de una página web para un usuario en función de su idioma y ubicación geográfica.
Al utilizar la etiqueta hreflang, puedes indicar a los motores de búsqueda cuáles son las versiones de tu sitio web más relevantes para diferentes idiomas y regiones, lo que puede mejorar el rendimiento de tu sitio en los resultados de búsqueda para esos idiomas y regiones específicos.
- Si tienes versiones de tu sitio web en varios idiomas, debes incluir una etiqueta hreflang en cada página para indicar a qué idioma y región corresponde cada página. Esto ayudará a los motores de búsqueda a entender qué versiones de tu sitio web son más relevantes para cada idioma y región, lo que puede mejorar el rendimiento de tu sitio en los resultados de búsqueda para esos idiomas y regiones específicos.
- Si tienes una página que está disponible en varios idiomas y regiones, debes incluir una etiqueta hreflang para cada idioma y región. Esto ayudará a los motores de búsqueda a entender qué versiones de tu sitio web son más relevantes para cada idioma y región, lo que puede mejorar el rendimiento de tu sitio en los resultados de búsqueda para esos idiomas y regiones específicos.
- Si tienes un sitio web que está disponible en varios idiomas y regiones y quieres asegurarte de que los motores de búsqueda entiendan la relevancia de cada página para cada idioma y región, debes utilizar tanto la etiqueta lang como la etiqueta hreflang. La etiqueta lang se utiliza para indicar el idioma del contenido de la página, mientras que la etiqueta hreflang se utiliza para indicar el idioma y la región de la página. Al utilizar ambas etiquetas, puedes proporcionar a los motores de búsqueda la información más completa sobre la relevancia de tu sitio web para diferentes idiomas y regiones, lo que puede mejorar el rendimiento de tu sitio en los resultados de búsqueda para esos idiomas y regiones.
- La World Wide Web Consortium (W3C) es una organización internacional que establece estándares y recomendaciones para la industria de la World Wide Web. La etiqueta hreflang es una de las etiquetas que se han establecido como estándar por el W3C. La especificación de la etiqueta hreflang del W3C se encuentra en la sección 5.3.2 del documento «HTML 5.2: Links». Según la especificación del W3C, la etiqueta hreflang se utiliza para indicar a los motores de búsqueda el idioma y la región geográfica de una página web.
Ejemplos de uso
Aquí hay algunos ejemplos de cómo se puede utilizar la etiqueta hreflang:
Si tienes una página web que está disponible en inglés para Estados Unidos y Reino Unido, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las dos versiones es más relevante para cada idioma y región. Por ejemplo:
<link rel=»alternate» hreflang=»en-US» href=»http://www.example.com/page-en-US.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://www.example.com/page-en-GB.html» />
Si tienes una página web que está disponible en varios idiomas, pero no tienes una versión para cada idioma y región, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las versiones es la más relevante para un idioma o región específicos. Por ejemplo:
<link rel=»alternate» hreflang=»en» href=»http://www.example.com/page-en.html» />
<link rel=»alternate» hreflang=»es» href=»http://www.example.com/page-es.html» />
<link rel=»alternate» hreflang=»fr» href=»http://www.example.com/page-fr.html» />
<link rel=»alternate» hreflang=»de» href=»http://www.example.com/page-de.html» />
<link rel=»alternate» hreflang=»it» href=»http://www.example.com/page-it.html» />
<link rel=»alternate» hreflang=»ja» href=»http://www.example.com/page-ja.html» />
Si tienes una página web que no está disponible en un idioma o región específicos, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las versiones disponibles es la más relevante para ese idioma o región. Por ejemplo:
<link rel=»alternate» hreflang=»en-US» href=»http://www.example.com/page-en.html» />
<link rel=»alternate» hreflang=»es-ES» href=»http://www.example.com/page-es.html» />
<link rel=»alternate» hreflang=»x-default» href=»http://www.example.com/page-en.html» />
Si tienes una página web en un idioma y región específicos que está alojada en un dominio diferente al de tu sitio principal, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las versiones es la más relevante para ese idioma y región. Por ejemplo:
<link rel=»alternate» hreflang=»en-US» href=»http://www.example.com/page-en-US.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://www.example.co.uk/page-en-GB.html» />
Si tienes una página web que está disponible en varios idiomas y regiones y quieres utilizar diferentes dominios para cada idioma y región, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las versiones es la más relevante para cada idioma y región. Por ejemplo:
<link rel=»alternate» hreflang=»en-US» href=»http://www.example.com/page-en-US.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://www.example.co.uk/page-en-GB.html» />
<link rel=»alternate» hreflang=»es-ES» href=»
Si tienes una página web en un idioma y región específicos que está alojada en un subdominio diferente al de tu sitio principal, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las versiones es la más relevante para ese idioma y región. Por ejemplo:
<link rel=»alternate» hreflang=»en-US» href=»http://en-us.example.com/page.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://en-gb.example.com/page.html» />
Si tienes una página web que está disponible en varios idiomas y regiones y quieres utilizar subdominios diferentes para cada idioma y región, puedes utilizar la etiqueta hreflang para indicar a los motores de búsqueda cuál de las versiones es la más relevante para cada idioma y región. Por ejemplo:
<link rel=»alternate» hreflang=»en-US» href=»http://en-us.example.com/page.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://en-gb.example.com/page
hreflang=»x-default»
La etiqueta hreflang=»x-default» se utiliza para indicar a los motores de búsqueda cuál de las versiones de una página web es la más relevante para un idioma o región en caso de que no haya una versión específica para ese idioma o región. Por ejemplo, si tienes una página web que está disponible en varios idiomas y regiones y quieres asegurarte de que los motores de búsqueda entiendan cuál de las versiones es la más relevante para un idioma o región en particular, puedes utilizar la etiqueta hreflang=»x-default» para indicar cuál de las versiones es la versión por defecto.
Por ejemplo, si tienes una página web que está disponible en inglés para Estados Unidos y Reino Unido, y quieres asegurarte de que los motores de búsqueda entiendan cuál de las dos versiones es la más relevante para un idioma o región en particular, puedes utilizar la etiqueta hreflang de la siguiente manera:
<link rel=»alternate» hreflang=»en-US» href=»http://www.example.com/page-en-US.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://www.example.com/page-en-GB.html» />
<link rel=»alternate» hreflang=»x-default» href=»http://www.example.com/page-en-US.html» />
En este ejemplo, la etiqueta hreflang=»x-default» indica a los motores de búsqueda que la versión en inglés de Estados Unidos es la versión por defecto para cualquier idioma o región que no esté especificada en otra etiqueta hreflang.
hreflang checker
Un «hreflang checker» es una herramienta que puedes utilizar para verificar la implementación de la etiqueta hreflang en tu sitio web. Hay varias herramientas disponibles en línea que te permiten comprobar la correcta implementación de la etiqueta hreflang en tu sitio web, algunas de las cuales son:
- Google Search Console: La Search Console de Google es una herramienta gratuita que te permite monitorear y mantener el rendimiento de tu sitio web en los resultados de búsqueda de Google. Además, te permite verificar la implementación de la etiqueta hreflang en tu sitio web.
- Hreflang Tags: Esta herramienta gratuita te permite verificar la implementación de la etiqueta hreflang en tu sitio web y detectar posibles errores o problemas.
- Hreflang Analyser: Esta herramienta gratuita te permite verificar la implementación de la etiqueta hreflang en tu sitio web y proporciona un informe detallado sobre cualquier problema o error que encuentre.
- Ahrefs: Ahrefs es una herramienta de SEO que te permite verificar la implementación de la etiqueta hreflang en tu sitio web y proporciona un informe detallado sobre cualquier problema o error que encuentre.
Es importante tener en cuenta que la implementación correcta de la etiqueta hreflang es importante para mejorar la experiencia del usuario y la visibilidad de tu sitio web en los motores de búsqueda. Por lo tanto, es recomendable utilizar una herramienta de verificación de hreflang para asegurarte de que tu sitio web está correctamente optimizado.
hreflang generator
Un «hreflang generator» es una herramienta que puedes utilizar para generar automáticamente la etiqueta hreflang para tu sitio web. Hay varias herramientas disponibles en línea que te permiten generar la etiqueta hreflang de manera automática, algunas de las cuales son:
- Hreflang Generator: Esta herramienta gratuita te permite generar la etiqueta hreflang para tu sitio web de manera automática. Solo tienes que introducir la URL de tu sitio web y seleccionar el idioma y la región correspondientes, y la herramienta te generará la etiqueta hreflang para utilizar en tu sitio web.
- Hreflang Tags: Esta herramienta gratuita te permite generar la etiqueta hreflang para tu sitio web de manera automática. Solo tienes que introducir la URL de tu sitio web y seleccionar el idioma y la región.
hreflang language codes
Los códigos de idioma ISO (International Organization for Standardization) son códigos de dos o tres letras que se utilizan para identificar de manera única a cada idioma. Estos códigos se utilizan a menudo en la etiqueta hreflang para indicar el idioma de una página web.
Es importante tener en cuenta que esta es solo una lista de algunos de los códigos de idioma ISO más comunes. Puedes encontrar una lista completa de códigos de idioma ISO en el sitio web de la ISO: https://www.iso.org/iso-639-language-codes.html
La etiqueta hreflang es una etiqueta HTML que se utiliza para indicar a los motores de búsqueda cuál de las versiones de una página web es la más relevante para un idioma o región específicos. Esta etiqueta se utiliza a menudo en sitios web que están disponibles en varios idiomas o regiones para ayudar a los motores de búsqueda a entender cuál de las versiones es la más relevante para cada idioma o región.
Por ejemplo, si tienes una página web que está disponible en inglés para Estados Unidos y Reino Unido, y quieres asegurarte de que los motores de búsqueda entiendan cuál de las dos versiones es la más relevante para un idioma o región en particular, puedes utilizar la etiqueta hreflang de la siguiente manera:
<link rel=»alternate» hreflang=»en-US» href=»http://www.example.com/page-en-US.html» />
<link rel=»alternate» hreflang=»en-GB» href=»http://www.example.com/page-en-GB.html» />
Resumiendo
La etiqueta hreflang es una etiqueta HTML que se utiliza para indicar a los motores de búsqueda cuál de las versiones de una página web es la más relevante para un idioma o región específicos. Esta etiqueta se utiliza a menudo en sitios web que están disponibles en varios idiomas o regiones para ayudar a los motores de búsqueda a entender cuál de las versiones es la más relevante para cada idioma o región.
Para utilizar la etiqueta hreflang, debes incluirla en el encabezado de cada página web que esté disponible en varios idiomas o regiones.
Desde 2004, me he dedicado a ayudar a empresas internacionales, nacionales y locales a mejorar sus estrategias de SEO. Mi principal función consiste en crear estrategias de SEO tanto a nivel local como internacional y solucionar problemas de posicionamiento en buscadores.