Webflow does not natively provide a simple toggle or checkbox in the Editor (Client Editor) to add a "nofollow" tag to external links in blog posts or articles. However, there are viable workarounds.
1. Manual Method in the Designer
- In the Webflow Designer, you can manually add a
rel="nofollow"
attribute to external links. - For links inside a Rich Text Block, use a Custom Code Embed or custom HTML attributes via CMS.
2. Using Custom Code in CMS Templates
- If your blog content is managed through a CMS Collection, you can use JavaScript in the page template to automatically add
rel="nofollow"
to all external links on render. - Common script pattern: detect all anchor tags and apply
rel="nofollow"
to those with hrefs that don’t point to your domain.
3. Rich Text Field + Custom Attribute Workaround
- Webflow allows embedding custom code inside Rich Text fields only through the CMS—not via the Editor.
- Editors cannot access HTML source or insert
rel
attributes directly via the Editor interface.
- Use platforms like Zapier or Integromat (Make.com) to process new CMS entries and then update links using API calls, although this is more complex.
- External blog systems (e.g., integrating with WordPress or Markdown-based content via APIs) offer easier "nofollow" management if critical.
Summary
Webflow does not currently offer a built-in Editor feature to add "nofollow" tags to external links in blog posts. You can manually add the attribute in the Designer or use custom JavaScript to process them in CMS templates, but Editors cannot do this natively.