Blog de Universally

Ideas para crecer a nivel mundial

Consejos de SEO multilingüe, ideas de flujo de trabajo y tutoriales paso a paso de WordPress.

Cómo agregar etiquetas hreflang a WordPress

Cómo agregar etiquetas Hreflang a WordPress sin tocar código

Configurar mal hreflang en tu sitio de WordPress es una de las formas más rápidas de perder tráfico de SEO multilingüe antes de haberlo generado. Cuando Google no puede determinar qué versión de tu página pertenece a qué audiencia, ignora tus páginas traducidas o las trata como contenido duplicado.

A la hora de añadir hreflang, la parte frustrante es que tendrías que editar el archivo functions.php de tu tema o configurar manualmente hreflang dentro de tu plugin de SEO. Ninguna de las dos opciones es realista si no tienes un desarrollador disponible.

He trabajado en el ecosistema de WordPress durante más de 10 años, y los errores de hreflang son un problema común en los sitios multilingües de WordPress. Pero con Universally, obtienes una forma completamente sin código para manejar hreflang en WordPress, y se configura en menos de 10 minutos.

En esta guía, cubriré qué son las etiquetas hreflang, por qué tu sitio las necesita y los pasos exactos para implementarlas sin escribir una sola línea de código.

¿Qué son las etiquetas hreflang?

Las etiquetas hreflang son elementos de enlace HTML colocados en la sección <head> de tus páginas. Le dicen a los motores de búsqueda como Google para qué idioma y región está destinada cada versión de una página.

Así es como se ve una implementación básica de hreflang:

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

Cada etiqueta utiliza un código de idioma ISO 639-1 en el atributo hreflang (en para inglés, fr para francés, de para alemán) y la URL de esa versión de idioma en href. La etiqueta x-default especifica una página de respaldo para los usuarios cuyo idioma no coincide con ninguna versión que hayas traducido.

Una regla que confunde a la mayoría de las implementaciones: hreflang debe ser bidireccional. Cada versión de idioma de una página debe hacer referencia a todas las demás versiones, incluida ella misma. Si tu página en francés no enlaza de vuelta a la página en inglés, Google considera todo el clúster como inválido y lo ignora.

Por qué las etiquetas hreflang importan para tu sitio de WordPress

Sin etiquetas hreflang, Google no puede identificar de manera confiable qué versión de tu contenido mostrar a qué audiencia.

En la práctica, esto se ve así: creas una página en inglés y una traducción al español. Sin hreflang, Google puede elegir una como URL canónica y suprimir la otra por completo. Podrías terminar posicionando contenido en español para búsquedas en inglés, o tus páginas traducidas podrían no posicionarse en absoluto en sus mercados objetivo.

Hreflang resuelve esto haciendo explícito el targeting. Google lee las etiquetas y dirige a los usuarios a la versión correcta según su configuración de idioma y ubicación.

Para los propietarios de tiendas WooCommerce, esto se vuelve crítico a nivel de página de producto. Una página de producto en español que se posicione en México o España con el idioma correcto puede afectar significativamente tanto el tráfico como la conversión. Sin hreflang, esa precisión no está garantizada.

El punto clave: las etiquetas hreflang son cómo tu trabajo de traducción realmente da frutos en las búsquedas.

Añade etiquetas hreflang en WordPress automáticamente

Universally es una herramienta de traducción con IA para WordPress y WooCommerce creada por Awesome Motive, el equipo detrás de WPBeginner, WPForms y AIOSEO. A diferencia de los plugins que hacen de hreflang un complemento o un paso de configuración, Universally genera automáticamente el clúster hreflang completo en el momento en que agregas un idioma a tu sitio.

Universally - Solución de traducción impulsada por IA

Aquí tienes un vistazo rápido de lo que Universally tiene para ofrecer:

  • Etiquetas hreflang automáticas: Universally genera un clúster hreflang completo y bidireccional en cada página traducida por defecto. No hay complementos que habilitar, ni configuración por página requerida.
  • Traducción completa del sitio: Publicaciones, páginas, menús, texto alternativo de imágenes, productos de WooCommerce y páginas de pago. Universally traduce automáticamente el contenido de tu sitio de WordPress o WooCommerce, sin copiar y pegar manualmente.
  • IA sensible al contexto: A diferencia de la traducción automática básica, la IA de Universally lee el significado y el tono de tu contenido y lo adapta de forma natural a cada idioma de destino.
  • Sin hinchazón de base de datos: El contenido traducido reside fuera de tu base de datos de WordPress en una capa externa. Tu sitio se mantiene rápido y tu configuración existente permanece limpia.
  • Funciona con cualquier tema de WordPress: Temas clásicos, temas de bloques y temas de constructores de páginas funcionan sin configuración adicional ni ajustes de CSS mientras agregas un selector de idioma.
  • Una cuenta, múltiples sitios: Si administras más de un sitio de WordPress, puedes traducirlos y administrarlos todos desde un único panel de control de Universally.

