Cómo agregar etiquetas Hreflang en WordPress (para SEO multilingüe)

Una vez tuve un sitio donde mis artículos en español aparecían para buscadores en inglés. Era frustrante para los visitantes y un verdadero dolor de cabeza para nuestros esfuerzos de SEO.

Fue entonces cuando aprendí sobre las etiquetas hreflang. Actúan como un GPS para los motores de búsqueda, dirigiendo a los usuarios a la versión exacta del idioma de una página que necesitan.

Lo mejor es que agregarlas a tu sitio de WordPress no es tan complicado como parece. A lo largo de los años, hemos descubierto las formas más sencillas de hacerlo correctamente.

En esta guía, te mostraré un par de métodos probados. Aprenderás exactamente cómo hacer que tu contenido llegue a la audiencia global correcta en todo momento.

¿Por qué usar etiquetas Hreflang en WordPress?

Bien, quizás te estés preguntando: ¿qué es exactamente una etiqueta hreflang?

Piénsalo como una pequeña nota que le das a los motores de búsqueda. Esta nota les dice: 'Oye, esta página es para personas que hablan *este* idioma o que están en *esta* región'.

Básicamente, una etiqueta hreflang ayuda a los motores de búsqueda como Google a entender qué versión de tu página mostrar a diferentes usuarios en todo el mundo.

Puedes usarla para decir: 'Esta página es para hablantes de inglés en EE. UU.' o 'Esta versión es para hablantes de francés en Francia', y así sucesivamente. ¡Es como darle a tu contenido un pasaporte multilingüe!

Aquí tienes cómo se ve una etiqueta hreflang detrás de escena, en el código de tu sitio web:

<link rel="alternate" href="https://example.com/" hreflang="en-us" />
<link rel="alternate" href="https://example.com/fr/" hreflang="fr-fr" />
<link rel="alternate" href="https://example.com/pt/" hreflang="pt-pt" />
<link rel="alternate" href="https://example.com/" hreflang="x-default" />

¿Ves esos pequeños códigos como en-us, fr-fr y pt-pt? Esas son combinaciones de códigos de idioma y región. en-us es para inglés en los Estados Unidos, fr-fr es francés en Francia y pt-pt es portugués en Portugal. Ya entiendes la idea.

Ahora, WordPress está disponible en más de 60 idiomas, así que puedes usar WordPress en tu propio idioma.

Pero, ¿por qué son tan importantes las etiquetas hreflang?

Muchos de nosotros, usuarios de WordPress, nos dirigimos a audiencias que usan diferentes idiomas y viven en diferentes rincones del mundo, ¡por eso!

Tal vez administras un sitio multilingüe, o quizás solo tienes algunas páginas en otro idioma. De cualquier manera, podrías estar apuntando a diferentes regiones e idiomas sin siquiera darte cuenta.

Los motores de búsqueda son inteligentes. Por lo general, pueden determinar el idioma de tu página.

Pero a veces, si tienes contenido similar en diferentes idiomas, tus propias páginas pueden terminar compitiendo entre sí en los resultados de búsqueda. Esto no es ideal para tu SEO.

¡Ahí es donde las etiquetas hreflang vienen al rescate! Aclaran cualquier confusión para los motores de búsqueda y se aseguran de que el contenido correcto se muestre a las personas adecuadas.

Dicho esto, te mostraré cómo agregar estas etiquetas hreflang en WordPress sin meternos en código complicado. Cubriré dos métodos diferentes:

1. Agregar etiquetas Hreflang usando un plugin multilingüe
2. Agregar etiquetas Hreflang sin usar un plugin multilingüe
3. Preguntas frecuentes sobre las etiquetas hreflang
4. Extra: Guías expertas para sitios web internacionales

Método 1: Agregar etiquetas Hreflang usando un plugin multilingüe

Bien, ¿cómo agregas estas etiquetas hreflang en WordPress? Bueno, si tienes un sitio multilingüe de WordPress, estás de suerte.

