In this guide, we will see how to add Dofollow and Nofollow links in Gutenberg‎ [Wordpress 6.0] in 2022.

First, let’s talk about Gutenberg. It’s the block editor in WordPress 6.0, and it makes it easy to write posts and pages. Although Gutenberg is really good when it comes to visual editing, there are still a lot of users who prefer to use the classic editor.

As the title suggests, in Gutenberg you can add dofollow and nofollow links. And as we mentioned before, there is no convenient visual feature to add nofollow/dofollow attributes to your links. You actually need to switch to HTML mode to edit your links. Let’s start by explaining what dofollow and nofollow links are.‎

What is a Dofollow link?‎ ‎

‎ A dofollow link is one of the links that Google (and other search engines) could potentially follow and crawl, which in terms brings traffic to a website. These are quality links that point to well-ranked and recommended sites.

Example of Dofollow link:

<a href=””>Example</a>

‎What are Nofollow links?‎ ‎

Nofollow links are a bit different. They are basically dofollow links with some custom tweaks in the HTML. To create a nofollow link, you need to add an HTML attribute value ‎‎rel=”nofollow” ‎‎ which tells search engines like Google and their crawlers to ignore the specified link. Simply put, ‎‎nofollow links do not impact search engine rankings‎‎ because they do not pass “link juice”.‎ ‎

Example:‎ ‎

<a href= » » rel= »nofollow »>Example</a>‎

Reasons to add Dofollow and Nofollow links?‎ ‎

Both dofollow and nofollow links are essential for your site’s SEO ranking . If used correctly, these links can add a lot of organic and positive traffic to your website. A dofollow link informs Google that it is acceptable to follow and crawl the linked website and increase its ranking.

If you only use dofollow links (and lots of them), search engines will end up marking your links (or at least some of them) as spam. We recommend balancing your bond 50/50 if possible.‎

‎Cases You Should Consider Using Nofollow Links‎ ‎

  • Unapproved Content –  ​​if you are unable or unwilling to vouch for the content of linked pages.
  • Paid Links ‎‎ – a site’s ranking in Google search results is partially based on the analysis of the sites linked to it. If you want to prevent paid links from having any impact on users and their search results, be sure to change all paid links to nofollow.‎ ‎
  • Crawling prioritization – crawlers cannot login or register as a customer/member on your site, and therefore there is no real reason to follow links “‎‎register now‎‎” or “register”. Making such nofollow links allows Googlebot to prioritize other more important pages (knowledge base, tutorials, blog, gallery) when it comes to crawling. It may seem tiny, but it could turn out to be very productive and helpful for the natural growth of your website.‎

‎A few words about SEO‎ ‎

If you have a website, you’ve probably heard of search engine optimization (SEO). However, you should know that it is much more complex than you think. SEO is made up of various elements, including proper links within your website content. In general, SEO works for your site to make it more visible and help it grow in the most natural and positive way.

Add Dofollow links in Gutenberg

To add a dofollow link in Gutenberg, follow these steps:‎ ‎

  • Start by highlighting the text you want to turn into a link;‎ ‎
  • Next, go to the top of the Gutenberg block editor and click the link icon (you can also use CTRL+K):
add dofollow link in Gutenberg
  • ‎Copy the URL slug you want to link and paste it directly into the box. Click apply.
  • Now, you probably want that link to open in a new tab or window so that every time it’s clicked, your site doesn’t get abandoned. For this, you need to click on the link parameter and select the Open in new window:‎ option.
open nofollow links in a new anglet

‎Adding Nofollow Links‎ ‎

Adding nofollow links in Gutenberg is quite similar to adding dofollow links, with some additional tweaks:

  • At first you need to follow the steps you followed for dofollow links;
  • After that, click on these three vertical lines (‎‎Block Parameter‎‎) at the top of the block, then select Edit as ‎‎HTML‎‎:‎
add nofollow links to getenburg
  • ‎After switching to HTML mode, you will be able to see the part that says rel=”noreferrer noopener”. Replace the ‎‎noreferrer‎‎ ‎‎part with nofollow‎‎:‎
liien we nofollow


We hope you have now understood the difference between dofollow link and nofollow link and their importance for SEO. Keep in mind that the block editor gets improvements with almost every new WordPress 6.0 core update since the editor came in ‎‎version 6.0‎‎. Gutenberg is definitely something worth keeping at least.

If you liked this article, please subscribe to our reddit community to discuss it. You can also find us on Twitter and Facebook.

Tagged in:

About the Author

SAKHRI Mohamed

The blog of a computer enthusiast who shares news, tutorials, tips, online tools and software for Windows, macOS, Linux, Web designer and Video games.

View All Articles