Have you ever seen those game shows where participants have to find the designer product in a sea of ​​fakes?

It is my favorite part of watching the participants squint to examine the products. Firstly because I love game shows, but also because you really can't tell the difference at first glance.

Nofollow links are something like that. You can't tell them apart from regular links just by looking at them.

Since Google continues to prioritize links in its ranking criteria, tracking those links should be on your SEO to-do list.

How do you find nofollow links and add them to your web pages? All of these answers and more below.

What is a nofollow link?

When you hyperlink text, that link is in an HTML tag. A nofollow link is an attribute within the tag that tells Google to ignore the link while crawling the page. This is widely used in comments, forums, and more recently sponsored links.

This is important as links have a huge impact on your search engine ranking. Regardless of whether you are linking internally or externally, this tells Google that the landing page is valuable. This, in turn, can increase the ranking of the page – it's called "link juice".

The better your link building, the better your chances of ranking higher.

So if you tell Google to ignore a link, the landing page won't get any link juice. For example, suppose a food blogger uploads a blog post. The blogger can add a nofollow attribute to the comments section to tell Google, "Hey, any link in here is not linked to me and I don't vouch for it."

As Google is tightening its link requirements, it's important for brands to understand how they work.

This is how you can tell whether a link is not following

To find a nofollow link, you can follow one of two routes: use a tool that does it for you (jump to this section here), or check it out yourself. For the DIY option, here are the steps :

1. Right click on the page and select the Verify option.
Right click on the inspection tool

2. Hold down Command + F or Ctrl + F to search for "nofollow" in your code.

Look for "nofollow" in the code

3. Scroll to find the highlighted nofollow attributes. It should look something like this:

Nofollow Link Example "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Nofollow-link-example.png?width=300&name=Nofollow-link-example.png 300w, https: // blog.hubspot.com /hs-fs/hubfs/Nofollow-link-example.png?width=600&name=Nofollow-link-example.png 600w, https://blog.hubspot.com/hs-fs/hubfs/Nofollow -link-example. png? width = 900 & name = Nofollow-link-example.png 900w, https://blog.hubspot.com/hs-fs/hubfs/Nofollow-link-example.png?width=1200&name=Nofollow- link-example.png 1200w, https://blog.hubspot.com/hs-fs/hubfs/Nofollow-link-example.png?width=1500&name=Nofollow-link-example.png 1500w, https: // blog. hubspot.com/hs-fs/hubfs/Nofollow-link-example.png?width=1800&name=Nofollow-link-example.png 1800w "sizes =" (maximum width: 600px) 100vw, 600px

How to create a nofollow link

Creating a nofollow link is as simple as adding rel = "nofollow" to the anchor tag in the HTML. If that didn't make sense, don't worry. Here is the breakdown:

The code for a regular hyperlink looks like this:

The linked text goes here

When you add a nofollow link attribute, the attribute moves between the target URL and the linked text as follows:

The linked text goes here

Here is an example of using the HubSpot blog:

Visit the HubSpot blog

Once you have the link, you can add it to the appropriate section of the source code on your content management system (CMS).

How to create a nofollow link in WordPress

When creating a nofollow link in WordPress, you have two options: manually entering a link in the HTML code or using a plugin. You can find the individual steps here.

Manually creating a nofollow link in WordPress

1. Select the anchor text that you want to add a link to.

2. Click the link icon to add a link to the field.

Red arrow points to the link symbol "width =" 420 "style =" width: 420px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-1.png?width=210&name=no-follow-link-step-1 .png 210w, https : //blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-1.png? width = 420 & name = no-follow-link-step-1.png 420w, https: // blog. hubspot.com/hs-fs/hubfs/no-follow-link-step-1.png? width = 630 & name = no-follow-link-step-1.png 630w, https: // blog. hubspot.com/hs-fs/hubfs/no-follow-link-step-1.png?width=840&name=no-follow-link-step-1.png 840w, https://blog.hubspot.com/hs -fs / hubfs / no-follow-link-step-1.png? width = 1050 & name = no-follow-link-step-1.png 1050w, https://blog.hubspot.com/hs-fs/hubfs/ no-follow-link-step-1.png? width = 1260 & name = no-follow-link-step-1.png 1260w "sizes =" (maximum width: 420px) 100vw, 420px

Image source

3. Click on the three dots and select "Edit HTML".

