Canonical tags for multilingual websites: canonical vs hreflang

Canónico

Dale a cada página localizada su propio nombre canónico.

Si /en/pricing y /fr/pricing son páginas de idioma distintas, cada una debería identificarse como la URL canónica de su versión en ese idioma. No canonice todas las traducciones al inglés simplemente porque se publicaron primero en inglés.

• Canonicalize the exact protocol, host, path, and locale URL you want indexed.
• Keep redirected, parameterized, or duplicate variants out of the canonical set.
• Use the same canonical policy in metadata and the sitemap.

export async function generateMetadata({ params }) {
  const { locale, slug } = await params;
  const product = await getProduct(slug);
  const path = `/products/${product.slug}`;

  return {
    title: product.seoTitle[locale],
    description: product.seoDescription[locale],
    alternates: {
      canonical: `https://example.com/${locale}${path}`,
      languages: {
        en: `https://example.com/en${path}`,
        fr: `https://example.com/fr${path}`,
        de: `https://example.com/de${path}`,
      },
    },
  };
}

Hreflang

Utilice hreflang para conectar versiones equivalentes

Hreflang indica a los motores de búsqueda qué idioma o versión regional de la página debe mostrarse al usuario. Se trata de una relación entre versiones equivalentes, no de un sustituto de la canonicalización ni de una forma de traducir una página.

• Use valid language and region codes.
• Make the relationship reciprocal.
• Include x-default only when you have a deliberate default-language or language-selector destination.

Error común

No dirijas cada idioma a la página de origen.

Una página en francés con una URL canónica en inglés puede transmitir un mensaje contradictorio: la página indica que es francesa, mientras que la URL canónica sugiere que se prefiere la versión en inglés. Utilice una URL canónica multilingüe solo cuando las páginas sean realmente duplicadas y desee intencionadamente que una versión sea la preferida.

• Avoid cross-locale canonicals for translated content.
• Do not mix www and non-www hosts in the language set.
• Do not advertise unpublished translations in hreflang.

Verificación

Pruebe el conjunto completo de señales.

Inspeccione el encabezado renderizado, el idioma de la página, los enlaces internos, la entrada del mapa del sitio y el estado de respuesta para cada configuración regional. Una etiqueta correcta en una página no soluciona un problema de clúster roto o no recíproco.

• Check source and translated page pairs.
• Compare canonical URLs to sitemap URLs.
• Check that localized pages contain localized visible text and metadata.