How can I add the rel=nofollow attribute to external links in rich text fields in the Webflow CMS?
Published on
September 22, 2023
To add the rel=nofollow
attribute to external links in rich text fields in the Webflow CMS, you can follow these steps:
- Open your project in the Webflow Editor.
- Go to the Collection where you want to add the
rel=nofollow
attribute to the links. - Click on the Collection's Settings (gear icon) in the left sidebar.
- Under Collection settings, select the field that contains the rich text elements.
- In the Field's settings panel, click on the "Enable rich text" toggle to make sure it's enabled.
- Select the rich text element where you want to add the
rel=nofollow
attribute. - In the Rich text settings panel on the right, click on the "Link settings" tab.
- Toggle on the "Enable classes" setting.
- Now, select the link you want to add the
rel=nofollow
attribute to within the rich text element. - In the Link settings panel, add a class to the link by clicking on the "+" icon next to the "Add class" field.
- Give the class a name, e.g., "nofollow-link".
- After adding the class, click on the "Custom attributes" tab.
- Click on the "Add attribute" button.
- In the name field, enter
rel
. - In the value field, enter
nofollow
. - Click on the "Add attribute" button again to save the attribute.
- Click outside the Link settings panel to close it.
- Save and publish your project to make the changes live.
By following these steps, you can add the rel=nofollow
attribute to external links in rich text fields in the Webflow CMS. This attribute tells search engines not to follow or pass link juice to the linked page, which may be useful for affiliate links, sponsored content, or any other external links that you want search engines to treat differently.
Additional Questions:
- How do I enable rich text fields in the Webflow CMS?
- Can I add custom attributes to links in Webflow?
- What are the benefits of using the
rel=nofollow
attribute for external links in SEO?