Red arrow points to "Edit as HTML" "srcset =" https://blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-2.png?width=210&name=no-follow-link -step-2.png 210w, https://blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-2.png?width=420&name=no-follow-link-step-2. png 420w, https://blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-2.png?width=630&name=no-follow-link-step-2.png 630w, https: //blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-2.png?width=840&name=no-follow-link-step-2.png 840w, https: //blog.hubspot .com / hs-fs / hubfs / no-follow-link-step-2.png? width = 1050 & name = no-follow-link-step-2.png 1050w, https://blog.hubspot.com/hs- fs / hubfs / no-follow-link-step-2.png? width = 1260 & name = no-follow-link-step-2.png 1260w "sizes =" (maximum width: 420px) 100vw, 420px

Image source

4. Add the rel = "nofollow" attribute and you're done.

Nofollow attribute in the HTML tag "srcset =" https://blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-3.png?width=210&name=no-follow-link-step -3 .png 210w, https://blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-3.png?width=420&name=no-follow-link-step-3.png 420w , https: //blog.hubspot.com/hs-fs/hubfs/no-follow-link-step-3.png? width = 630 & name = no-follow-link-step-3.png 630w, https: // blog. hubspot.com/hs-fs/hubfs/no-follow-link-step-3.png?width=840&name=no-follow-link-step-3.png 840w, https://blog.hubspot.com/hs -fs / hubfs / no-follow-link-step-3.png? width = 1050 & name = no-follow-link-step-3.png 1050w, https://blog.hubspot.com/hs-fs/hubfs/ no-follow-link-step-3.png? width = 1260 & name = no-follow-link-step-3.png 1260w "sizes =" (maximum width: 420px) 100vw, 420px

Image source

If you're using an older version of WordPress, you may need to access the source code from the Text tab.

WordPress text tab "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-1.jpg?width=300&name=Classic-editor-no-follow -link-1. jpg 300w, https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-1.jpg?width=600&name=Classic-editor-no-follow- link-1.jpg 600w, https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-1.jpg?width=900&name=Classic-editor-no-follow-link -1.jpg 900w , https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-1.jpg?width=1200&name=Classic-editor-no-follow-link- 1.jpg 1200w, https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-1.jpg?width=1500&name=Classic-editor-no-follow-link-1 .jpg 1500w, https : //blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-1.jpg? width = 1800 & name = Classic-editor-no-follow-link-1. jpg 1800w "sizes =" (maximum width: 600px) 100vw, 600px

Image source

Then add the nofollow attribute manually.

WordPress source code "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-2.jpg?width=300&name=Classic-editor-no-follow -link-2. jpg 300w, https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-2.jpg?width=600&name=Classic-editor-no-follow- link-2.jpg 600w, https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-2.jpg?width=900&name=Classic-editor-no-follow-link -2.jpg 900w , https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-2.jpg?width=1200&name=Classic-editor-no-follow-link- 2.jpg 1200w, https://blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-2.jpg?width=1500&name=Classic-editor-no-follow-link-2 .jpg 1500w, https : //blog.hubspot.com/hs-fs/hubfs/Classic-editor-no-follow-link-2.jpg? width = 1800 & name = Classic-editor-no-follow-link-2. jpg 1800w "sizes =" (maximum width: 600px) 100vw, 600px

Image source

Then return to the "Virtual" tab and continue editing the post.

Creating a nofollow link in WordPress with a plugin

When creating a nofollow link with a plugin, the steps vary depending on the plugin installed. However, here is an example of how it works with the All in One SEO for WordPress plugin.

1. First download the plugin and activate it.

2. Create or edit a post or page.

3. In your edit text field, select the anchor text and click the link icon.

Add link icon in WordPress "width =" 453 "style =" width: 453px; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/1how-to-add-nofollow-links-in-wordpress.png?width=227&name=1how-to-add -nofollow-links- in-wordpress.png 227w, https://blog.hubspot.com/hs-fs/hubfs/1how-to-add-nofollow-links-in-wordpress.png?width=453&name=1how- to-add-nofollow -links-in-wordpress.png 453w, https://blog.hubspot.com/hs-fs/hubfs/1how-to-add-nofollow-links-in-wordpress.png?width=680&name = 1how-to- add-nofollow-links-in-wordpress.png 680w, https://blog.hubspot.com/hs-fs/hubfs/1how-to-add-nofollow-links-in-wordpress.png? width = 906 & name = 1how-to-add-nofollow-links-in-wordpress.png 906w, https://blog.hubspot.com/hs-fs/hubfs/1how-to-add-nofollow-links-in -wordpress .png? width = 1133 & name = 1how-to-add-nofollow-links-in-wordpress.png 1133w, https://blog.hubspot.com/hs-fs/hubfs/1how-to-add-nofollow-links- in -wordpress.png? width = 1359 & name = 1how-to-add-nofollow-links-in-wordpress.png 1359w "sizes =" (maximum width: 453px) 100vw, 453px

