Cómo agregar etiquetas hreflang en WordPress

¿Está creando un sitio web compatible con varios idiomas y regiones? Un sitio multilingüe puede expandir exponencialmente su audiencia potencial, pero también puede parecer difícil de administrar.

La buena noticia es que agregar etiquetas hreflang puede mejorar la optimización del motor de búsqueda (SEO) y la experiencia del usuario (UX) de su sitio. No es tan difícil de lograr, y puede comenzar a beneficiarse rápidamente del aumento del tráfico y la participación.

En este artículo, veremos qué son las etiquetas hreflang y algunas de las mejores prácticas para usarlas. Luego revelaremos los métodos que puede usar para implementar estas etiquetas en su sitio web de WordPress. ¡Pongámonos a trabajar!

¿Qué es hreflang?

La etiqueta hreflang es un código HTML que le dice a Google qué versión de una página web mostrar para ciertos idiomas y regiones. Aquí hay un ejemplo de cómo puede verse ese código:

<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />

Cada etiqueta incluye una combinación de detalles de idioma y ubicación, como "en-us" para inglés y Estados Unidos, o "fr-fr" para francés y Francia.

Si bien Google puede detectar el idioma de una página web, no tener etiquetas hreflang aún puede dañar su clasificación de búsqueda. Esto se debe a que sin estas etiquetas, sus páginas en diferentes idiomas pueden terminar compitiendo entre sí por las mejores ubicaciones. Si bien las etiquetas hreflang no son factores de clasificación por sí mismas, sí ayudan a Google a ofrecer las páginas correctas a los usuarios.

hreflang y su sitio multilingüe: mejores prácticas

Puede llegar a una audiencia más amplia con un sitio web multilingüe de WordPress, pero debe implementar ciertas mejores prácticas para obtener resultados. Una de las mejores prácticas para este tipo de sitio web es usar etiquetas hreflang, pero también existen otras técnicas inteligentes.

Para obtener la mejor experiencia de usuario, es inteligente usar contenido escrito por hablantes nativos y no texto traducido automáticamente. Otra práctica recomendada es usar la etiqueta x-default opcional para idiomas no coincidentes. Esto debe usarse en las páginas de inicio, donde los usuarios pueden seleccionar la ubicación y el idioma que desean.

Si su sitio web usa etiquetas canónicas, también deberá tener cuidado al agregar etiquetas hreflang. Estos dos tipos de etiquetas pueden entrar en conflicto y enviar señales contradictorias a Google sobre qué página debe mostrar. Si bien puede dejar las etiquetas hreflang fuera de las páginas que tienen etiquetas canónicas, es mejor simplemente agregar las etiquetas de idioma con cuidado.

Cómo implementar etiquetas hreflang en WordPress

Las etiquetas hreflang son invaluables en los sitios web de WordPress, pero solo cuando se implementan correctamente. Hay tres métodos que puede usar para agregar estas etiquetas a su sitio web. Los complementos son el método más fácil y común. Sin embargo, también puede actualizar el encabezado de su sitio web o editar su mapa del sitio XML. Veamos las tres técnicas.

Complementos hreflang

El método más fácil de implementación de hreflang es usar un complemento de WordPress. Los complementos como MultilingualPress agregan etiquetas hreflang automáticamente y no deberían causar ningún problema de rendimiento:

MultilingualPress también tiene una función de traducción, que se puede encontrar en el editor de publicaciones. Cuando acepta una traducción, el complemento agrega las etiquetas hreflang apropiadas al encabezado de su sitio. La función de traducción no se limita a las publicaciones y funciona en etiquetas y categorías, al mismo tiempo que se sincroniza bien con complementos como Yoast y WooCommerce.

Otra opción de complemento para la implementación de hreflang es Polylang:

Polylang es una herramienta gratuita popular que lo ayuda a administrar sitios web de WordPress en varios idiomas. Puede crear contenido como de costumbre y luego asignarle un idioma. Después de eso, Polylang se encargará de las etiquetas hreflang por ti.

Añadir hreflang a <head>

Puede agregar etiquetas hreflang a su sitio web de WordPress sin un complemento, actualizando su archivo header.php . Para acceder a este archivo, deberá navegar a Apariencia > Editor de temas o usar el Protocolo de transferencia de archivos (FTP).

Después de abrir el archivo, querrá buscar el abridor <head> y pegar este código:

<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>

En este ejemplo, las etiquetas deben agregarse al contenido en inglés. Las etiquetas x-default y hreflang en inglés también apuntan a la página de contenido en inglés.

Por otro lado, las etiquetas hreflang en español y francés redirigen a las versiones de idioma correctas de la página. Por supuesto, puede agregar más etiquetas hreflang para cualquier otro idioma utilizado en su sitio web.

Agregar hreflang al mapa del sitio XML

Si no desea editar su archivo header.php , puede actualizar el mapa del sitio XML de su sitio. El uso de este método garantiza que Google encontrará sus páginas en idiomas alternativos y las indexará correctamente. Actualizar su mapa del sitio también reduce el tamaño de sus páginas web, para tiempos de carga más rápidos.

Las etiquetas hreflang para su mapa del sitio XML son ligeramente diferentes:

<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>

Si bien editar su mapa de sitio XML ayuda con la indexación, también puede volverse complicado. Si tiene un sitio web grande, el mapa del sitio puede inflarse. Agregar etiquetas hreflang al mapa del sitio también puede llevar más tiempo que usar otros métodos descritos anteriormente.

Cómo validar hreflang en WordPress

Incluso cuando están incluidas, las etiquetas hreflang a menudo se implementan incorrectamente en sitios web multilingües. La validación de sus etiquetas hreflang puede ayudarlo a determinar si las ha agregado correctamente.

Para validar las etiquetas, puede utilizar varias herramientas en línea. Estas herramientas ofrecen información similar, pero la presentan de diferentes maneras. La herramienta de prueba de etiquetas hreflang de Sitrix muestra las etiquetas en su sitio web y le permite saber si hay algún error:

La herramienta de prueba de etiquetas hreflang de Merke también proporciona un desglose de las etiquetas y errores en su sitio web:

Sin embargo, si solo desea ver errores, la herramienta de prueba de etiquetas hreflang de SALT.agency es otra opción.

Sigue aprendiendo con WP Engine

Si tiene un sitio web con contenido en varios idiomas, las etiquetas hreflang ayudarán a Google a entregar las páginas correctas a los visitantes correctos. Afortunadamente, hay varias formas de agregar etiquetas hreflang a su sitio web, y la opción más fácil es instalar un complemento dedicado.

Si tiene problemas con cualquier otro aspecto del funcionamiento de su sitio web multilingüe, WP Engine está dedicado a ayudarlo a encontrar los recursos que necesita. ¡Consulta nuestros planes hoy!