How can nofollow tags be added to individual links in Webflow?
TL;DR
- Select the link element in Webflow, open the Element Settings panel, and add a custom attribute with Name:
reland Value:nofollow. - Publish the site and verify the
rel="nofollow"is applied using browser developer tools.
To add nofollow tags to individual links in Webflow, you need to edit the HTML attributes of the link elements manually. This tells search engines not to pass link equity to the linked URL.
1. Use the Element Settings Panel
- Select the link element (a text link, button, or image link).
- In the right-hand Element Settings panel (gear icon), look for the Custom Attributes section.
- Click + Add Custom Attribute.
- Set the following:
- Name:
rel - Value:
nofollow - This adds
rel="nofollow"to just that link in the final HTML.
2. Optional: Add Multiple Rel Values
- If the link needs multiple rel values (e.g.,
nofollow noopener noreferrer), enter them as a space-separated string in the Value field. - Example:
nofollow noopener noreferrer
3. Confirm in Published Site
- Publish your site and inspect the link in your browser’s developer tools to confirm that the
rel="nofollow"attribute was applied correctly.
Summary
To add nofollow to individual links in Webflow, use the Custom Attributes section of the Element Settings panel to add a rel attribute with nofollow as the value. This ensures search engines don’t follow or pass link authority via that link.