Image source

4. Paste the target link into the field.

Field for inserting the destination URL "srcset =" https://blog.hubspot.com/hs-fs/hubfs/2how-to-add-nofollow-links-in-wordpress-2.png?width=194&name=2how -to -add-nofollow-links-in-wordpress-2.png 194w, https://blog.hubspot.com/hs-fs/hubfs/2how-to-add-nofollow-links-in-wordpress-2. png? width = 387 & name = 2how-to-add-nofollow-links-in-wordpress-2.png 387w, https://blog.hubspot.com/hs-fs/hubfs/2how-to-add-nofollow-links -in -wordpress-2.png? width = 581 & name = 2how-to-add-nofollow-links-in-wordpress-2.png 581w, https://blog.hubspot.com/hs-fs/hubfs/2how-to- add-nofollow-links -in-wordpress-2.png? width = 774 & name = 2how-to-add-nofollow-links-in-wordpress-2.png 774w, https://blog.hubspot.com/hs-fs / hubfs / 2how-to-add-nofollow-links -in-wordpress-2.png? width = 968 & name = 2how-to-add-nofollow-links-in-wordpress-2.png 968w, https: // blog. hubspot.com/hs-fs/hubfs/2how-to-add-nofollow-links-in-wordpress-2.png?width=1161&name=2how-to-add-nofollow-links-in-wordpress-2.png 1161w "Sizes =" (maximum width: 387 pixels) 100 VW, 387 pixels

Image source

5. Additional options for the link will also appear in the same field, including the "Add Nofollow To Link" option.

Adding nofollow links in WordPress "width =" 443 "style =" width: 443px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/how-to-add-nofollow-links-in-wordpress-3.png?width=222&name=how-to -add-nofollow- links-in-wordpress-3.png 222w, https://blog.hubspot.com/hs-fs/hubfs/how-to-add-nofollow-links-in-wordpress-3.png? width = 443 & name = how to add nofollow-links-in-wordpress-3.png 443w, https://blog.hubspot.com/hs-fs/hubfs/how-to-add-nofollow-links-in - wordpress-3.png? width = 665 & name = How-to-Add-Nofollow-Links-in-WordPress-3.png 665w, https://blog.hubspot.com/hs-fs/hubfs/how-to- add-nofollow-links -in-wordpress-3.png? width = 886 & name = Instructions for adding nofollow-links-in-wordpress-3.png 886w, https://blog.hubspot.com/hs-fs / hubfs / how-to-add-nofollow-links-in -wordpress-3.png? width = 1108 & name = how-to-add-nofollow-links-in-wordpress-3.png 1108w, https: // blog. hubspot.com/hs-fs/hubfs/how-to-add-nofollow-links-in-wordpress-3.png?width=1329&name=how-to-add-nofollow-links-in-wordpress-3.png 1329w "Sizes =" (maximum width: 443 pixels) 100 VW, 443 pixels

Image source

6. Make sure this option is selected and you are done.

Pro tip: Many SEO plugins include the nofollow link function. So if you want to optimize your website, you can install a plugin with multiple SEO features.

Nofollow link checker tools

1. MozBar

This free Google Chrome extension, created by the SEO software company Moz, highlights all the nofollow links on a page with one click.

MozBar NoFollow Link Tool "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Links.gif?width=300&name=MozBar%20NoFollow%20Links.gif 300w, https: // blog.hubspot.com /hs-fs/hubfs/MozBar%20NoFollow%20Links.gif?width=600&name=MozBar%20NoFollow%20Links.gif 600w, https://blog.hubspot.com/hs-fs/hubfs/MozBar% 20NoFollow% 20Links. gif? Width = 900 & name = MozBar% 20NoFollow% 20Links.gif 900w, https://blog.hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Links.gif?width=1200&name=MozBar% 20NoFollow% 20Links.gif 1200w, https://blog.hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Links.gif?width=1500&name=MozBar%20NoFollow%20Links.gif 1500w, https: // blog. hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Links.gif?width=1800&name=MozBar%20NoFollow%20Links.gif 1800w "sizes =" (maximum width: 600px) 100vw, 600px

It also tracks internal and external links and keywords that are followed on the page. MozBar identifies each link type by its color, so you can quickly scan the page and find what you're looking for.

When using the extension, keep in mind that when you scroll down, you will not see any links under drop-down menus. You need to click the menu to see the nofollow links. Confused? See the GIF below.

