Etiquetas Hreflang autorreferenciales: reglas, ejemplos, controles

Resume este post con: 8 minutos de lectura

ChatGPT

Perplejidad

Grok

Inteligencia artificial de Google

Una etiqueta hreflang autorreferencial es la línea hreflang en una página que apunta a esa misma página. La documentación de Google dice que cada versión de idioma “debe enumerarse a sí misma y a todas las demás versiones de idioma”, por lo que la autorreferencia no es opcional: sin ella, el conjunto de etiquetas en esa página está incompleto y Google puede ignorarlo.

Si su página en inglés enumera francés y alemán pero olvida inglés, tiene el error hreflang más común que existe. Esta guía muestra cómo se ve una autorreferencia correcta, cómo encaja con las etiquetas canónicas y x-default, y cómo consultar un sitio en vivo en cinco minutos.

Conclusiones clave

Cada página de un grupo de idiomas enumera todos versiones, incluido él mismo. La línea autorreferencial es aquella cuya URL coincide con la página en la que se encuentra.
La URL autorreferencial debe ser la de la página URL canónica final: totalmente calificado, https://, sin redirección, misma regla de barra final que la etiqueta canónica.
Hreflang solo funciona cuando las páginas se vinculan entre sí. La autorreferencia es lo que hace que el conjunto sea idéntico en cada página del grupo.
Agregar x-default para visitantes cuyo idioma no sirves. No sustituye a la autorreferencia.
Consulte con “Ver fuente” o con el rastreador de su elección: la URL de la página debe aparecer una vez en su conjunto hreflang y coincidir exactamente con su canónico.

Cómo se ve una etiqueta hreflang autorreferencial

Tome una página que exista en inglés, español y francés. La página en inglés <head> debe contener:

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

La segunda línea es la autorreferencia. Es la página en inglés que le dice a los motores de búsqueda: “Soy la versión en inglés de este grupo”

Ahora la página en español:

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

Observe que las líneas hreflang son idénticas en ambas páginas. Sólo los cambios canónicos. Ésta es la forma más fácil de pensarlo: una lista, copiada a cada página del grupo, y cada página se encuentra en esa lista.

Por qué Google necesita que la página se incluya sola

Hreflang es un conjunto de afirmaciones de que dos o más páginas son traducciones una de la otra. Google no confía en una afirmación unidireccional. Es documentación sobre versiones localizadas explica por qué: “Si dos páginas no apuntan entre sí, las etiquetas se ignorarán. Esto es para que alguien en otro sitio no pueda crear arbitrariamente una etiqueta que se nombre a sí mismo como una versión alternativa de una de sus páginas”

La misma página establece la regla de la que trata este artículo: “Cada versión de idioma debe enumerarse a sí misma, así como todas las demás versiones de idioma”

En la práctica, la falta de autorreferencia provoca tres problemas:

El grupo es inconsistente. La página en inglés enumera {es, fr}, la página en español enumera {en, es, fr}. Las herramientas informan que falta un enlace de retorno y Google tiene que adivinarlo.
La versión incorrecta puede posicionarse. Cuando los clusters no coinciden, Google puede mostrar la URL en inglés a los buscadores en España, o al revés.
La depuración se vuelve más difícil. Con una autorreferencia en cada página, puedes comprobar cualquier página de forma aislada: su propia URL debe estar en su propia lista. Sin uno, tienes que comparar páginas entre sí.

Etiquetas canónicas y hreflang autorreferenciales

De aquí provienen la mayoría de los errores del mundo real. La autorreferencia hreflang y la etiqueta canónica deben apuntar a misma URL.

Orientación de Google sobre Consolidando URL duplicadas dice: “Si está utilizando elementos hreflang, asegúrese de especificar una página canónica en el mismo idioma, o el mejor idioma sustituto posible si no existe una página canónica para el mismo idioma”

Deci:

Hacer: /es/pricing/ tiene un canónico de /es/pricing/ y un hreflang autorreferencial de /es/pricing/.
Nu: /es/pricing/ tiene un canónico que apunta al inglés /pricing/. Eso le dice a Google que la página en español es un duplicado de la en inglés y que la URL en español puede desaparecer del índice aunque su hreflang sea perfecto.

Las pequeñas diferencias también cuentan. Si lo canónico es https://example.com/es/pricing/ y la autorreferencia de hreflang es https://example.com/es/pricing (sin barra diagonal final), las dos URL no son iguales. Uno de ellos redirige y Google tiene que resolver el conflicto por usted.

Reglas para la URL autorreferencial

La página de versiones localizadas de Google enumera las reglas de formato. Para la autorreferencia, estos cuatro son los más importantes:

Regla	Correcto	Incorrecto
Totalmente cualificado	`https://example.com/fr/`	`/fr/` o `//example.com/fr/`
URL final, sin redirección	`https://www.example.com/fr/` (la URL en vivo)	`http://example.com/fr` (redirecciona dos veces)
Código de idioma válido	`fr`, `fr-CA`, `pt-BR`	`fr-FR-ca`, `uk` para el Reino Unido (`uk` es ucraniano)
Coincidencias canónicas	misma cadena que `rel="canonical"`	canónico en un host, hreflang en otro

Google establece la primera regla directamente: “Las URL alternativas deben estar completamente calificadas, incluido el método de transporte (http/https)” Para códigos de idioma y región, nuestro Lista de códigos de idioma de Hreflang tiene la mesa completa.

Dónde encaja x-default

