Step 2.7: Multilingual or Regional Sites
Basic Concepts | On-Page | Canonicalization
There are many ways to setup a site that targets multiple regions or languages, or both and they all need to be handled correctly. Canonical tags are not used to specify the canonical version of the page in this instance.
Here we need to use a ‘rel alternate’ tag with a ‘hreflang attribute:
<link rel="alternate" hreflang="en-gb" href="https://example.com/" />
<link rel="alternate" hreflang="es-es" href="https://es.example.com/" />
<link rel="alternate" hreflang="es-ar" href="https://ar.example.com/" />
<link rel="alternate" hreflang="es-mx" href="https://mx.example.com/" />
Above, you can see the tag the tag and attributes that specify all versions of the page that are available in different languages and regions.
We will cover this in a lot more depth in another guide, but for now it’s just worth knowing that you need the above tags in place for Google to determine what version to show in any particular region or language.