How To Add Nofollow Links In Gutenberg

How To Add Nofollow Links In Gutenberg

Hello Everybody!! Today, I am going to share the stepsto Add Nofollow Links In Gutenberg. You can add nofollow links inGutenberg manually only.

You might be thinking that there are various pluginsto add nofollow links in WordPress but they don’t work in Gutenberg. So we willhave to add them manually. It is very easy to do that. Even a beginner can doit. So, keep reading to learn more about Nofollow links and addingthem in Gutenberg.

Must Read: How To Create Anchor Links In Gutenberg Editor

What is a Nofollow Link?

Nofollow link is a link which tells search engines to not pass any link authority from your website to the website you are linking to.

Adding a Nofollow link means that you don’t trust the website. You can change any link into a nofollow link by adding this link attribute: rel=”nofollow”.

Must Read: How To Clear WordPress Cache

When Should You Add Nofollow?

The following are some cases when you should addnofollow links:-

1. External Links

Sometimes, you link to external source to provide areference to what you are writing. Since, you don’t anything on the site youare linking to, you should add a nofollow link to them.

2. Affiliate and Paid Links

If you don’t want search engines to consider your sitespammy or seling site then you should always add nofollow links to youraffiliate and paid links.

Must Read: How To Remove “Activate Windows” Watermark Permanently

How To Add Nofollow Links In Gutenberg

It was easy to add nofollow links in the classiceditor because of the plugins. But in Gutenberg, you can add it manually only.You may think that working with code is difficult but it’s not. To check out,follow the steps mentioned below.

Select the text where you want to add a Nofollow linkin Gutenberg. Click on the link icon and copy the URL that you want to link andpaste in the box.

Adding The Link To Add Nofollow Links In Gutenberg
Adding The Link

Then, click on the Link Settings and enable Openin New Tab.

Editing Link Settings To Add Nofollow Links In Gutenberg
Editing Link Settings

Now, click on the Block Settings icon and click on Edit as HTML. You will be able to see norefferer and noopener values added to the rel attribute. Now, just add nofollow with them and keep a space between them.

Add Nofollow Links In Gutenberg
Adding Nofollow Link

Now, you can go back to Visual Editor by clicking on the Block Settings and then clicking on Edit Visually.

Editing Visually To Add Nofollow Links In Gutenberg
Editing Visually

So, these were the steps to Add Nofollow Links In Gutenberg. I hope after reading this post, you can create Nofollow Links in Gutenberg easily.

Manvir Singh

Leave a Reply

Your email address will not be published. Required fields are marked *