Adding NoFollow in Gutenberg
In Words
When you add a link in Gutenberg, you may get a popup that allows you to toggle a setting for nofollow to be added to your site. This is run via Yoast. We’ve heard of times that it doesn’t work, but our tests all yielded good results.
Make sure you do that for every single affiliate and sponsored link!
If you don’t have Yoast, or you are having trouble with it, you will need to switch to “Edit as HTML” for that text.
From here, find the link that you added (it should start with <a href=” and then the page you linked to). You need to make sure that the link has rel=”nofollow” as a part of the HTML. It may already have something else tagged as rel, such as rel=”noopener”. In this case, you would combined them together, like rel=”nofollow noopener”. The order does not matter, so that’s one less thing to worry about!
Before
After
This must be done for all links that should be nofollowed, which includes anything that you can earn money or goods from, including sponsored links and affiliate links. See our Nofollow Links: 7 Things You Need to Know post for more details.
In Video
Adding NoFollow in Classic Editor
In Words
After you have added a link 
that needs to be nofollowed, switch from Visual to Text in the upper right-hand corner of your editor.
From here, find the link that you added (it should start with <a href=” and then the page you linked to). You need to make sure that the link has rel=”nofollow” as a part of the HTML. It may already have something else tagged as rel, such as rel=”noopener”. In this case, you would combine them together, like rel=”nofollow noopener”. The order does not matter, so that’s one less thing to worry about!
Before
After
This must be done for all links that should be nofollowed, which includes anything that you can earn money or goods from, including sponsored links and affiliate links. See our Nofollow Links: 7 Things You Need to Know post for more details.
In Video