Honestamente, la forma más fácil de manejar las etiquetas hreflang es usar un plugin multilingüe. Estos plugins están diseñados para que administrar contenido en diferentes idiomas sea pan comido.

Piénsalo de esta manera: un buen plugin multilingüe se encarga de todo lo técnico por ti, incluidas esas etiquetas hreflang. Esto significa que puedes concentrarte en lo que haces bien: crear contenido increíble. ¡No necesitas lidiar con el código tú mismo!

En mi opinión, Polylang es una opción fantástica cuando se trata de plugins multilingües. Me gusta que sea gratuito pero súper potente. También tiene una interfaz fácil de usar para administrar tu contenido multilingüe.

Y aquí hay algo clave que debes saber sobre Polylang: una vez que configuras tu sitio multilingüe con él, el plugin genera automáticamente etiquetas hreflang para ti. 

No tienes que agregarlas manualmente a cada página. Simplemente funciona en segundo plano, asegurándose de que los motores de búsqueda entiendan la estructura de idioma de tu sitio.

Si deseas una guía paso a paso sobre cómo empezar con este plugin, puedes consultar el tutorial de WPBeginner sobre cómo crear un sitio de WordPress multilingüe usando Polylang.

Si bien esa guía no menciona específicamente las etiquetas hreflang, ten la seguridad de que Polylang las maneja automáticamente una vez que sigues la configuración.

WPML (WordPress Multilingual Plugin) es otra opción popular. Es un plugin premium, por lo que cuesta un poco, pero también es increíblemente fácil de usar. He usado WPML en varios proyectos y aprecio sus funciones avanzadas.

Al igual que Polylang, WPML también se encarga de las etiquetas hreflang automáticamente. Cuando creas traducciones con WPML, el plugin agrega inteligentemente las etiquetas hreflang correctas para conectar todas las versiones de idioma de tus páginas. Este manejo automático ahorra mucho tiempo en mi experiencia.

El equipo de WPBeginner también tiene una guía sobre cómo crear un sitio de WordPress multilingüe con WPML. Nuevamente, si bien la guía se enfoca en la configuración general, solo debes saber que WPML está trabajando discretamente detrás de escena para implementar las etiquetas hreflang por ti.

Una vez que hayas configurado tu sitio multilingüe y creado contenido en diferentes idiomas usando uno de estos plugins, te preguntarás: ¿cómo compruebo si las etiquetas hreflang están realmente ahí?

¡Buena pregunta! Siempre es bueno verificar dos veces.

Es más simple de lo que crees. Simplemente abre una de tus páginas multilingües en una nueva ventana del navegador. Luego, haz clic derecho en cualquier parte de la página y selecciona 'Ver código fuente de la página' (o algo similar, dependiendo de tu navegador). Esto te mostrará el código fuente de la página.

¡No te asustes al ver todo ese código! Simplemente presiona CTRL+F (o Command+F en una Mac) para abrir un cuadro de búsqueda. Escribe 'hreflang' y presiona Enter.

Tu navegador resaltará entonces cualquier etiqueta hreflang que encuentre en el código. De esta manera, puedes verificar que tu plugin está haciendo su trabajo y agregando esas importantes etiquetas hreflang a tu sitio.

Y con Polylang o WPML, puedes estar bastante seguro de que estarán ahí, ¡haciendo su magia SEO!

Método 2: Agregar etiquetas Hreflang sin usar un plugin multilingüe

Entonces, ¿qué pasa si quieres agregar etiquetas hreflang sin un plugin multilingüe completo?

¡Es totalmente factible! Quizás solo estás probando las aguas del contenido multilingüe, o tienes una forma específica de manejar las traducciones. No hay ningún problema. Este método es para ti.

Primero lo primero, necesitarás tener tus traducciones listas. Antes de siquiera pensar en las etiquetas hreflang, asegúrate de haber creado las versiones traducidas de tus publicaciones y páginas.

