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 realiza cambios en su sitio web. Este proceso se realiza 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 destinada 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 de habla hispana, 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. Por lo tanto, 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 antes, ¿cuándo es necesario implementar las etiquetas hreflang?
¿Cuándo es necesario 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)
Como 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, puede dar por supuesto 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 que las etiquetas hreflang tienen este aspecto:
<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 expresáramos con palabras el ejemplo anterior, diría lo siguiente:
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 idiomas: ISO 639-1.
Para indicar un idioma y una región de destino, como español-México, debe añadir 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, basada en el estándar ISO 3166-1 alpha-2.
Al añadir etiquetas hreflang a su sitio web, es importante seguir las directrices de hreflang recomendadas por Google que se indican a continuación.
Haga que las páginas alternativas apunten unas a otras
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 español, la versión en inglés debería contener una etiqueta hreflang que apunte a la versión en español. Y del mismo modo, la versión en español debería contener un hreflang que apunte a la versión en inglés.
Incluya 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 que las páginas apunten entre sí, cada versión debería tener un hreflang adicional que apunte a la página en la que se encuentra.
Este es el aspecto que tendrá en 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 es el aspecto que tendrá en 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" />
Defina la página de reserva cuando no haya una traducción adecuada
El atributo x-default indica la página de «reserva» 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á mostrar la página que considere mejor. Sin embargo, para controlar qué página debe mostrar Google, puede incluir un hreflang x-default con la URL que prefiera como reserva.
Este es el aspecto que tendrá en la página en inglés, si queremos que nuestra página de inicio en inglés sea la de reserva:
<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. Usar un plugin en lugar de hacerlo usted mismo manualmente tiene varias ventajas:
- Colocación automática – las etiquetas hreflang se colocan automáticamente en la cabecera HTML de sus páginas. No necesita acceder al código fuente ni añadir las etiquetas manualmente.
- Organización automática – las etiquetas hreflang se crean y actualizan automáticamente cada vez que 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ñada automáticamente etiquetas hreflang a su sitio web con WPML
Con WPML, no tiene que 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ñada segmentación regional con WPML (opcional)
De forma predeterminada, los idiomas que añade en WPML no están vinculados a países. Si quiere añadir segmentación regional, necesita añadir idiomas personalizados.
Los idiomas personalizados le permiten crear un valor hreflang con un atributo de idioma y país de su elección. Por ejemplo, si quiere dirigirse a los lectores francocanadienses, puede crear un idioma personalizado con hreflang="fr-ca".
Para añadir un idioma personalizado, vaya a WPML → Idiomas y, en Idiomas del sitio, haga clic en el enlace Editar idiomas. A continuación, haga clic en el botón Añadir idioma en la parte inferior.
Para obtener más información sobre la configuración de idiomas personalizados, lea nuestro tutorial paso a paso sobre cómo añadir idiomas personalizados.