Hreflang es un pequeño código que indica a los motores de búsqueda que una página tiene versiones en otros idiomas o regiones, y qué versión pertenece a qué audiencia. En palabras del propio Google, usted use hreflang «to tell Google about the variations of your content, so that we can understand that these pages are localized variations of the same content.»
Sin él, aparecen dos problemas. En primer lugar, Google puede ofrecer una versión de idioma incorrecta a un buscador, mostrándole a un visitante italiano su página en inglés. En segundo lugar, las páginas casi idénticas (una página traducida comparte su estructura, imágenes y diseño) pueden verse como contenido duplicado, dejando a Google sin saber cuál clasificar. Hreflang resuelve ambos: agrupa las versiones como una sola pieza de contenido en diferentes idiomas y dirige a cada buscador al correcto.
Un ejemplo sencillo de la etiqueta hreflang
Hreflang vive en el <head> de su página como un conjunto de <link> etiquetas: una por versión de idioma. Imagine una página que existe en inglés, italiano y alemán:
<link rel="alternate" hreflang="en" href="https://example.com/page/" />
<link rel="alternate" hreflang="it" href="https://example.com/it/page/" />
<link rel="alternate" hreflang="de" href="https://example.com/de/page/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page/" />El hreflang El valor es un código de idioma (como en), seguido opcionalmente por una región (en-GB). Google acepta tres métodos equivalentes para declarar estos: HTML <link> etiquetas, HTTP Link encabezados o un mapa del sitio: solo necesitas uno. Las URL siempre deben estar completamente calificadas, incluyendo https://.
La etiqueta x-default (no la omita)
La última línea de arriba usa un valor reservado, x-default. Según Google, «the reserved x-default value is used when no other language/region matches the user’s browser setting.» Piense en ello como una alternativa: cuando un hablante de portugués o japonés llega a su sitio y no tiene una versión para ellos, x-default le dice a Google qué página mostrar. Es ideal para un selector de idioma o una página de inicio con redireccionamiento automático, y evita silenciosamente que su sitio adivine mal a todas las personas a las que no se dirigió explícitamente.
Los errores más comunes de hreflang
Hreflang no perdona los pequeños errores: una anotación rota simplemente se ignora. Estos son los que más hacen tropezar a la gente:
- Faltan etiquetas de devolución. Éste es el grande. Google requiere que los enlaces sean bidireccionales: «If two pages don’t both point to each other, the tags will be ignored.» Si su página en italiano apunta a la página en inglés, la página en inglés debe apuntar hacia atrás y cada versión también debe hacer referencia a sí misma.
- Códigos de idioma o región incorrectos. Los códigos de idioma utilizan las dos letras. ISO 639-1 formato (
en, noeng;ja, nojp). Los códigos de región utilizan ISO 3166-1 Alpha 2 (en-GB, no el inválidoen-UK). Yen-EUis wrong because «EU» is not a country. - Orden invertida. Es
language-REGION(en-GB), nuncaGB-en. - Sin x predeterminado. Opcional, pero omitirlo deja a los visitantes fuera de los idiomas de destino sin un respaldo definido.
- URL relativas o no canónicas. Utilice siempre URL absolutas con el protocolo y apunte hreflang a la versión canónica de cada página.
Cómo se relaciona hreflang con la estructura de su URL
Hreflang no dicta sus URL, pero las dos funcionan mejor juntas. La configuración más limpia para un solo dominio es una subdirectorio de idioma: example.com/it/, example.com/de/, etcétera. Esto mantiene toda su autoridad en un dominio, es fácil de rastrear y hace que el mapeo hreflang sea obvio: cada URL con prefijo simplemente corresponde a una hreflang valor.
El subdirectorio se convierte en el href en su etiqueta, y el idioma se convierte en el hreflang valor. Debido a que la estructura es predecible, las anotaciones se pueden generar mecánicamente en lugar de mantenerse a mano, que es exactamente donde un complemento se gana la vida.
Por qué no deberías codificar manualmente hreflang
Escribir a mano hreflang es donde los proyectos fracasan. Cada nueva página multiplica las etiquetas que debes mantener sincronizadas, y una sola etiqueta de retorno que falta anula silenciosamente toda la anotación. No escala y es tedioso realizar una auditoría.
Un buen complemento multilingüe elimina el trabajo por completo. TranslateRocket - un complemento de traducción gratuito de WordPress que admite idiomas ilimitados - genera automáticamente etiquetas hreflang bidireccionales, autorreferenciales y correctas (incluidas x-default) junto a limpio /it/, /de/ URL de SEO, para que cada versión apunte a las demás sin que usted toque las <head>. Puede traducir a mano, utilizar traducción automática gratuita o conectar sus propias claves de inteligencia artificial e importar traducciones existentes de WPML, TranslatePress, Polylang y Weglot. Un modo de vista previa incorporado le permite verificar el resultado antes de hacerlo público. El resultado sigue las reglas de Google, por lo que el motor de búsqueda puede ofrecer la versión en el idioma correcto y tratar sus traducciones como una sola pieza de contenido, no duplicados.
Preguntas frecuentes
- ¿Es hreflang un factor de clasificación? No directamente. Es una señal que ayuda a Google a ofrecer la versión regional o en el idioma correcto al buscador adecuado y evitar la confusión con el contenido duplicado, lo que mejora la experiencia y puede mejorar el rendimiento en cada mercado.
- ¿Necesito hreflang si mi sitio es de un solo idioma? No. Hreflang solo se aplica cuando el mismo contenido existe en varios idiomas o variantes regionales.
- ¿Solo idioma o idioma y región? Utilice el lenguaje solo (
en) cuando el contenido se adapta a todos los hablantes de esa lengua. Agregar una región (en-GB,en-US) solo cuando realmente tengas versiones distintas por país. - ¿Se requiere x-default? No, pero se recomienda encarecidamente que los visitantes fuera de los idiomas de destino tengan una página alternativa definida.
- ¿Etiquetas HTML, encabezados HTTP o mapa del sitio? Google trata los tres como equivalentes: elija el que le resulte más fácil. La mayoría de los sitios de WordPress usan HTML
<link>etiquetas, que un complemento puede generar automáticamente.
Fuentes
- Centro de búsqueda de Google: versiones localizadas de sus páginas: desarrolladores.google.com
Haga que su sitio sea multilingüe, gratis
