With the release of WordPress 5.0, the most popular content management system (CMS) introduced a new block editor along with significant user interface (UI) changes.
The new block editor permits an editor to alter a single piece of content in its own block.
Moreover, blocks can be reused and hold the ability to convert to another type if needed.
With drastic user interface changes and the move away from the classic editor that millions of WordPress users were extremely familiar with, some bloggers may wonder how to add
A rel=”nofollow” attribute tells search engines to refrain from transferring any link juice from your site to an external website.
This tutorial will show you how to manually add the rel=”
1. Create A New Post In WordPress 5 (Posts > Add New)
Start by creating a new post in WordPress from the admin panel just like you normally did before in previous versions of WordPress.
2. In New Visual Editor, Enter Some Text In A New Block And Highlight To Insert External Link Into
To demonstrate most simply, ensure that the new editor is in the visual editor and not the code editor. The default is the visual editor.
In the new visual editor, enter some text in a new block and highlight the text you want to insert the external link into.
Proceed by clicking the link icon on the top of the editor.
3. In Link Box, Type Or Paste External Site URL
In the link box, type or paste in the external site URL.
4. To Open External Link In New Tab, Click On Link Settings & Click On Icon Of “Open In New Tab”
If you want the external link to open in a new tab when clicked in the web browser, click on link settings and click on the icon left of “Open In New Tab“.
Ensure that the icon in link settings has turned from white to blue.
5. Apply Changes
To apply your changes, click on the arrow that is pointing towards the left on the right.
We will see that the text/site URL has been highlighted in blue.
6. To Add Nofollow To External Link, Click On “Show More Tools & Options” Icon, & Click On Code Editor
Click on “Show more tools & options” option icon on the right side of the editor.
To switch to the code editor, click on it under the “Editor” section of “Show more tools & options“.
7. In Code Editor, Switch From rel=”noreferrer noopener” To rel”noopener nofollow”
By default, WordPress automatically adds rel=”noreferrer noopener” attributes to all external links.
To tell the search engine to refrain from transferring link juice from your site to an external site, you have to change the default attributes from rel=”
Therefore, in our example, we change the code accordingly from:
8. Exit Code Editor
You may exit the code editor after adding the nofollow attribute to your external links.
You can go back to using the visual editor and changing back to the code editor whenever you need to add other rel=”
9. Check That Nofollow Has Been Successfully Added To External Links In WordPress 5 Blog Posts By Viewing Webpage Of Site’s Source Code & Pressing CTRL + F On Keyboard
After you have published your article, right click on the webpage of the article and click “View Page Source” (Google Chrome) to view the web page’s source code.
Proceed by clicking CTRL + F on your keyboard to find your web browser’s search bar and type in “
Your web browser will automatically highlight the “nofollow” text in the page source (Google Chrome).
This tutorial has illustrated how to manually add rel=”
Remembering the steps in this guide is key to assisting you in easily adding rel=“nofollow” links to your external URLs in the future.