Does Webflow automatically include hreflangs in the code for multi-language websites, and if so, where do they come from?
TL;DR
- Webflow auto-generates hreflang tags only when using its Localization feature, based on configured languages and locales.
- For manual multi-language setups, you must add hreflang tags yourself via custom code in the site or page head.
Webflow does not automatically include hreflang tags unless you use Webflow’s localization features. When using Webflow Localization, the hreflangs are auto-generated based on your configuration.
1. Webflow’s Localization Feature Adds Hreflang Tags
- If you're using Webflow Localization (Beta and beyond), Webflow will automatically inject hreflang tags in your site’s
<head>. - These tags are generated based on the languages and regional locales you’ve set up in the Localization settings (e.g.,
en,fr-CA).
2. Source of the Hreflang Tags
- The locale codes you define for each version of your site determine the
hreflangvalues. - Webflow uses the page slugs and translated versions to build alternate URLs that correspond with each locale.
- The auto-generated hreflang tag looks like:
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page" />
3. If You’re Not Using Localization
- Without enabling Webflow’s Localization, Webflow does not generate hreflang tags by default.
- If you created a multi-language site manually using folder-based language versions or different domains, you must manually add hreflang tags using:
- Custom Code in the
<head>section via Project Settings > Custom Code - Or use page-specific embeds in the page settings.
4. Managing Hreflangs in Custom Setups
- You’ll need to write correct
<link rel="alternate" hreflang="">tags for each page and language version. - These must refer to the canonical URL of the translated page, with matching locale codes.
Summary
Webflow automatically includes hreflang tags only if you're using its Localization feature. The tags are generated from the locales you've configured. If you're managing multi-language content manually, you'll need to add hreflangs yourself via custom code.