Fix guide · Webflow
How to Add a Canonical Tag in Webflow (2026)
Webflow automatically adds a self-referencing canonical tag to every published page. If our checker flagged a missing or incorrect canonical, the most common causes are: your site is still on the webflow.io staging URL (canonical points there instead of your custom domain), you have duplicate CMS pages, or custom code is overriding the canonical. This guide covers each scenario.
Why it matters
What this issue costs you
Canonical tags tell Google which URL is the definitive version of a page. Without them — or with them pointing to the wrong URL — Google may index your staging domain, split link equity across duplicates, or rank the wrong version. Webflow handles this automatically, but only when your domain setup is correct.
Step-by-step
How to fix: Missing or incorrect canonical tag
Webflow
- 1
Verify your custom domain is set as default
In Webflow: Project Settings > Hosting > Custom Domains. Ensure your production domain (e.g. yourdomain.com) is listed and set as the default domain. If only the webflow.io subdomain is active, Webflow sets canonicals to that staging URL — which means Google indexes your staging domain instead of your real one.
- 2
Check the canonical tag on your published site
Visit your published page, right-click > View Source, and search for "canonical". You should see: <link rel="canonical" href="https://yourdomain.com/your-page">. If the href shows yoursite.webflow.io instead of your custom domain, your domain setup isn't complete — go back to step 1.
- 3
Set a custom canonical URL (for duplicates)
If you need to point a page's canonical to a different URL (e.g. syndicated content or duplicate CMS items): In the Designer, go to Pages panel > gear icon on the page > SEO Settings. At the bottom, find "Canonical Tag URL" and paste the preferred URL. This overrides Webflow's automatic canonical.
- 4
Fix staging-domain canonicals after going live
If your site was indexed on the webflow.io domain before you added a custom domain: (1) Set the custom domain as default (step 1). (2) In Project Settings > Hosting, disable the webflow.io subdomain by toggling off "Webflow Subdomain". (3) Publish the site. (4) In GSC, submit a change-of-address from the webflow.io property to your custom domain.
Verify the fix
Run the checker to confirm the issue is resolved
After applying the steps above, paste your URL below. Our checker will re-run every applicable check and show whether missing or incorrect canonical tag still shows as a failing check.
FAQ
Common questions about missing or incorrect canonical tag
Does Webflow add canonical tags automatically?
Yes. Webflow adds a self-referencing canonical tag to every page automatically. The canonical URL matches whichever domain is set as default in your hosting settings. No custom code needed.
My canonical points to webflow.io instead of my domain. How do I fix it?
Go to Project Settings > Hosting > Custom Domains. Add your custom domain and set it as the default. Then disable the webflow.io subdomain and republish. The canonicals will update to your custom domain on the next publish.
Can I set different canonical URLs for CMS collection pages?
Not per-item through the CMS. The canonical URL override is set on the collection template page, which applies to all items. If you need per-item canonicals, you'd need to add a custom code embed in the collection template that reads from a CMS field, though this is rarely necessary.
While you're here
Related fix guides for Webflow
Need a full audit?
This checker spots individual issues instantly. deepseoanalysis.com crawls your whole site and tracks changes weekly, from $24/mo.
See all WordPress fix guides, or run a free check now.