noopener-noreferrer-dofollow-nofollow-role-in-seo
Let’s see a comparison of no-opener, no-referrer, do-follow, and no-follow-role-in SEO.
WordPress introduces a new way to links that open in a new tab. WP now automatically adds rel=”SEO” to the code. You can also add it manually if you are not using WordPress.
Old Way:
<a href=”https://example.com” target=”_blank”>Anchor text</a>
New Way:
<a href=”https://example.com” target=”_blank” rel=”noopener noreferrer”>Anchor textWhat is rel=”noreferrer”?
| Site:X Site: Y X have a hyperlink of Y inside its pages with noreferrer. Y can’t get the knowledge that the visitor is coming from site X. |
When you click a link from one site to another, for example, you click a link of another website XYZ.com available on t4tutorials.com, this is known as a referral. It means that t4tutorials.com tells the XYZ.com that the visitor on XYZ.com is coming from t4tutorials.com.
What does the rel=”noreferrer” attribute do?
The rel=”noreferrer” remove the referral data from the click.
In technical words, we can say that rel=”noreferrer” instructs the browser to remove the referral website information from the HTTP header.
Due to any reason, If you don’t want a website to know that you are linking to their website, then it is very important to use this tag.
How to use noreferrer?
<a href=”https://t4tutorials.com/” rel=”noreferrer”>Google</a>
What is rel=”noopener”?
| Site:X Site: Y X have a hyperlink of Y inside its pages with noopener. |
Y is less authorized to keep the security and privacy of site X.
If we want to make a link open in a new tab, then simply we add the target=”_blank” attribute to the href tag.
This is not a good approach because the page you open with the target=”_blank” can get the control of the original page(not always).
The attribute rel=”noopener” prevents your page in the context of security
It is better to use remove rel=”noopener” when you are linking your website with any third party website.
Note: The attributes “nofollow” and “noreferrer” are totally designed for different purposes.
<a href=”https://t4tutorials.com/” rel=”noopener”>Google</a>
What is rel=”dofollow”?
| Site:X Site: Y X have a hyperlink of Y inside its pages. Search Engines consider an authority of Y. |
How to use dofollow?
By default each hyperlink is dofollow link.
<a href=”https://t4tutorials.com/” >Google</a>
What is rel=”nofollow”?
| Site:X Site: Y X have a hyperlink of Y inside its pages. Search Engines consider no special authority of Y. |
How to use nofollow?
<a href=”https://t4tutorials.com/” rel=”nofollow”>Google</a>