How to add Dofollow and Nofollow link in Gutenberg?

How to add Dofollow and Nofollow link in Gutenberg_

How to add Dofollow and Nofollow link in Gutenberg?

Share on

How to add Dofollow and Nofollow link in Gutenberg?

Are you confused and trying to figure out how to add Dofollow and Nofollow link in Gutenberg block editor?

Gutenberg is a WordPress new editor that groups sections into small blocks. Although Gutenberg is pretty amazing with its new block features, most users prefer classic editor to it. If you are new with Gutenberg then you are more likely to be stuck.

In Gutenberg, you can only add dofollow and nofollow link manually. That means dofollow and nofollow link plugins don’t work in Gutenberg despite their availability.

In this article, we are going to discuss how to add do-follow and no-follow link in Gutenberg editor without a plugin.

What are Dofollow Links?

Dofollow links are SEO juice-passing links that pass points and boost the page rank of the linked to sites. It is the link that Google’s algorithm follows and crawls. Ultimately it also brings a lot of traffic to your website.

Example of Dofollow Link

<a href=””>Codevibrant</a>

What are Nofollow Links?

Nofollow links are links with a rel=”nofollow” HTML attribute value that instructs the search engines bots to ignore that specific link. In simple word, nofollow links don’t impact search engine rankings because they do not pass link juice.

Example of Nofollow Link

<a href=”” rel=”nofollow”>Codevibrant</a>

Why should you add Dofollow links and Nofollow links?

Dofollow links and nofollow links both are essential for Google ranking. They can bring a lot of organic traffic on your site. Dofollow link tells Google to follow and crawl the linked site and boost the rank of the linked site. You can add Nofollow to paid links from stopping them to negatively influence your search results.

Although nofollow links don’t pass link juice, it is also equally important for SEO. If you only use the dofollow link then search engine tags your links on a post as spam. Thus you should add both dofollow and nofollow link in a balanced ratio.

Adding Dofollow and Nofollow link in Gutenberg

You might think it’s tough to add dofollow links and nofollow link in Gutenberg editor but in reality, it’s not that hard.

Adding Dofollow Links

Links are dofollow by default. To add dofollow link follow the instruction given below:

  • First of all highlight the text where you want to add a dofollow link and nofollow link then go to the top of Gutenberg block editor and click on the link icon or press ctrl+k.
  • Copy the URL of the post which you want to link and paste it in the box then click on apply.




  • Now click on the link setting and again click on ‘Open New Tab’ so, it opens in a new app.

Adding Nofollow Links

Adding nofollow link is similar to adding dofollow links. So at first follow all three steps mentioned above.

  • Click on the three vertical lines(Block Setting) on the top of the block then select ‘Edit as HTML’.
  • Now you can see content in HTML code. Add the text rel=”nofollow” to the link in order to make it nofollow as shown in the video.



Thus, you can easily add the dofollow and nofollow links in Gutenberg by following these instructions. Hope this article is helpful. You can also follow us on Facebook and Twitter.

If you have any issue related to WordPress feel free to ask us in the comment below:

Here are some other informative articles that you may like to read:

Share on

7 thoughts on “How to add Dofollow and Nofollow link in Gutenberg?

  1. Pingback: How to Add Link to WordPress (3 Easy Methods) – L2V2-Tech
  2. Hello Kriti,

    This is really helpful guide on how to add do-follow and no-follow links in WordPress Gutenberg.

    Plugins sometime occupy large scripts that might slow down the blog. So, without using plugin, Adding the links technique is really actionable idea to save some space.

    Good job

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.