Add hreflang when you have language versions
hreflang points crawlers to the matching language/region URL. Skip this if the site is one language. Follow the steps below on your stack, then re-check the live URL.
hreflang points crawlers to the matching language/region URL. Skip this if the site is one language.
Lo recordamos en este navegador para que la siguiente guía use el mismo CMS.
At a glance
| Time | ~20 min |
|---|---|
| Category | SEO |
| Steps | 2 |
| Stacks | WordPress, Shopify, Webflow, Next.js, HTML, more |
Pasos
Only needed if you publish the same page in more than one language.
Each language version should list all alternates, including itself, plus x-default.
En HTML / static
Add lang="en" (or de, es, …) on the <html> element.
Snippet
<link rel="alternate" hreflang="en" href="https://yoursite.com/en/page"> <link rel="alternate" hreflang="de" href="https://yoursite.com/de/page"> <link rel="alternate" hreflang="x-default" href="https://yoursite.com/en/page">
FAQ
- What does “Add hreflang when you have language versions” fix?
- hreflang points crawlers to the matching language/region URL. Skip this if the site is one language.
- How long does this usually take?
- About 20 minutes on most CMS and code stacks when you already have access to edit the page.
- Where do I start?
- Start with: Only needed if you publish the same page in more than one language. Then use the platform picker on this page for placement notes.