Aprenda qué es hreflang, cómo ayuda a Google a entender su sitio y cómo añadirlo a su sitio web multilingüe de WordPress.
WPML inserta automáticamente las etiquetas hreflang en sus páginas y las actualiza a medida que usted realiza cambios en su sitio web. Este proceso ocurre en segundo plano y no requiere ninguna acción por su parte.
¿Qué es hreflang?
Las etiquetas hreflang son atributos HTML que indican el idioma y la región a los que va dirigida una página. En un sitio web multilingüe, las etiquetas hreflang indican a los motores de búsqueda el público al que va dirigida cada versión de una página.
Por ejemplo, el siguiente hreflang indica que una página de inicio tiene una versión para los usuarios españoles en la URL especificada:
<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />
Así, cuando un usuario en España busca esta página de inicio, Google muestra su versión en español.
Además de en español, la página de inicio también tiene una versión en inglés. Así, cuando un usuario en Estados Unidos la busca, Google muestra su versión en inglés.
Hreflang es un componente esencial para ayudar a los motores de búsqueda a entender su sitio web multilingüe. Pero, en primer lugar, ¿cuándo necesita implementar etiquetas hreflang?
¿Cuándo necesita utilizar hreflang?
Hay cuatro casos en los que necesita añadir etiquetas hreflang en su sitio web:
- Cuando su sitio web tiene varios idiomas
- Cuando quiere dirigirse a regiones geográficas específicas
- Cuando su contenido tiene pequeñas variaciones regionales (inglés de EE. UU. frente a inglés del Reino Unido)
- Cuando su temática es la misma, pero el contenido es diferente (las mejores playas de EE. UU., las mejores playas de Australia)
Por regla general, si su sitio web tiene variaciones de una página y están destinadas a públicos diferentes, debe añadir etiquetas hreflang a estas páginas.
¿Qué ocurre si no añade hreflang?
Las etiquetas hreflang tienen dos funciones principales: indicar a Google a qué público va dirigida una página e indicar que la página es una variación del contenido original.
Dado que Google no puede saber si una página es una variación de otra, sin etiquetas hreflang claras, Google puede asumir que sus variaciones son contenido duplicado y penalizar sus páginas.
¿Cómo funcionan las etiquetas hreflang?
Las etiquetas hreflang aparecen en la sección <head> y apuntan a versiones alternativas de una página.
Recuerde, este es el aspecto de las etiquetas hreflang:
<head> … <link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/de" hreflang="de" /> … </head>
Las etiquetas hreflang contienen tres datos:
rel="alternate": indica que se trata de una versión alternativa de la página original- href=URL: indica la URL de la página alternativa
- hreflang=LANG: indica el idioma de la página alternativa
Si pusiéramos el ejemplo anterior en palabras, diría:
La página actual tiene una versión alternativa en español en la URL http://www.domain.com/es y una versión alternativa en alemán en la URL http://www.domain.com/de.
Como puede ver, las etiquetas hreflang utilizan un código de dos letras al referirse a los idiomas. En este ejemplo, es significa español. Para ver la lista completa de abreviaturas, visite los estándares de códigos de idioma: ISO 639-1 (se abre en una pestaña nueva).
Para indicar un idioma y una región de destino, como español-México, se añade el código del país al final del componente hreflang, de esta manera:
hreflang="es-mx"
En este ejemplo, es significa español y mx significa México. Los códigos de país siguen una abreviatura de dos letras similar a la de los códigos de idioma, según el estándar ISO 3166-1 alfa-2 (se abre en una pestaña nueva).
Al añadir etiquetas hreflang a su sitio web, es importante seguir las directrices de hreflang recomendadas por Google que se describen a continuación.
Apuntar las páginas alternativas entre sí
Asegúrese de que cada versión de su página contenga una etiqueta hreflang que haga referencia a todas las demás versiones. Esto ayuda a Google a entender el conjunto completo de sus páginas alternativas y cómo se relacionan entre sí.
Por ejemplo, si tiene una página en inglés y en español, la versión en inglés debe contener una etiqueta hreflang que apunte a la versión en español. Y del mismo modo, la versión en español debe contener un hreflang que apunte a la versión en inglés.
Incluir un hreflang autorreferencial
En cada versión, incluya un hreflang que apunte a sí misma.
Por ejemplo, si tiene 2 versiones (inglés y español), además de hacer que las páginas apunten entre sí, cada versión debe tener un hreflang adicional que apunte a la página en la que se encuentra.
Este será el aspecto de la versión en español:
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
Y este será el aspecto de la versión en inglés:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
Definir la página de respaldo cuando no hay una traducción adecuada
El x-default indica la página de «respaldo» si ninguna versión es adecuada para un usuario. Este es su aspecto:
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Por ejemplo, un sitio web en inglés y español no tendrá una página adecuada para un usuario francés. En este caso, Google intentará ofrecer la página que considere mejor. Sin embargo, para controlar qué página debe ofrecer Google, puede incluir un hreflang x-default con la URL que prefiera como respaldo.
Este será el aspecto en la página en inglés, si queremos que nuestra página de inicio en inglés sea la de respaldo:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Cómo añadir hreflang a su sitio web de WordPress
Puede añadir fácilmente etiquetas hreflang a su sitio web de WordPress con un plugin multilingüe. El uso de un plugin, en lugar de hacerlo manualmente usted mismo, tiene algunas ventajas:
- Colocación automática: las etiquetas hreflang se colocan automáticamente en el encabezado HTML de sus páginas. No es necesario acceder a su código fuente y añadir las etiquetas manualmente.
- Organización automática: las etiquetas hreflang se crean y actualizan automáticamente cada vez que usted crea y actualiza su contenido.
Si busca un plugin multilingüe que ofrezca todo lo anterior (y más), puede utilizar WPML, el plugin multilingüe para WordPress más popular.
Añadir automáticamente etiquetas hreflang a su sitio web con WPML
Con WPML, no necesita preocuparse por las etiquetas hreflang.
A medida que añade nuevos idiomas y traduce contenido, WPML inserta y actualiza automáticamente las etiquetas hreflang en sus páginas originales y traducidas.
Todos los planes de WPML incluyen la gestión automática de hreflang para su sitio web. Para obtener más información sobre nuestros planes, visite la página de precios.
Añadir segmentación regional con WPML (opcional)
De forma predeterminada, los idiomas que añade en WPML no están vinculados a países. La segmentación regional es un valor hreflang que usted mismo escribe en el propio idioma.
El valor lleva un idioma y un país de su elección. Por ejemplo, para indicar a Google que sus páginas en francés están dirigidas a lectores de Canadá, asigne al francés el valor fr-ca.
Vaya a WPMLConfiguraciónIdiomas, haga clic en Editar en la fila del idioma y escriba el valor en el campo hreflang de la fila. Añadir la región como un segundo idioma no funciona cuando ese idioma ya está activo en su sitio, por lo que el propio campo de la fila es el lugar al que pertenece la segmentación regional.
Un idioma que WPML no ofrece en absoluto es un caso diferente. Para ello, lea nuestro tutorial paso a paso sobre cómo añadir idiomas personalizados.
Asegúrese de que sus valores hreflang sean válidos
WPML intenta ajustar los valores hreflang al formato correcto. Sin embargo, no es capaz de advertirle si está utilizando un formato no válido. Para asegurarse de que sus valores son correctos, siga los estándares de códigos de idioma (se abre en una pestaña nueva) y país (se abre en una pestaña nueva).