También es una buena idea asegurarte de que las URL de tu contenido traducido se mantengan organizadas. Por ejemplo, si tu página 'Acerca de nosotros' original está en inglés y creas una versión en francés, tus URL podrían verse algo así:

• https://example.com/about (Inglés)
• https://example.com/about-french (Francés)

En este punto, necesitarás tomar nota de todas las páginas o publicaciones a las que deseas agregar etiquetas hreflang. Luego, anótalas en un lugar accesible; las necesitarás en un minuto.

🚨 Nota importante: Es más fácil organizar estas URL antes de empezar a manipular el plugin. Por lo tanto, te recomiendo hacer esto antes de continuar.

A continuación, necesitas instalar y activar el plugin Hreflang Manager. Si necesitas ayuda, consulta la guía para principiantes de mi equipo sobre cómo instalar un plugin de WordPress.

Una vez que hayas activado el plugin, querrás dirigirte a Hreflang » Options.

Por defecto, este plugin solo agrega etiquetas hreflang a la versión de tu página en el idioma original. Eso no es ideal si quieres conectar todas tus traducciones.

Pero hay una solución fácil. Simplemente busca la configuración ‘Auto Alternate Pages’ y actívala en ‘On’.

Luego, no olvides hacer clic en ‘Save settings.’ Este pequeño interruptor asegura que el plugin busque y conecte todas tus páginas traducidas. Esta configuración es crucial para la funcionalidad adecuada.

Ahora, la parte divertida: ¡conectar tus traducciones!

Ve a Hreflang » Connections. Aquí es donde le dices al plugin qué páginas son traducciones entre sí. Haz clic en el botón ‘+ Add New’.

Esto te llevará a la página ‘Add New Connection’. Notarás que este plugin es bastante flexible.

Te permite conectar hasta 10 traducciones diferentes a una sola página. Probablemente no necesites tantas versiones, pero es bueno saber que la opción está ahí.

Ten en cuenta que necesitarás crear una nueva conexión para cada página que tenga traducciones. Puede parecer un poco repetitivo, pero así es como el plugin mantiene las cosas organizadas.

Justo en la parte superior, verás un campo para ‘Enter a URL to connect.’ Aquí es donde pones la URL de tu página principal en el idioma original. Para nuestro ejemplo, sería https://example.com/about.

Ahora, necesitarás darle al plugin la información que necesita para agregar las etiquetas hreflang.