x-default es una línea separada, no un sustituto de la autorreferencia. Google lo describe como el valor “utilizado cuando ningún otro idioma/región coincide con la configuración del navegador del usuario”

Un patrón común y válido es señalar x-default en su página de idioma de origen o en un selector de idioma. Esto significa que la página en inglés suele tener dos líneas con la misma URL: hreflang="en" y hreflang="x-default". Está bien. Responden diferentes preguntas: “¿qué página está en inglés?” y “¿qué página es la alternativa?”

La misma regla en mapas de sitios XML y encabezados HTTP

Google admite tres formas de publicar hreflang: HTML <link> etiquetas, encabezados HTTP y mapas de sitio XML. La regla de autorreferencia se aplica a los tres.

En un mapa del sitio, cada uno <url> La entrada repite el conjunto completo, incluida una línea propia <loc>:

<url>
  <loc>https://example.com/es/pricing/</loc>
  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/pricing/" />
  <xhtml:link rel="alternate" hreflang="es" href="https://example.com/es/pricing/" />
  <xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/pricing/" />
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/pricing/" />
</url>

Para archivos PDF y otros archivos que no sean HTML, utilice el Link: Encabezado HTTP. Elija un método por tipo de página. Se permite publicar el mismo conjunto en dos lugares, pero si no están de acuerdo se ha creado un nuevo problema.

Cómo comprobar la autorreferencia de hreflang en su sitio

No necesitas una herramienta paga para probar un puñado de páginas.

Abra una página traducida y vea su fuente. Buscar hreflang. Confirma que ves una línea cuyo href es exactamente la URL en su barra de direcciones.
Compárelo con el canónico. Buscar rel="canonical". Las dos URL deben ser idénticas, carácter por carácter.
Abra cada URL alternativa. Cada uno debe cargarse con un estado 200 (sin redirección) y mostrar la misma lista de líneas hreflang.
Comprueba el código de idioma. El código de la autorreferencia debe coincidir con el idioma que el visitante realmente lee en esa página.
Aumente la escala con un rastreador. Cualquier rastreador SEO que informe “enlaces de retorno faltantes” o “autorreferencia faltante” ejecutará estas comprobaciones en todo el sitio.

Si usa JavaScript para agregar hreflang después de que se cargue la página, pruebe también con la herramienta de inspección de URL en Search Console para ver el HTML renderizado que obtiene Google. Es más difícil confiar en las etiquetas que solo existen en el navegador que en las etiquetas en la respuesta del servidor.

Errores comunes y cómo solucionarlos

La página enumera todos los idiomas excepto el suyo. Generalmente se trata de un error de plantilla: el código recorre “otros idiomas” en lugar de “todos los idiomas”. Corrija el bucle para que se incluya el idioma actual.

La autorreferencia utiliza un host diferente. Por ejemplo, hreflang en example.com pero el sitio sigue vivo www.example.com. Utilice el host que utiliza canónicamente.

Canonical apunta al lenguaje fuente. Cada página traducida debe ser canónica para sí misma. Consulte la sección anterior.

Parámetros y códigos de seguimiento. https://example.com/es/?utm_source=newsletter es una URL diferente. Las autorreferencias y los canónicos deben utilizar la URL limpia.

Sólo algunas páginas están traducidas. Si una página no tiene una versión en francés, no debería incluir una URL en francés. Enumerar una URL que genera un error 404 o redirecciona a la página de inicio rompe el grupo.

Para obtener una lista de solución de problemas más amplia, consulte Cómo solucionar problemas “sin etiquetas hreflang”, y para el tutorial de implementación completo, nuestro Guía completa de Hreflang.

Cómo ConveyThis maneja la autorreferencia hreflang

Si traduce su sitio con ConveyThis y utiliza el subdirectorio (example.com/fr/) o subdominio (fr.example.com) Estructura de URL, el conjunto hreflang se agrega para usted, incluida la autorreferencia en cada versión de idioma. Nuestro artículo de ayuda sobre subdominios versus subdirectorios explica qué estructura se adapta a su plataforma; ambos están disponibles en el plan de negocios y arriba (ver Precios).

Lo que ConveyThis no decide por usted es su estrategia canónica en el sitio de origen. Si sus páginas originales ya tienen canónicos que apuntan a algún lugar inesperado, corríjalos primero y luego ejecute las comprobaciones anteriores en una página traducida. El Funciones de SEO multilingües La página cubre todo lo demás que se agrega automáticamente, como los metatítulos y descripciones traducidos.

Preguntas frecuentes

¿Es necesaria una etiqueta hreflang autorreferencial? La documentación de Google dice que cada versión de idioma debe enumerarse a sí misma y a todas las demás versiones. Trátelo como se requiere.

¿Pueden la autorreferencia y x-default utilizar la misma URL? Sí. Su página en el idioma de origen puede ser ambas cosas hreflang="en" y hreflang="x-default".

¿Un hreflang autorreferencial reemplaza a un canónico autorreferencial? No. Hacen trabajos diferentes. El canónico dice “esta es la URL principal de este contenido”, el hreflang dice “este es el miembro en inglés de un grupo de idiomas”. Utilice ambos, apuntando a la misma URL.

¿Qué pasa si una página tiene un solo idioma? Entonces no tiene alternativas y no necesita hreflang en absoluto. Una sola autorreferencia en una página de un solo idioma no añade nada.

¿Quieres el conjunto hreflang generado para cada página traducida, incluida la autorreferencia? Crea una cuenta ConveyThis y elija la estructura de URL del subdirectorio o subdominio durante la configuración.