Implementation overview

How to Use Global canonical URL on Webflow?

Canonical URLs solve a specific, common problem: multiple URLs pointing to the same content. Without canonicals, Google has to guess which version of a page is the "real" one — and it often guesses wrong.

The problem is more common than it looks. On a Webflow site, the same page can be accessible via https://www.example.com/page, http://example.com/page, https://example.com/page, and with or without trailing slashes or UTM parameters. To users, these look identical. To Google, they're separate URLs with duplicate content.

When Google finds duplicate content, it picks one URL to index and deprioritizes the others. If it picks the wrong one, your preferred URL may not rank as well as it should. Canonicals prevent this by explicitly telling Google which URL is the primary version.

The global canonical in Webflow. Webflow automatically adds canonical tags to all published pages, defaulting to the page's primary URL. This handles the basic case. What you need to verify:

Your canonical URLs use https://www. consistently. If your site is accessible both with and without www., the canonical should reflect whichever version you've set as primary in your Webflow site settings.

CMS template pages have correct canonicals. Each CMS item should have a unique canonical pointing to its own URL, not the template page URL.

No pages have canonical tags pointing to a different page unless that's intentional — for example, near-duplicate pages where you want to consolidate equity to one primary version.

Check your canonical setup. Open any page on your site, view the source, and search for <link rel="canonical". Confirm the URL is correct and consistent with your preferred domain format.

If you have custom canonical tags in page settings or custom code, be aware that they may conflict with Webflow's auto-generated ones. Review any custom code on your pages for conflicting canonical tags.

Canonical tags are low effort to implement and directly protect your SEO equity from duplicate content dilution. On any site published on Webflow, confirming this is set up correctly is a 10-minute check that's worth doing.

How to do it on Webflow?

  1. Navigate to Page Settings: Go to the Webflow Editor, select the page you want to set a canonical URL, and open Page Settings.
  2. Add Canonical Tag in Custom Code: In the “Advanced Settings” section, add the Global canonical tag in the custom code area under the <head> section. This should look like:
Tools
Don't have the Checklist yet?