Does Webflow automatically include hreflangs in the code for multi-language websites, and if so, where do they come from?
TL;DR
- Webflow does not auto-generate hreflang tags, so you must manually add them via custom code in page or project settings.
- Alternatively, use third-party tools like Weglot that can automatically insert hreflang tags for localization.
Webflow does not automatically include hreflang tags in the code for multi-language websites. If you use its browser language redirection feature or a custom localization setup, hreflang tags must still be manually added or configured.
1. Webflow's Localization Approach
- Webflow’s built-in localization (as of late 2023) allows you to create multiple localized versions of a site within a single project.
- Each locale gets its own localized pages with unique URLs like
/fr/for French or/es/for Spanish.
2. Hreflang Tag Management
- Hreflang tags are not automatically inserted by Webflow, even if you use native localization tools.
- You need to add hreflang tags manually using:
- Custom Code in the Page Settings (between
<head>tags), or - Custom Code in Project Settings > Custom Code > Head Code, using JavaScript or server-side rendering if supported by an external hosting solution.
3. Where Hreflang Information Can Come From
- Since Webflow doesn't auto-insert these tags, you must source hreflang values from:
- Your page URLs for each locale.
- Your language codes (e.g.,
en,de,fr). - If using 3rd-party translation tools (like Weglot), those tools may insert hreflang tags automatically on your behalf.
4. Considerations for External Tools
- Tools like Weglot or Polytranslate often auto-inject hreflangs and translations.
- If you've integrated such tools, inspect your live site code to see if hreflang tags are present.
Summary
Webflow does not automatically add hreflang tags. To support proper international SEO, you must manually include them in the site code or use a third-party integration that manages them for you.