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.

difference between dofollow and nofollow and noreferrer and noopner 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.

rel=noreferrer diagram

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>

Add a Comment