How can I set the correct canonical URL on my Webflow site to point to the original domain where my site is hosted?

TL;DR
  • Access the Webflow Dashboard, go to Project Settings, set the primary domain as the Default Domain under Hosting.
  • In the SEO tab, ensure 'Disable Subdomain Indexing' is checked and publish your site; verify canonical tags via page source or SEO tools.

Ensuring the correct canonical URL is set on your Webflow site helps prevent duplicate content issues and improves SEO performance. Here's how to set it up:

​

1. Access Project Settings

​

  • Go to your Webflow Dashboard and select the project you wish to edit.
  • Click on Project Settings.

​

2. Set Default Domain

​

  • Under Hosting, scroll to the Custom Domains section.
  • Identify the primary domain that you want all canonical URLs to point to.
  • Set this domain as the Default Domain by clicking the star icon next to it.

​

3. Enable Canonical URL

​

  • Navigate to the SEO tab within the Project Settings.
  • Ensure that ‘Disable Subdomain Indexing’ is checked to prevent indexing of unwanted subdomains.
  • Webflow will automatically generate the correct canonical tag pointing to your default domain when this setup is complete.

​

4. Publish Your Site

​

  • Publish your site to the selected domains.
  • Double-check that the canonical tags are appearing correctly by viewing the page source.

​

5. Verify Once Deployed

​

  • Use SEO tools or your browser’s inspect element feature to verify the canonical tag in the HTML of web pages.
  • Ensure they point to the primary domain as set in the default domain settings.

​

Summary

​

By setting your primary domain as the default domain in Webflow, and enabling the appropriate SEO settings, Webflow will automatically apply the correct canonical URLs to your web pages upon publishing.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I add a meta noindex to unfinished CMS pages in Webflow?
How can I create a multi-level menu in Webflow, like a Products Category with sub-items and additional categories?
Is Webflow suitable for a beginner like me who wants to focus on design and eventually work as a freelancer or for an agency? Should I prioritize learning Wordpress or focus on Webflow? Is it worth moving a business website from Weebly to Webflow for better design and features? Do I need to know Photoshop well before using Webflow, and are there alternatives for learning it?
How can I make the modal popups in my Webflow CMS collection only open individually instead of all at once?
How can I add an ID to content within the post body (RTF) in Webflow for easy external linking?
What are some alternative options for creating a website with Webflow?
Can I delete all of the automatic backups in Webflow to free up space on my project?
Can I change my base breakpoint to be tablet in Webflow, or use custom code to make styles applied at the tablet level cascade 'up' to all higher breakpoints?
What are some open-source CMS options that offer dynamic functionalities like Webflow, are suitable for large enterprise sites/web apps, secure, scalable, customizable, and extendable, while also having a visual interface and potentially being whitelabel?
How can I convert CMS images to WebP on my Webflow site?
What is a reliable way to randomize the hero header content in Webflow's CMS collection so that it displays a different collection each time the page is reloaded, and is easily updatable by the client in the future?
Can someone help me with redirecting a webpage on Webflow to a new URL after printing 20,000 QR codes with the old URL? It doesn't seem like putting the new URL in the 301 hosting page section is working. Thank you.
How can I make my fixed menu in Webflow invert colors when scrolling over sections and their images? I've tried using custom code but it doesn't seem to work.
Can I add specific email addresses for recruiters to receive job applications in Webflow? If so, what integrations or tools are recommended for sending automated email responses to applicants?
How can I make the sign-up form modal in Webflow's homepage only appear once, either after initial load or after the user has signed up or closed out, and how and where can I insert the code to set a cookie?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?