Canonical tags and hreflang

Canonical tags for multilingual websites: canonical vs hreflang

Understand how self-canonicals, hreflang, translated URLs, and sitemap entries work together on an international website.

/ La risposta breve

Canonical and hreflang solve different problems. A canonical identifies the preferred URL for one page version; hreflang connects equivalent language or regional versions. A multilingual page usually needs a self-canonical plus reciprocal alternates, not one language canonical for every locale.

/ 01

Canonico

Assegna a ogni pagina localizzata il proprio codice canonico

Se /en/pricing e /fr/pricing sono pagine in lingue diverse, ciascuna dovrebbe normalmente identificarsi come URL canonico per quella versione linguistica. Non canonizzare ogni traduzione in inglese solo perché la versione inglese è stata pubblicata per prima.

  • 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.
Self-canonical localized metadata
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}`,
      },
    },
  };
}
/ 02

Herflang

Utilizzare hreflang per collegare versioni equivalenti

Hreflang indica ai motori di ricerca quale lingua o regione della pagina deve essere mostrata all'utente che effettua la ricerca. Si tratta di una relazione tra versioni equivalenti, non di un sostituto della canonizzazione e non di un metodo per tradurre una pagina.

  • 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.
/ 03

Errore comune

Non indirizzare ogni lingua alla pagina sorgente

Una pagina in francese con un URL canonico in inglese può inviare un segnale contraddittorio: la pagina afferma di essere in francese, mentre l'URL canonico indica che è preferibile l'URL in inglese. Utilizza un URL canonico multilingue solo quando le pagine sono effettivamente identiche e desideri intenzionalmente che una versione sia preferita.

  • 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.
/ 04

Verifica

Verifica l'intero set di segnali

Esamina l'intestazione renderizzata, la lingua della pagina, i link interni, la voce nella sitemap e lo stato della risposta per ogni lingua. Un tag corretto su una pagina non risolve un cluster errato o non reciproco.

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

/ Lista di controllo della produzione

Verifica l'esperienza linguistica prima dell'avvio.

  • Every localized page has a self-canonical URL.
  • Hreflang URLs are absolute and reachable.
  • Language mappings are reciprocal.
  • Canonical and sitemap URLs agree.
  • No locale points to an unpublished page.
  • The visible content matches the declared language.

/ Domande frequenti

Domande che i team si pongono prima di implementare la SEO multilingue.

Should multilingual pages use the same canonical URL?

Di solito no. Le pagine di lingue separate dovrebbero normalmente avere canonici autoreferenziali, mentre hreflang le collega come alternative linguistiche.

Is hreflang a replacement for canonical?

No. Canonical identifica l'URL preferito per una versione della pagina; hreflang identifica le alternative equivalenti in altre lingue o regioni.

Can hreflang prevent duplicate-content problems?

Aiuta i motori di ricerca a comprendere la lingua e le relazioni regionali, ma ogni pagina necessita comunque di contenuti localizzati utili e di segnali canonici coerenti.