How can I add rel=“canonical” tags to address the issue of "Duplicate without user-selected canonical" on my Webflow website?

Published on
September 22, 2023

To add rel="canonical" tags to address the issue of "Duplicate without user-selected canonical" on your Webflow website, you can follow these steps:

  1. Go to your Webflow project and open the page where you want to add the canonical tag.

  2. Click on the page settings icon (gear icon) in the top-left corner of the Designer.

  3. In the Page Settings panel on the right-hand side, scroll down to find the SEO settings.

  4. Click on the Customize tab within the SEO settings.

  5. Locate the "Head Code" section. This is where you can add custom HTML code to your page's head section.

  6. To add the rel="canonical" tag, you need to insert the following code within the head section:

<link rel="canonical" href="http://www.example.com/page-url">

Replace "http://www.example.com/page-url" with the URL of the canonical version of the page. This should be the URL that you want search engines to consider as the authoritative version.

  1. After adding the code, click outside of the code input box to save the changes.

  2. Repeat these steps for any other pages on your Webflow website that need a rel="canonical" tag.

By adding rel="canonical" tags, you are signaling to search engines which version of your page to display in search results, preventing duplicate content issues and consolidating the ranking power of duplicate pages to a single preferred version.

Note: If you have a dynamic content-driven website where the canonical URL varies, you can use custom code or CMS collection fields to dynamically generate the rel="canonical" tag based on the specific page's URL.

Example Usage Questions:

  1. How do I add rel="canonical" tags to my Webflow website?
  2. What is the purpose of rel="canonical" tags in SEO?
  3. Can I dynamically generate rel="canonical" tags in Webflow for my CMS-driven website?