Does Webflow automatically include hreflangs in the code for multi-language websites, and if so, where do they come from?
TL;DR
- Webflow automatically adds hreflang tags when using its Localization feature on Site or Enterprise plans.
- If not using Localization, hreflang tags must be manually added in the page’s custom head code.
Webflow can automatically include hreflang tags for multi-language websites, but this only happens when using its native Localization feature (available in Site or Enterprise plans).
1. Hreflangs Are Auto-Generated with Localization
- When you use Webflow’s Localization feature to create language variants (e.g., en, fr, de), Webflow will automatically inject the correct hreflang tags into the
<head>of each published page. - These tags help search engines understand which version of the page corresponds to each language and region.
2. Data Source for Hreflangs
- The hreflang values are generated based on the published localized versions of a page.
- Webflow uses the language code you assign during Localization setup (e.g., English →
en, French →fr). - If you create region-specific versions (e.g.,
en-US,en-UK), Webflow reflects those in the hreflang attributes as well.
3. Limitations Without Localization Feature
- If you're manually building multi-language sites without Webflow's Localization (e.g., using custom folders or subdomains), Webflow does not auto-generate hreflangs.
- In this case, you need to manually insert hreflang tags via the Page Settings > Custom Code > Head Code section.
4. Where to Verify Hreflangs
- After publishing, view the page source or inspect the
<head>section to see automatically inserted<link rel="alternate" hreflang="...">tags. - You can also use SEO audit tools (e.g., Ahrefs, SEMrush, Google Search Console) to validate hreflang setup.
Summary
Webflow adds hreflang tags automatically only when using its Localization feature, based on the languages and regions you've configured. Without using this feature, you'll need to add hreflangs manually.
