
The new WordPress Gutenberg editor has many great features that let you create beautiful posts and pages.
While many users still rely on the classic editor, there are many who have made the switch and are not looking back. That’s much awesome Gutenberg is.
But there is one thing Gutenberg cannot do. It doesn’t let you directly add a nofollow link. In Gutenberg, you’ll have to add a nofollow manually.
You might be thinking you can use those good old nofollow plugins. Well, I’m sorry to break it to you but those plugins don’t work with the new Gutenberg block editor.
That’s probably why you’re here looking for a solution.
Well, in this article, I’m going to show you how to add nofollow links in WordPress block editor.
Let’s get started.
Now, let’s take a look at how you can add nofollow links in Gutenberg.
How To Add Nofollow Links Manually
In the Gutenberg editor, adding nofollow links is done manually. Here’s how you can add or make any link in Gutenberg a nofollow.
In your editor, highlight or select the text you wish to add the nofollow link to.

Now, click on the link icon and paste your link.

We have just added a link to your desired text. Let’s make this link nofollow.
Click on the link settings and enable the Open in New Tab option. This isn’t really necessary but is a good practice for your external links.

Now, click on the block settings icon and select ‘Edit as HTML’. This shows the HTML of the block.

You’ll be able to see the hyperlink tag along with the link you added. In this tag, you’ll notice the rel-tag has been added with ‘noreferrer’ and ‘noopener’ values.
In this rel-tag, add the nofollow value as shown below.

That’s it. You’ve successfully added a nofollow link to your website.
Any time you wish to add a nofollow link, you will have to edit the block in HTML and add the nofollow value in the rel attribute. You don’t have to change anything in the hyperlink tag.
How To Nofollow Link Using A Plugin
Here at UltimateBlocks.com, we use the RankMath WordPress SEO plugin. It’s a great alternative to the Yoast SEO Plugin.
One of the awesome features of Rank Math is Nofollow checkbox in the URL option.

It makes it extremely easy to add nofollow links in WordPress.
Also Read: 5 Best Internal Linking Plugins for WordPress
Conclusion
Adding nofollow links in Gutenberg can get a little frustrating as it’s a lot of manual work, especially when you have to add many nofollow links.
I’m sure this tutorial will help add nofollow links in Gutenberg easily. If you have any questions regarding the tutorial, do comment below.
Have you tried the wordpress plugin “title and nofollow links” it is really helpful in getting the nofollow tag added to each link.
Adding nofollow links in Gutenberg was a little frustrating especially if you had many links.
But now there’s a free plugin that makes it easy to add nofollow links in the block editor without having to manually edit the html.
It’s called EditorsKit Gutenberg Page Building Toolkit, and with it you simply need to switch on the “No Follow” option and your link will become nofollow. I think many WordPress users (especially beginners) will find this useful.
You can see how it works in this tutorial on how to add nofollow links in Gutenberg without switching to html mode: https://wpreviewspro.com/how-to-add-nofollow-links-in-gutenberg/
Wow, that’s awesome. It makes adding nofollow links extremely easier. Thanks for sharing this.
I am using the EditorsKit Gutenberg Page Building Toolkit to justify and giving NoFollow attribute to the links. Sometimes It is very difficult to add a link through HTML editor.
Yes, EditorsKit is a good option for adding nofollow links.