How can I set up Canonical tags in Webflow to indicate republished articles while also ensuring Google knows the correct canonical URL for my site, considering multiple custom domains connected to Webflow?

To set up canonical tags in Webflow for republished articles and ensure Google recognizes the correct canonical URL when using multiple custom domains, follow these steps carefully to avoid duplicate content issues.

​

1. Use the Global Canonical Tag Setting

Webflow doesn’t automatically generate dynamic <link rel="canonical"> tags by default, but you can manually configure them in your site’s SEO settings.

​

• Go to Project Settings > SEO tab.
• In the Global Canonical URL Prefix field, ensure the correct domain is used (e.g., https://www.primarydomain.com).
• This ensures any relative canonical tags are resolved to the correct base URL.

​

2. Choose a Primary Domain in Webflow

When multiple domains are connected, Webflow allows you to define the main one.

​

• Go to Project Settings > Hosting tab.
• Under Custom Domains, make sure the desired primary domain (e.g., www.primarydomain.com) is set as Default by clicking the star icon.
• Webflow will automatically redirect all traffic from other domains to your primary domain.

​

3. Set Dynamic Canonical Tags for CMS Items

Republished articles should point to the original source using canonical tags.

​

• Open your blog or article CMS Template Page.
• Click the settings icon (gear) on the page settings panel.
• In the Custom Code > Head Code section, insert this line:

​

  <link rel="canonical" href="YOURCANONICALURL" />

​

• Replace YOURCANONICALURL with:
• A CMS field if the canonical source changes per item (e.g., custom field named Canonical URL):  

    <link rel="canonical" href="{{Canonical URL}}" />

• Or manually input the full URL to the original source if it’s always fixed.

​

4. Add a Canonical URL Field in the CMS (Optional but Recommended)

To dynamically assign canonical URLs, add a dedicated field.

​

• In CMS Collection Settings, add a Plain Text field named “Canonical URL”.
• When creating or editing each post, insert the original source URL (for republished content) or leave it blank if it’s the original.
• In the template page, conditionally output the canonical tag only if the field is filled.

​

  Example in Head Code:

  ```html

  {% if Canonical URL %}

  <link rel="canonical" href="{{ Canonical URL }}" />

  {% endif %}

  ```

​

5. Test Canonical Implementation

Make sure canonical tags are functioning properly by testing in:

​

• Webflow Designer > Preview > Inspect Element on a CMS page (look for the <link rel="canonical"> tag).
• Google Search Console's URL Inspection Tool to confirm which URL is being treated as canonical.
• SEO tools like Screaming Frog or Ahrefs for a broader sitewide audit.

​

Summary

To manage canonical tags in Webflow with multiple domains and republished content:

• Set the primary domain in Project Settings and SEO tab.
• Use the Head Code section in CMS templates to insert canonical tags.
• Add a Canonical URL CMS field to assign dynamic tags for reposted content.
• Always tie your canonical URLs to the primary Webflow domain to maintain search engine consistency.