Cómo utilizar la etiqueta Hreflang para el SEO
¿Qué son y para qué sirven las etiquetas Hreflang?
Las etiquetas “hreflang” son soluciones técnicas para sitios web, bien con contenido similar en múltiples idiomas, bien con versiones dirigidas a regiones concretas. Su objetivo es enviar a los usuarios de un sitio web a la correcta versión de su contenido cuando este está disponible en diferentes idiomas o con versiones que atienden a particularidades geográficas (como por ejemplo el tipo de moneda o singularidades culturales).
Por ejemplo, para crear una versión en inglés de una página cuya versión principal está en español, la etiquetaremos usando hreflang=»en» para que las búsquedas con una dirección IP que un motor de búsqueda atribuya a un país de habla inglesa reciban esa página en inglés en lugar de la versión en español. De este modo se puede ayudar a disminuir la tasa de rebote y aumentar las conversiones, al asegurarse de que cada usuario llegue a la versión de la página más apropiada para ellos.
Tabla de contenidos
Además, los atributos hreflang también se pueden usar para mostrar que existe contenido dirigido a distintas variantes de un mismo idioma. De este modo, se puede usar hreflang con anotaciones que indiquen para qué región está localizado el contenido, utilizando por ejemplo hreflang=»es-es» para ofrecer un contenido a usuarios en España mientras que utilizaremos hreflang=»es-mx» para ofrecer el mismo contenido en México. Esto es muy útil para segmentar geográficamente a los usuarios en función de la moneda local de cada país, el envío, la estacionalidad o en base a aspectos culturales.
De lo que se trata, por tanto, es de ayudar a Google a mostrar la versión más adecuada de la página a los usuarios según su idioma o región. Pero, además de mejorar significativamente la experiencia de usuario, las etiquetas hreflang también tienen un efecto directo en el posicionamiento SEO ya que las páginas incluidas en un clúster hreflang también comparten entre sí las señales de posicionamiento, por lo que comparten autoridad SEO.
No te pierdas el siguiente vídeo oficial de Google, con subtítulos en castellano, en el que Maile Ohye, Directora Técnica de Programas de Programas y Desarrollo, explica al detalle los atributos hreflang para mantener los sitios web optimizados a ojos del buscador cuando se proporciona el contenido en diferentes lenguas o variaciones regionales.
¿Cuándo utilizar etiquetas Hreflang?
Aunque es cierto que Google en ocasiones es capaz de encontrar versiones de una misma página en diferentes idiomas por sí mismo, es siempre recomendable comunicar al motor de búsqueda la existencia de las distintas versiones en diferentes idiomas o dirigidas a regiones específicas.
Google recomienda hacer uso de las etiquetas hreflang para indicar las páginas alternativas siempre que:
- El contenido principal está en un solo idioma y solo se traduce la plantilla, como el área de navegación y el pie de página. Esta situación suele darse en páginas con contenido generado por usuarios, como los foros.
- El contenido está en un solo idioma, pero incluye variaciones regionales con contenido similar. Por ejemplo, páginas con contenido en español dirigido a Argentina, España y México.
- El contenido está completamente traducido a varios idiomas. Por ejemplo, como ocurre con páginas con una versión en inglés y otra en español.
Las versiones localizadas de una página solo se consideran duplicadas si su contenido principal no está traducido.
¿Cómo utilizar las etiquetas Hreflang?
Existen tres métodos para indicar las diferentes versiones de la página a través de estos atributos. Para Google, cualquiera de estos tres es perfectamente válido de modo que se puede elegir el que más se adapte al propio sitio web. Estos tres métodos son:
Etiquetas HTML
Encabezados HTTP
Sitemap XML
Sin embargo, no es recomendable utilizar los tres métodos al mismo tiempo ya que para Google puede resultar más difícil gestionar tres implementaciones en lugar de elegir una, además de que no se obtiene ningún beneficio al hacerlo.
Veamos a continuación las diferencias entre los tres métodos.
Etiquetas HTML
Este método resulta útil si no se tiene ningún sitemap ni se pueden especificar encabezados de respuesta HTTP en el sitio web.
Para implementar hreflang con este método, se debe agregar el fragmento <link rel=»alternate» hreflang=»lang_code» href=url_of_page» /> al encabezado (<head>) de la página.
Este código informa de las variantes de idioma y región de la página a través de la sintaxis explicada en la tabla a la derecha de este texto.
lang_ | Código de idioma o región admitidos al que se dirige esta versión de la página. Con x-default, indicas que esta versión debe mostrarse a los usuarios de idiomas que no se mencionan en las etiquetas hreflang de la página. |
url_ | URL cualificada de la versión de esta página del idioma o la región indicados. |
Por cada variante de la página, incluye un conjunto de elementos <link> en el elemento <head> y un enlace, incluido el suyo propio. Este conjunto de enlaces debe ser el mismo en todas las variantes de una página.
Veamos a la izquierda un ejemplo con un fragmento de código HTML con variaciones regionales dirigidas a usuarios que hablan inglés (estén en EE. UU., en el Reino Unido o en cualquier otro país) y a los que hablan alemán a las páginas localizadas correspondientes. El resto de los usuarios vería una página principal genérica.
Encabezados HTTP
El segundo método de incluir atributos hreflang es devolviendo encabezados HTTP con las respuestas GET de las páginas para informar a Google de todas sus variantes de idioma y región.
Este método es útil con archivos que no son HTML, como por ejemplo los archivos PDF. El encabezado debe tener la sintaxis mostrada en la tabla de la derecha.
<url_ | URL cualificada de la página alternativa correspondiente al código de configuración regional asignado al atributo hreflang asociado. La URL debe estar entre estos símbolos: < >. Ejemplo: <https:/ |
lang_ | Código de idioma o región admitidos al que se dirige esta versión de la página. Con x-default, indicas que esta versión debe mostrarse a los usuarios de idiomas que no se mencionan en las etiquetas hreflang de la página. |
Se deben especificar tantos conjuntos de valores <url>, rel=»alternate» y hreflang como versiones tenga la página, incluida la versión solicitada, separándolos mediante comas. El formato del encabezado será el siguiente:
Link: <url1>; rel=»alternate»; hreflang=»lang_code_1«, <url2>; rel=»alternate»; hreflang=»lang_code_2«, …
En la imagen de la izquierda se muestra un ejemplo de encabezado Link: devuelto por un sitio que tiene tres versiones de un archivo PDF: una para los usuarios que hablan inglés, otra dirigida a los hablantes de alemán de Suiza y una tercera que se muestra a todos los demás visitantes que hablen alemán.
XML Sitemap
Por último, se puede informar de las variantes de idioma y región de todas tus URLs mediante un sitemap XML.
Para hacerlo, se añadirá un elemento <loc> que incluya una única URL y tenga entradas secundarias <xhtml:link>, especificando en ellas todas las variantes de idioma y región, incluida la del propio elemento.
De este modo, se crea un elemento <url> para cada URL, como ocurriría con cualquier otro sitemap, y deberá incluir un elemento secundario <loc> que indique la URL de la página.
Cada elemento <url> debe tener un elemento secundario <xhtml:link rel=»alternate» hreflang=»supported_language-code«> con todas las variantes de la página, incluida la del propio elemento. El orden de estos elementos secundarios <xhtml:link> no es importante, pero es aconsejable utilizar siempre el mismo para comprobar fácilmente si hay errores. Por último, habría que subir el sitemap al directorio del sitio web correspondiente.
Veamos a la izquierda un ejemplo para una página en inglés dirigida a personas que hablan inglés de todo el mundo y que tiene versiones equivalentes de esta página para usuarios de habla alemana de cualquier parte del mundo, así como situados específicamente en Suiza. Las URLs de esta página presentes en el sitio serán:
www.example.com/english/page.htmldirigida a personas que hablan inglés.www.example.de/deutsch/page.htmldirigida a personas que hablan alemán.www.example.de/schweiz-deutsch/page.htmldirigida a personas de habla alemana situadas específicamente en Suiza.
Segmentación general con el valor x-default
El valor especial “x-default” está reservado que se utiliza para mostrar una versión concreta a los usuarios de idiomas no incluidos entre los idiomas o regiones ofrecidos.
Se trata, por tanto, de una etiqueta hreflang especifica una landing page internacional que sirva de respaldo cuando un usuario no coincida con ninguna de las versiones localizadas del sitio especificadas en los otros enlaces hreflang.
No es necesario especificar un código de idioma en el valor x-default. La página está dirigida a usuarios cuya configuración de idioma no coincide con la del sitio, por lo que el idioma de la página es irrelevante.
El atributo x-default hreflang indica al algoritmo de Google que la página no está dirigida a ningún idioma o configuración regional específica y que es la página usada por defecto cuando no haya otra página más adecuada.
En conclusión
Si tienes un sitio web con contenido disponibles en varios idiomas o en diferentes variaciones regionales de un mismo idioma, entender las etiquetas hreflang será fundamental para que Google muestre la versión adecuada a cada usuario.
Sin embargo, y pese a que puede parecer un atributo HTML relativamente sencillo, su implementación correcta puede suponer grandes dificultades siendo incluso uno de los aspectos más complejos del SEO según palabras del propio John Mueller, experto en SEO de Google: “Para ser honesto, hreflang es uno de los aspectos más complejos del SEO (si no el que más). Parece tan fácil como una meta-etiqueta, pero se pone difícil muy rápidamente”.
En cualquier caso, ¡no te preocupes! Si necesitas hacer uso de la etiqueta hreflang para tu sitio web, en RafaSEO te proporcionamos gratis una plantilla automatizada. Implementar una plantilla automatizada te evitará llevar a cabo una tarea compleja que incluso podría necesitar el trabajo de desarrolladores (ahorrándote esfuerzo, tiempo y dinero).
Solo tienes que ponerte en contacto con nosotros para solicitarla y podrás optimizar tu SEO internacional posicionando el contenido adecuado a los usuarios de cada zona geográfica.
En RafaSEO te ofrecemos las soluciones digitales que necesitas para tu negocio aprovechando al máximo los beneficios del Kit Digital.
Impulsamos proyectos personalizados para cada cliente adaptándonos a las necesidades y metas de cada uno y elaborando estrategias comunicativas únicas. Tratamos a nuestros clientes con empatía y transparencia, manteniendo una comunicación abierta y constante de principio a fin del proyecto, asegurándonos de la satisfacción del cliente en todo momento.
Utilizamos las mejores herramientas a la hora de diseñar y crear tu página web, comercio electrónico, así como para gestionar tus perfiles profesionales en redes sociales y mejorar la presencia de tu sitio en los buscadores para llegar a tus clientes gracias a técnicas SEO y SEM
Contáctame y planifiquemos tu estrategia digital!
Puedes contactarme por teléfono, WhatsApp, enviándome un correo electrónico, o esperar a que me ponga en contacto contigo rellenando este formulario.
* Los datos serán tratados por el responsable de la web con la finalidad de establecer contacto, enviar información y promociones y con la legitimación por parte del cliente. Ver política de privacidad.