MozBar NoFollow Tool "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Tool.gif?width=300&name=MozBar%20NoFollow%20Tool.gif 300w, https: // blog.hubspot.com /hs-fs/hubfs/MozBar%20NoFollow%20Tool.gif?width=600&name=MozBar%20NoFollow%20Tool.gif 600w, https://blog.hubspot.com/hs-fs/hubfs/MozBar% 20NoFollow% 20Tool. gif? Width = 900 & name = MozBar% 20NoFollow% 20Tool.gif 900w, https://blog.hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Tool.gif?width=1200&name=MozBar% 20NoFollow% 20Tool.gif 1200w, https://blog.hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Tool.gif?width=1500&name=MozBar%20NoFollow%20Tool.gif 1500w, https: // blog. hubspot.com/hs-fs/hubfs/MozBar%20NoFollow%20Tool.gif?width=1800&name=MozBar%20NoFollow%20Tool.gif 1800w "sizes =" (maximum width: 600px) 100vw, 600px

2. Varvy

With Varvy's free nofollow tool, finding nofollow links is as easy as entering the page's URL and clicking "Test". It doesn't provide a visual representation of where the nofollow links are on the page, but it does indicate how many there are.

Varvy NoFollow Link Tool "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Varvy%20NoFollow%20Link%20Tool.gif?width=300&name=Varvy%20NoFollow%20Link%20Tool.gif 300w, https: // blog .hubspot.com / hs-fs / hubfs / Varvy% 20NoFollow% 20Link% 20Tool.gif? width = 600 & name = Varvy% 20NoFollow% 20Link% 20Tool.gif 600w, https://blog.hubspot.com / hs-fs / hubfs / Varvy% 20NoFollow% 20Link% 20Tool.gif? width = 900 & name = Varvy% 20NoFollow% 20Link% 20Tool.gif 900w, https://blog.hubspot.com/hs-fs/hubfs/Varvy%% 20NoFollow% 20Link% 20Tool.gif? Width = 1200 & name = Varvy% 20NoFollow% 20Link% 20Tool.gif 1200w, https://blog.hubspot.com/hs-fs/hubfs/Varvy%20NoFollow%20Link%20Tool.gif?width = 1500 & name = Varvy % 20NoFollow% 20Link% 20Tool.gif 1500w, https://blog.hubspot.com/hs-fs/hubfs/Varvy%20NoFollow%20Link%20Tool.gif?width=1800&name=Varvy%20NoFollow%20Link% 20Tool.gif 1800w "Sizes =" (maximum width: 600px) 100vw, 600pxThis is one of the easiest ways to get an idea of ​​how many nofollow links you have. From there, you'll need to find other tools to carry out your next steps.

3. No Follow

NoFollow is a free extension for Chrome and Firefox. Similar to MozBar, the nofollow links on the page are identified and highlighted using a red dotted box.

NoFollow Chrome / Firefox Extension "width =" 600 "style =" width: 600px; Screen lock; margin: 0px auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/NoFollow%20ChromeFirefox%20Extension.png?width=300&name=NoFollow%20ChromeFirefox%20Extension.png 300w, https: // blog.hubspot.com /hs-fs/hubfs/NoFollow%20ChromeFirefox%20Extension.png?width=600&name=NoFollow%20ChromeFirefox%20Extension.png 600w, https://blog.hubspot.com/hs-fs/hubfs/NoFollow% 20ChromeFirefox% 20Extension. png? Width = 900 & name = NoFollow% 20ChromeFirefox% 20Extension.png 900w, https://blog.hubspot.com/hs-fs/hubfs/NoFollow%20ChromeFirefox%20Extension.png?width=1200&nameNo 20ChromeFirefox% 20Extension.png 1200w, https : //blog.hubspot.com/hs-fs/hubfs/NoFollow%20ChromeFirefox%20Extension.png? width = 1500 & name = NoFollow% 20ChromeFirefox% 20Extension.png 1500w, https: // blog. hubspot.com/hs-fs/hubfs/NoFollow%20ChromeFirefox%20Extension.png?width=1800&name=NoFollow%20ChromeFirefox%20Extension.png 1800w "sizes =" (maximum width: 600px) 100vw, 600px

As long as the extension is active, it will work without prompting on any page you visit. Just like the MozBar, if a link under a dropdown menu has a nofollow attribute, it won't appear until you click the dropdown menu.

So imagine yourself like a game show contestant. To win the SEO game, you need to take a closer look at your website's links. This will keep you on the good side of Google and increase your chances of landing (and staying) on ​​the first page of the SERP.

Link building

LEAVE A REPLY

Please enter your comment!
Please enter your name here