How to Automatically Make all External Links Noreferrer

How to automatically make all external links noreferrer

Other use-cases using Memberscript #122

· How to automatically make all external links open in a new tab

· How to automatically make all external links noreferrer

Memberscripts needed

https://www.memberstack.com/scripts/external-links-new-tab

Tutorial

Cloneable:

Why/Use Cases

- Used to avoid letting destination sites know where visitors came from.

Adding a noreferrer attribute to all external links on a Webflow site

This guide will show you how to easily add a noreferrer attribute to all external links on your website.

To add a noreferrer attribute to all external links on your Webflow site, we’re going to use MemberScript #122 – Open External Links in New Tab. Follow the link to get the code you’ll need to add to your page (or entire site) and watch a video tutorial on how to set everything up.

All that’s needed to make external links noreferrer is to add our custom code to your site (before the closing body tag). All external links on your site will now automatically have a noreferrer attribute.

Our code also makes all external links nofollow and open in new tabs. To remove any of these, simply comment out the specific line of code or just delete it.

Adding exceptions

If you want to make an exception for an external link, just add the following attribute to it:

· ms-code-ext-link=”ignore”

Conclusion

That’s all you need to do to make your external links noreferrer, you can now test the external links on your site.

If you want to use our demo project to get you started, just click the button below to add it to your Webflow site.

Our demo can help you automatically make all external links nofollow on your Webflow site.

Take me to Cloneable!‍