Muchos sitios web se dirigen a usuarios de todo el mundo e incluyen contenido traducido u orientado a usuarios de una región concreta. Las anotaciones rel="alternate" hreflang="x" ayudan a Google a ofrecer a los usuarios que realizan búsquedas el idioma o la URL regional adecuados. Más información sobre los sitios multirregionales y multilingües
A continuación se indican algunos casos en los que se recomienda el uso de rel="alternate" hreflang="x":
- Solo traduces la plantilla de tu página, como el área de navegación y el pie de página, y mantienes el contenido principal en un único idioma. Se trata de un procedimiento habitual en páginas que incluyen contenido generado por usuarios, como una publicación en un foro.
- Tus páginas tienen contenido muy similar en un único idioma, pero con pequeñas variaciones regionales. Por ejemplo, puedes tener contenido en inglés orientado a lectores de Estados Unidos, Reino Unido e Irlanda.
- El contenido de tu sitio está completamente traducido. Por ejemplo, existe una versión en alemán e inglés de cada página.
Cómo usar rel="alternate" hreflang="x"
Pongamos que tienes una página en inglés alojada en http://www.example.com/, con una alternativa en español en http://es.example.com/. Puedes indicar a Google que la URL en español es el equivalente español de la página en inglés utilizando uno de los siguientes métodos:
- Elemento de enlace HTML en el encabezado. En la sección
<head>HTML de la página http://www.example.com/, añade un elemento de enlacelinkque dirija a la versión española de la página web en http://es.example.com/, como se muestra a continuación:<link rel="alternate" hreflang="es" href="http://es.example.com/" />
- Encabezado HTTP. Si publicas archivos no HTML (como PDFs), puedes usar un encabezado HTTP para indicar que existe una versión en otro idioma de una URL:
Link: <http://es.example.com/>; rel="alternate"; hreflang="es"
- Sitemap. En lugar de usar marcado, puedes enviar la información sobre las versiones en distintos idiomas con un sitemap.
Si tienes varias versiones en diferentes idiomas de una URL, cada página de idioma del conjunto debe usar rel="alternate" hreflang="x" para identificar todas las versiones de idioma, incluida la URL en sí. Por ejemplo, si tu sitio proporciona contenido en francés, en inglés y en español, la versión española debe incluir un enlace rel="alternate" hreflang="x" a dicha versión, además de enlaces a las versiones en francés y en inglés. De modo similar, las versiones en inglés y en francés deben incluir las mismas referencias a las versiones en francés, en inglés y en español.
Si tienes varias URL alternativas orientadas a usuarios con el mismo idioma pero con distintas configuraciones regionales, es una buena idea proporcionar una URL genérica para los usuarios cuya ubicación geográfica no esté especificada. Por ejemplo, es posible que tengas URL concretas para hablantes de inglés en Irlanda (en-ie), en Canadá (en-ca) y en Australia (en-au), pero que quieras que el resto de hablantes de inglés vean la página de inglés genérico (en), y que los demás usuarios vean la página principal. En este caso, deberías especificar la página en inglés genérico (en) para los usuarios que realicen búsquedas en el Reino Unido, por ejemplo. Puedes anotar esta agrupación de páginas con un archivo sitemap o usando etiquetas de enlace HTML, como se muestra a continuación:
<link rel=”alternate” href=”http://example.com/en-ie” hreflang=”en-ie” />
<link rel=”alternate” href=”http://example.com/en-ca” hreflang=”en-ca” />
<link rel=”alternate” href=”http://example.com/en-au” hreflang=”en-au” />
<link rel=”alternate” href=”http://example.com/en” hreflang=”en” />
<link rel=”alternate” href=”http://example.com/” hreflang=”x-default” />
Valores hreflang admitidos
El valor del atributo hreflang identifica el idioma (en formato ISO 639-1) y, de forma opcional, la región (en formato ISO 3166-1 Alpha 2) de una URL alternativa. Por ejemplo:
de: contenido en alemán, independientemente de la regiónen-GB: contenido en inglés para usuarios británicosde-ES: contenido en alemán para usuarios en España
Si existen variaciones en el alfabeto de un idioma, el alfabeto correcto dependerá del país. Por ejemplo, al usar zh-TW para usuarios de zh-TW, se detecta automáticamente el alfabeto del idioma (en este caso, chino tradicional). También puedes especificar el alfabeto explícitamente con el código ISO 15924, como se indica a continuación.
zh-Hant: chino (tradicional)zh-Hans: chino (simplificado)
De forma alternativa, también puedes especificar una combinación de alfabeto y región: por ejemplo, usar zh-Hans-TW para especificar chino (simplificado) para los usuarios de Taiwán.
Finalmente, el valor reservado "x-default" se usa para indicar selectores o redireccionadores de idioma que no son específicos de un idioma o de una región, por ejemplo, tu página principal, en la que se muestra un mapa del mundo en el que se puede hacer clic.
Configuración de ejemplo: rel="alternate" hreflang="x"
Por ejemplo: Widgets, Inc tiene un sitio web que se dirige a usuarios de EE. UU., Gran Bretaña y Alemania. Las URL siguientes contienen prácticamente el mismo contenido, pero con variaciones regionales:
- http://www.example.com/ Página predeterminada que no se orienta a ningún idioma ni configuración regional; puede incorporar selectores para permitir que los usuarios elijan su idioma y su región.
- http://en.example.com/page.html Página principal en inglés. Incluye información sobre las tarifas de envíos internacionales desde EE. UU.
- http://en-gb.example.com/page.html Página en inglés que muestra los precios en libras esterlinas.
- http://en-us.example.com/page.html Página en inglés que muestra los precios en dólares estadounidenses.
- http://de.example.com/seite.html Versión en alemán del contenido.
rel="alternate" hreflang="x" se usa a nivel de página, no a nivel de sitio, y debes marcar cada conjunto de páginas, incluida la página principal, según corresponda. Puedes especificar todas las variaciones de contenido y todas las agrupaciones de idiomas o regiones que necesites.
Para poder indicar a Google que quieres ofrecer la versión en alemán de la página a los usuarios que buscan en la página de Google en alemán, la versión en inglés estadounidense a los usuarios de google.com en inglés y la versión en inglés británico a los usuarios de google.co.uk, debes utilizar rel="alternate" hreflang="x" para identificar las versiones de idioma alternativas.
Actualiza el HTML de cada URL del conjunto: añade un conjunto de elementos de enlace rel="alternate" hreflang="x" . En el caso de la página predeterminada que no se orienta a ningún idioma o configuración regional particular, añade rel=”alternate” hreflang=”x-default”:
<link rel="alternate" hreflang="x-default" href="http://www.example.com/" /> <link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" /> <link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" /> <link rel="alternate" hreflang="en" href="http://en.example.com/page.html" /> <link rel="alternate" hreflang="de" href="http://de.example.com/seite.html" />
Este marcado indica al algoritmo de Google que debe considerar todas estas páginas como versiones alternativas de las demás.