Ahora, veamos cómo agregar etiquetas hreflang a tu sitio.

Paso 1: Crea tu cuenta de Universally

Dirígete al sitio web de Universally y crea tu cuenta. Los planes de pago comienzan en $7.50/mes e incluyen una garantía de devolución de dinero de 14 días. También hay un plan gratuito que incluye hasta 2,000 palabras traducidas en un idioma adicional, lo que te permite probar la configuración completa antes de comprometerte.

Elige un plan para Universally

Una vez que hayas creado una cuenta, accederás al panel de control de Universally.

Puedes hacer clic en el botón + Agregar Proyecto.

Agregar un nuevo proyecto

Se te pedirá que completes los detalles del proyecto, como el dominio de tu sitio, un nombre de proyecto y un idioma de origen.

Desde allí, en 'Selecciona tu tecnología', elige WordPress y haz clic en Siguiente.

Introduce los detalles de tu proyecto

En la siguiente pantalla, verás las instrucciones para configurar Universally en tu sitio web de WordPress.

Haz clic en el botón 'Instalar Plugin' o en el enlace 'descargar el plugin' para guardar el archivo .zip del plugin en tu computadora. También recomendamos copiar la clave API y tenerla a mano.

Instala el plugin de Universally

Paso 2: Conectar Universally a WordPress

En tu panel de WordPress, puedes ir a Plugins » Agregar Nuevo y hacer clic en el botón Subir Plugin en la parte superior de la pantalla.

Desde aquí, puedes hacer clic en Elegir archivo, seleccionar el archivo .zip de Universally que acabas de descargar y hacer clic en Instalar ahora. Una vez que finalice la instalación, haz clic en Activar Plugin.

Para obtener más ayuda, consulta esta guía sobre cómo instalar un plugin de WordPress.

Después de la activación, verás una pantalla de bienvenida. Haz clic en el botón Conectar a Universally y sigue las instrucciones en pantalla.

Asistente de configuración de Universally

Una vez conectado, verás que el indicador de conexión de la API se pone verde en la configuración de Universally, en la sección de API.

Si no se conecta automáticamente, puedes pegar la clave de API que copiaste anteriormente.

Check API connection for Universally

Paso 3: Agregar Idiomas para Traducci ilde{o}n

Este es el paso donde las etiquetas hreflang comienzan a generarse.

En tu panel de administración de WordPress, ve a Universally y desplázate hacia abajo hasta la sección Idiomas en la pestaña General. Haz clic en + Añadir Idiomas.

Agrega tus idiomas

Luego serás redirigido al panel de control de Universally.

Simplemente haz clic en Añadir Idioma en la pestaña Todos los Idiomas.

Agregar un idioma nuevo

Aparecerá una ventana emergente donde puedes seleccionar tu idioma de destino.

Puedes elegir de una lista desplegable de más de 110 idiomas compatibles.

Agregar un idioma de destino

Después de seleccionar un idioma, verás dos opciones más:

  • Región: Para idiomas hablados en varios países, puedes dirigirte a una región específica. Por ejemplo, puedes distinguir entre francés para Francia y francés para Canadá, o portugués para Brasil y portugués para Portugal.
  • Formato de URL: Esto controla cómo aparecen tus páginas traducidas en la URL. Para SEO multilingüe, el formato de subdirectorio es lo que Google recomienda. Por ejemplo, tus páginas en portugués estarán en yoursite.com/pt/, tus páginas en alemán en yoursite.com/de/, y así sucesivamente. Universally utiliza este formato por defecto, y es a lo que las etiquetas hreflang harán referencia.
Agrega un idioma de destino a tu sitio

Haz clic en Añadir Idioma cuando hayas terminado. Puedes repetir este paso para cada idioma adicional que desees añadir.

Felicitaciones, eso es todo lo que se necesita.

