WordPress introduced the Gutenberg editor with the release of version 5.0. Although the idea was to improve the editing experience, it didn’t work well. Some things are either changed or become more difficult Australia WhatsApp Number List with Gutenberg compared to the previous classic editor. One such example is adding a nofollow value to hyperlinks. In this article, we will explain how to add nofollow to links in the WordPress Gutenberg editor. Related: Check out over 200 free WordPress tutorial articles. Why do you need a Nofollow value in links? There are many situations where you want to link an external web page to your content. Adding links to reputable and reliable websites is a good way to make your content appealing to your readers. For example, when you want to mention a plugin.
Add Nofollow Attribute
Follow the instructions below to add a nofollow value to hyperlinks in the WordPress Gutenberg editor. When you’re on the post or page editor, click inside a block and highlight the text you want to add a link to. Click the hyperlink icon and insert an external link or type a keyword to choose the web page to link from your site. Add links to text Add links to text After adding a link, click the ⮐ arrow to apply the link to the selected content. We also recommend configuring the nofollow link to open in a new tab. To do this, click on the three-dot button of the link element and activate the “Open in a new tab” option.
Added Several Nofollow Links
Add links to text with Open in new tab Add links to text with Open in new tab Now click on the three point adjustment button for the block as shown in the image below. Editing block elements in HTML format Editing block elements in HTML format Choose the “Edit to HTML” option. Now the block will display the HTML content and locate the anchor tag (an HTML tag). You will see the rel attribute with noreferrer and noopener values. Just add nofollow values to the same rel attribute. Add Nofollow to text links in Gutenberg editor Add Nofollow to text links in Gutenberg editor You won’t see the rel attribute if you haven’t enabled the link to open in a new tab.