How can nofollow tags be added to individual links in Webflow?
TL;DR
- Use an Embed element to manually add
rel="nofollow"to links via custom HTML. - Alternatively, add a custom attribute
rel=nofollowto link elements or CMS-bound links through the Settings panel.
To add nofollow tags to individual links in Webflow, you need to manually include the rel="nofollow" attribute on the target links. Webflow’s UI doesn't offer a built-in toggle for nofollow, so this must be done via the HTML embed or custom attributes.
1. Use an Embed Element for Full HTML Control
- Drag an Embed component from the Add panel (under Components) to your desired section.
- Inside the Embed, write your link manually with the
rel="nofollow"attribute, e.g.,<a href="https://example.com" rel="nofollow">Visit Site</a> - Publish your site to see the changes reflected live.
2. Add Custom Attributes to Link Elements
- Select the link you want to mark as nofollow.
- In the Settings panel (gear icon), scroll to the Custom Attributes section.
- Add a new attribute:
- Name:
rel - Value:
nofollow - This will attach the
rel="nofollow"attribute to that link when published.
3. Add Nofollow to CMS-Generated Links (If Needed)
- In a Collection List, select a Link Block or Link Text bound to a dynamic URL.
- In the Element Settings panel, scroll to Custom Attributes.
- Add the
rel=nofollowattribute as above. This works for individual CMS items if applied dynamically.
Summary
To add nofollow to individual links in Webflow, either (1) use an Embed element with manual HTML or (2) apply a custom attribute rel=nofollow to link elements. CMS links can also have nofollow added through custom attributes.