A continuación, busca el campo 'URL 1'. Aquí, volverás a ingresar la URL de tu página principal (https://example.com/about). Este paso agrega oficialmente la página original en inglés como la primera entrada en tu nuevo grupo de idiomas. Debajo, en el campo 'Idioma 1', selecciona 'en – English' del menú desplegable.

Luego, justo debajo, verás el campo ‘Language 1’. Suponiendo que el idioma principal de tu sitio sea inglés, selecciona ‘en – English’ del menú desplegable. No necesitarás modificar ninguna otra configuración para esta primera URL.

Ahora es el momento de agregar las etiquetas hreflang para tu página traducida. Necesitas desplazarte hacia abajo hasta el segundo conjunto de configuraciones.

Busca el campo ‘URL 2’. Aquí es donde pegarás la URL de tu página traducida. En mi ejemplo, esa es https://example.com/about-french.

A continuación, usa el menú desplegable ‘Idioma 2’ para seleccionar el idioma de esta página, en mi caso, Francés. Si el idioma usa un script diferente (como cirílico o árabe), puedes elegirlo en el menú ‘Script’.

Y si quieres dirigirte a un país específico, puedes establecer la región usando el menú 'Localidad 2'. Para mi ejemplo, elegiría 'Francia'. Esto le dice al plugin que cree un código hreflang específico para la región, como fr-FR.

Si tienes más traducciones, puedes agregarlas usando los campos ‘URL 3’ y ‘URL 4’, y así sucesivamente.

Una vez que hayas ingresado todas las versiones de idioma y sus detalles, desplázate hasta la parte superior de la página y haz clic en ‘Guardar Cambios’. ¡No te saltes este paso!

En este punto, deberías ver un mensaje de éxito tanto para tu página principal como para cada página traducida. ¡Bien hecho, lo lograste!

¡Y eso es todo! ¿Quieres verificarlo?

Ve el código fuente de la página como lo hice al final del método 1. Deberías ver esas etiquetas hreflang en el código, informando a los motores de búsqueda sobre tus diferentes versiones de idioma.

Preguntas frecuentes sobre las etiquetas hreflang

Sabemos que el SEO multilingüe puede generar muchas preguntas. A continuación, se presentan respuestas a algunas de las más comunes que escuchamos sobre la implementación de etiquetas hreflang en WordPress.

1. ¿Qué es una etiqueta hreflang?

Una etiqueta hreflang es un atributo HTML que informa a los motores de búsqueda como Google sobre páginas de tu sitio que son similares en contenido pero están dirigidas a diferentes idiomas o regiones. Esto les ayuda a servir la versión correcta de una página a los usuarios adecuados.

2. ¿Necesito hreflang para diferentes países con el mismo idioma?

Sí, es muy recomendable. Por ejemplo, puedes tener páginas para hablantes de inglés en EE. UU. (en-us) y el Reino Unido (en-gb). Las etiquetas hreflang ayudan a los motores de búsqueda a mostrar la página correcta con la moneda, ortografía y referencias culturales adecuadas.

3. ¿Cómo compruebo si mis etiquetas hreflang están funcionando correctamente?

El método más fácil es ver el código fuente de tu página. Haz clic derecho en tu página, elige 'Ver código fuente de la página' y busca 'hreflang'. También puedes usar herramientas gratuitas en línea como la Herramienta de prueba de etiquetas hreflang de Merkle para verificar si hay errores.

4. ¿Pueden las etiquetas hreflang incorrectas perjudicar mi SEO?

Sí, pueden. Si tus etiquetas apuntan a enlaces rotos o usan códigos de idioma incorrectos, pueden confundir a los motores de búsqueda. Esto podría hacer que indexen la página incorrecta o ignoren las etiquetas por completo, lo que puede afectar negativamente tu experiencia de usuario y tus rankings de búsqueda.

5. ¿Cuál es la diferencia entre las etiquetas hreflang y canónicas?

Las etiquetas hreflang indican qué página servir para un idioma o región específico. Las etiquetas canónicas le dicen a los motores de búsqueda cuál es la versión principal de una página para indexar cuando tienes contenido duplicado. Resuelven diferentes problemas de SEO, pero se pueden usar juntas en la misma página.

Extra: Guías expertas para sitios web internacionales

¿Estás pensando en globalizar tu sitio de WordPress? ¡Eso es genial! Además de las etiquetas hreflang, hay algunas otras cosas a tener en cuenta para el SEO internacional y para llegar a una audiencia mundial.

Aquí tienes algunas guías útiles para darte una perspectiva más amplia y más consejos para crear sitios web internacionales exitosos:

• Cómo conseguir más visitantes globales (Consejos de SEO internacional para WordPress)
• Cómo traducir WordPress automáticamente (Métodos fáciles)
• Los mejores plugins de traducción de WordPress para sitios web multilingües
• Cómo agregar búsqueda multilingüe en WordPress
• Los Mejores Plugins de Múltiples Divisas para WordPress (Gratis + Pago)

¡Estos recursos deberían darte una base sólida para expandir tu sitio web de WordPress y llegar a una audiencia global!

Espero que este artículo te haya ayudado a aprender cómo agregar fácilmente etiquetas hreflang a tu sitio de WordPress. También podrías querer ver la guía de SEO para WordPress para principiantes de WPBeginner o nuestra selección experta de los mejores plugins de traducción de WordPress para sitios web multilingües.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.