El motor de IA de Universally, consciente del contexto, traduce automáticamente cada página, publicación, elemento del menú, texto alternativo de imagen, descripción de producto de WooCommerce y metadatos.

Más importante aún para esta guía, también genera un clúster hreflang completo en cada página: referencias bidireccionales, etiquetas autorreferenciales, x-default y los códigos de idioma ISO correctos.

No configuras nada de eso por separado. Está integrado en la capa de traducción.

Paso 4: Verifica que tus etiquetas hreflang estén activas

Una vez que hayas añadido al menos un idioma, visita cualquier página de tu sitio.

Desde allí, puedes hacer clic derecho en cualquier lugar y seleccionar Ver código fuente de la página, luego usa Ctrl+F (o Cmd+F en Mac) para buscar hreflang.

Por ejemplo, así es como aparecen las etiquetas hreflang en el sitio web de Universally.

Ver etiquetas hreflang

Deberías ver un clúster completo en la sección <head>: una etiqueta por cada versión de idioma, una etiqueta autorreferencial para el idioma de la página actual y una etiqueta x-default que apunta a la versión de tu idioma original.

Si las etiquetas están ahí, tu implementación de hreflang está activa y funcionando.

Qué cubre la implementación de Hreflang de Universally

La capa de SEO multilingüe de Universally maneja cada requisito para una configuración válida de hreflang:

  • Códigos de idioma ISO correctos: Los códigos correctos de dos letras (y códigos regionales cuando corresponda) que Google espera.
  • Etiquetas de autorreferencia: Cada versión de idioma incluye una referencia a sí misma, como requiere Google.
  • Enlaces bidireccionales: Todas las páginas traducidas hacen referencia a todas las demás versiones de idioma automáticamente.
  • Etiqueta x-default: Se establece en el idioma original de tu sitio por defecto.
  • Estructura de URL de subdirectorio: Las páginas traducidas residen en example.com/fr/, example.com/de/, etc., el formato que Google recomienda para SEO multilingüe.
  • Títulos y descripciones meta traducidos: Cada versión de idioma obtiene su propio meta optimizado para SEO, no una copia del original.
  • Entradas del mapa del sitio XML: Las páginas traducidas se incluyen automáticamente en tu mapa del sitio XML.
  • Compatibilidad con plugins de SEO: Funciona junto con Yoast SEO, AIOSEO, Rank Math y SEOPress sin conflictos.

Universally mantiene el contenido traducido fuera de la base de datos de WordPress. Esta capa de traducción externa significa que no experimentas hinchazón de la base de datos, conflictos de constructores de páginas o ralentizaciones por tener una configuración multilingüe. Las traducciones se procesan en la nube y se sirven desde una CDN global.

Cómo verificar tu implementación de Hreflang

Más allá de ver el código fuente de la página, hay otras dos formas fiables de comprobar tu configuración de hreflang.

Google Search Console: En Herramientas y informes heredados, la sección de Orientación internacional muestra los errores de hreflang que Google ha detectado en tu sitio. Esto incluye etiquetas de retorno faltantes (fallos bidireccionales) y códigos de idioma incorrectos. Es la comprobación más autorizada disponible.

Verificador de Hreflang de Merkle: Pega una URL y valida el clúster completo de hreflang en todas las versiones de idioma. Te muestra exactamente qué etiquetas están presentes, cuáles faltan y si las referencias bidireccionales están completas. Esta es la forma más rápida de detectar errores de implementación antes de que afecten a las clasificaciones.

El problema con la configuración manual de Hreflang en WordPress

Añadir hreflang manualmente requiere editar el archivo functions.php de tu tema o un plugin personalizado para generar las etiquetas correctas en cada página. Necesitas mantener una lista de cada idioma, cada patrón de URL y la lógica x-default. Un código de idioma incorrecto, una autorreferencia faltante o una URL no canónica, y la implementación puede no funcionar como se esperaba, a menudo sin una advertencia obvia.

Incluso los plugins de SEO no resuelven completamente esto. El soporte de hreflang de Yoast SEO requiere configuración junto con un plugin multilingüe separado. Eso son dos sistemas de plugins que deben configurarse correctamente y mantenerse sincronizados cada vez que publicas contenido nuevo.

La mayoría de los plugins de traducción de WordPress tratan hreflang como un complemento o un paso de configuración que debes completar manualmente. Eso significa que puedes publicar contenido traducido durante meses sin ningún hreflang válido, y Google ignora silenciosamente todo ello.

