How to Add No-Follow Link in Gutenberg - A Beginner’s Guide

Written by backlinkseo on June 2, 2020

Embracing Gutenberg's increasingly better but complex nuances may be difficult, but we're here to make the transition easier. Here's a simple guide on how to add no-follow link in Gutenberg.

SEO optimization

Okay, so before we get started, we’re aware a lot of you aren’t very acquainted with neither WordPress nor Gutenberg. And that’s completely okay. This article is written to familiarize you with both of them. Hence, before we dive into how to add no-follow link in Gutenberg, we’ll give you a quick rundown of all the terms involved in this article.

What Does WordPress Do?

WordPress is a free and open-source content management system written in PHP and paired with a MariaDB database. In simple words, it is one of the most popular open source Content Management Systems (CMS) out there. Approximately 75 million websites use WordPress. It is free to install, upgrade, and deploy.

To know more about WordPress, you can visit this page.

In the next sections of how to add no-follow link in Gutenberg, we’ll explain what Gutenberg is and also describe what a no-follow link is.

How Is Gutenberg Related To WordPress?

Heard about Johannes Gutenberg, right? He’s the man who invented the printing press. Back in the era, that was a huge revolution. Gutenberg aims to do the same. And that’s why, it was named after him.

Simply put, Gutenberg is a page builder in WordPress editor. It is built in a way so that it can incorporate the WordPress core. Gutenberg aims to simplify and modernize content creation for users without being dependent on customized HTML. Gutenberg isn’t just aesthetically pleasing, but also a wholesome editing experience.

Now, before we tell you how to add no-follow link in Gutenberg, make sure you know what a no-follow link is.

What Exactly Is A No-Follow Link?

A no-follow link is one of the two types of backlinks. Generally speaking, this link doesn’t add much value to your website. It is because a no-follow tag asks the search engine to ignore that link. For this reason, they do not have a direct impact on search engine rankings.

To know more about backlinks and how they work, you may read this article that explains what a backlink is and why it’s still important in this time and age.

How To Add No-Follow Link In Gutenberg

Alright, so let’s get started. When you want to add a no-follow link in Gutenberg, there is no direct option to do so. You have to edit the HTML code for this. However, it’s fairly easy. All you need to do is just go through the following steps.

First, log in to your WordPress account. Then go to one of your posts.

WordPress Dashboard

Let’s take a sample post now. Select the part where you want to add a link. Then, add whichever link you want to add. It should look something like this.

adding nofollow link in gutenberg

You will notice that there is no direct option to add a no-follow tag. So, click on ‘More Options’ to view what else you can do. Select the option ‘Edit as HTML’.

how to add no-follow link in gutenberg

Now, if you’re not used to HTML, it may seem gibberish. Don’t worry about that. You don’t have to do much either. Just replace ‘rel=norefferer noopener’ with ‘rel=nofollow noreferrer noopener’. Do not change anything else. The code ‘rel=nofollow’ is actually the code you put for a no-follow tag.

how to add no-follow link in gutenberg

Once that’s done, go back to your post by selecting ‘Edit visually’. And that’s it. You have successfully inserted a no-follow tag in Gutenberg!

We really hope this article provided you with a concrete guideline about how to add no-follow link in Gutenberg. If you have any more queries, do let us know!

Related Posts