Disclosure: Please note that this article may contain affiliate links. You can read my full disclosure here.Need help with the Tech-side of blogging? Join my Facebook Group and get some answers.
What exactly does nofollow mean and why would I use it?
When a link is set as nofollow this tells search engines to literally not follow that link on your post when they are crawling through and indexing your site. What’s more, nofollow tells search engines that you have been compensated in some way for the link that is shared on your post. So if it is an affiliate link or a link to a company that has given you a free product for a review or sponsored post, these are the types of links that need to be set as “nofollow”.
Another example is on my post for what to do if someone steals your blog post, I shared a link to the host of the offender and did not want Google to follow that link or give them a thumbs up also called “link juice” since this link was shared from a negative experience.
Follow links have the benefit of helping your SEO, so if someone randomly quotes you or mentions your website because they like what you are doing, most often this will be a follow link. In contrast, the nofollow link has little to no SEO benefit.
Adding NOFOLLOW to your link
Open your post to edit it, and find where you added the links, you will need to switch to the html editor.
- Click the block that has the link to make it active
- Click the 3 dots
- Select edit as html
- Click the three dots again, switch back to the Visual Editor
The next steps are the same for both Classic Editor and Gutenberg.
Important note: regarding the fancy curly or slanted quotes, the Gutenberg and Classic editor will ignore these, and you will get weird output, if you see a fancy or curly quote ” delete it and retype it, it should appear as a straight quote "
If your link Opens in the Same Window
You will notice on the link above that there is no attribute “rel”. Place your cursor between the ” and the > and add a space and type in rel=”nofollow” it will look similar to below
If your link is set to open in a new tab
In this case you will see that the rel attribute exists (if you have saved or updated your post) as WordPress automatically adds rel=”noopener noreferrer” to links that open in a new tab.
In this case, place the pointer/cursor between the ” and the word noopener, and add rel=”nofollow noopener noreferrer”>, as shown below. Note, it doesn’t matter what order you type in noopener, nofollow, as long as they are in there is what matters.
If you are using Gutenberg:
Both Classic Editor and Gutenberg:
Confirming your changes on the front-end
Open your website in the browser and right-click on or near a link and choose “inspect” from the right-click menu.
This example shows a link that is set to open in a new tab.
Before your changes you will see something like this:
After your changes you see something like this:
Want more information on becoming an Amazon Affiliate? See this Post by Tracie Fobes on Amazon Affiliates Ultimate Guide on using Amazon Affiliate’s the right way.
Debbie Gartner has a great post over here on how she makes over $7000/month with Amazon Affiliates. I think I need to try her techniques.
As always if you need assistance, you can check out my services page and we can arrange to work together on a remote screen-sharing session services page.