El enfoque más confiable es un plugin que genera hreflang automáticamente en cada página traducida por defecto, sin necesidad de configuración adicional.

Errores comunes de Hreflang a evitar

Incluso con un plugin que genera tus etiquetas automáticamente, saber qué buscar te ayuda a detectar cualquier cosa que se escape.

  • Etiqueta x-default faltante: Sin x-default, Google no sabe qué página mostrar a los usuarios cuyo idioma no está cubierto. Universally la establece automáticamente, pero vale la pena confirmarla en el código fuente de tu página.
  • Códigos de idioma incorrectos: Google espera códigos ISO 639-1. Usar "english" en lugar de "en" o el nombre completo del idioma en lugar del código de dos letras significa que la etiqueta se ignora.
  • Etiquetas no bidireccionales: Cada versión de idioma debe hacer referencia a todas las demás versiones. Si tienes inglés, francés y alemán, cada página necesita las tres etiquetas de idioma más x-default. Google trata un clúster parcial como inválido.
  • Incompatibilidades de URL: Si tu etiqueta hreflang usa https://example.com/ pero la URL canónica es https://www.example.com/, Google ve una incompatibilidad y descarta las etiquetas. Los protocolos y las barras finales deben ser consistentes en todas las etiquetas.
  • Lagunas en contenido nuevo: El mantenimiento manual de hreflang significa que cada nueva página que publicas debe agregarse a la lista de etiquetas en todas las páginas relacionadas. La generación automática elimina este riesgo por completo.

Preguntas frecuentes sobre Hreflang en WordPress

1. ¿Qué son las etiquetas hreflang en WordPress?

Las etiquetas Hreflang son elementos de enlace HTML que indican a los motores de búsqueda el idioma y la región a los que se dirige una página. En WordPress, se generan mediante un plugin de traducción o agregando código manualmente a los archivos de tu tema. Son necesarios para sitios multilingües para evitar problemas de contenido duplicado y garantizar que cada versión de idioma se clasifique en su mercado previsto.

2. ¿Universally agrega etiquetas hreflang automáticamente?

Sí. Universally genera un clúster hreflang completo en cada página traducida en el momento en que agregas un idioma. Las etiquetas son bidireccionales e incluyen la etiqueta x-default requerida. No se necesita una configuración de SEO separada.

3. ¿Necesito etiquetas hreflang si mi sitio está en un solo idioma?

No. Las etiquetas Hreflang solo son relevantes cuando tienes el mismo contenido en varios idiomas o te diriges a varias regiones. Un sitio en un solo idioma no las necesita.

4. ¿Puedo usar Universally con Yoast SEO o AIOSEO?

Sí. Universally es compatible con Yoast SEO, AIOSEO, Rank Math y SEOPress. Tu plugin de SEO se encarga de la optimización en la página para el contenido de tu idioma original, mientras que Universally administra hreflang, títulos de meta y descripciones traducidas, y la estructura de URL de subdirectorio para cada versión de idioma.

5. ¿Qué sucede con mis etiquetas hreflang si cancelo Universally?

Universally almacena contenido traducido en servidores externos. Si una suscripción caduca, las páginas traducidas dejan de servirse y las etiquetas hreflang de esas páginas ya no están activas. Este es el mismo compromiso que cualquier plataforma de traducción basada en la nube, incluido Weglot. Mientras la suscripción esté activa, todo funciona automáticamente.

Hreflang es uno de los pasos de SEO multilingüe de mayor apalancamiento que puedes tomar, y uno de los más fáciles de hacer mal cuando se hace manualmente. Si deseas contenido traducido que Google realmente dirija a la audiencia correcta, la implementación debe ser completa, bidireccional y aplicarse a cada página, incluidas las que publicarás mañana.

Universally se encarga de todo eso automáticamente desde el momento en que agregas tu primer idioma.

Esperamos que este artículo te haya ayudado a aprender cómo agregar etiquetas hreflang a WordPress. También puedes consultar nuestra lista de los mejores plugins de traducción de WordPress y una lista de verificación para asegurar que tu estrategia de localización impulse las conversiones.

¡Prueba Universally gratis, no se requiere tarjeta de crédito!

Obt uevo la herramienta de traducci uevon de sitios web con IA n. uevo 1

Únete a muchos de los propietarios de sitios que ya utilizan Universally para traducir sus sitios web al instante.

A uevoadir un comentario

Nos complace que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.