hreflang

hreflang is an HTML attribute that tells search engines which language and regional version of a page to show to which users, for example de-CH for German-speaking Switzerland.

On a multi-language site, each page links to its other language versions with hreflang tags. This helps search engines show the right version and avoid treating translations as duplicate content.

Example

An English page and its Swiss German version would each list both: hreflang=”en” for the English URL and hreflang=”de-CH” for the German URL, plus an optional x-default for everyone else.

Common mistakes

  • Missing return links: every version must point back to the others.

  • Wrong codes, for example “ch” (a language code for Chamorro) instead of “de-CH”.

  • Pointing hreflang at redirected or non-indexable URLs.

hreflang is one part of localization.

FAQ

Does hreflang affect rankings?

Not directly. It helps search engines show the right language version to the right users.

Does Framer add hreflang tags automatically?

Framer adds language alternates for localized pages. It is still worth checking them after launch.

Know the term. Put it to work.

Book a 30-minute call with our founder, Cédric. We'll show you where it fits on your site, with a clear next step on scope and timeline.

TF emblem logo in 3D

Know the term. Put it to work.

Book a 30-minute call with our founder, Cédric. We'll show you where it fits on your site, with a clear next step on scope and timeline.

TF emblem logo in 3D

Know the term. Put it to work.

Book a 30-minute call with our founder, Cédric. We'll show you where it fits on your site, with a clear next step on scope and timeline.

TF emblem logo in 3D