Skip to main content

What is rel=”noopener” in WordPress? (Explained)

Recently, one of our readers asked: what is rel=”noopener” in WordPress? If you select to open a link in a new window, then WordPress adds this attribute to your link. In this article, we will explain what is rel=”noopener” in WordPress and how it affects your website.

What is rel=noopener in WordPress?

What is rel=”noopener” in WordPress?

rel=”noopener” is an HTML attribute that’s added to all WordPress links that are selected to open in a new browser tab. It is also accompanied by a rel=”noreferrer” attribute. This feature was introduced in WordPress to address a security vulnerability which can be exploited by malicious websites.

There are some JavaScript features that allow a new tab to get control of its referring window. If you link to an external website affected by the malicious code, then that website can use window.opener JavaScript property to change the original page (your website) to steal information and spread malicious code.

Adding rel=”noopener” prevents new tab from taking advantage of this JavaScript feature. Similarly, the rel=”noreferrer” attribute prevents passing on the referrer information to the new tab.

WordPress always stays ahead of the curve to help with website security. When you add a link and select ‘Open in New Tab’, then WordPress will add the rel=”noopener” and rel=”noreferrer” to the link code.

Opening a link in new window

The HTML code generated by WordPress looks like this:

<a href="https://example.com" target="_blank" rel="noreferrer noopener" aria-label="This is an external link (opens in a new tab)">demo link</a>

How rel=”noopener” Affects your WordPress SEO?

Even though the rel=”noopener” attribute improves WordPress security, several users want to avoid using it because they think it will impact their WordPress SEO.

That’s just a myth.

It has no impact on your WordPress site’s SEO rankings or the overall WordPress performance.

What’s the Difference Between noopener vs nofollow?

It’s easy to mix rel=”noopener” with rel=”nofollow”. They are completely separate.

The noopener attribute prevents your website from cross-site hacking and improves WordPress security.

On the other hand, nofollow attribute prevents your website from passing on SEO link juice to the linked website.

Search engines look for and consider nofollow attribute when following a link on your website. However, they do not give consideration to the noopener tag.

By default, WordPress does not allow you to add nofollow to your external links. If you want to add nofollow in WordPress, then you will need to use a plugin. For details, see our article on how to add title and nofollow to links in WordPress.

Does rel=”noreferrer” Affect Affiliate Links in WordPress?

The rel=”noreferrer” does not affect affiliate links in WordPress. Some users believe that it does because rel=”noreferrer” prevent passing the referrer information to the new tab.

However, most affiliate programs provide you with a unique URL that has your affiliate ID. This means your affiliate ID is passed along as a URL parameter for the other website to track.

Secondly, most affiliate marketers use a link cloaking plugin for their affiliate links.

With link cloaking, the affiliate link that your users click on is actually your website’s own URL which then redirects users to the destination URL.

How to Disable rel=”noopener” in WordPress?

There is no need to remove rel=”noopener” from links on your website. It is good for your website’s security and has no performance or SEO impact on your website.

However, if you must remove it, then you will have to disable Gutenberg block editor in WordPress and use the old classic editor. After that, you will need to add the following code to your theme’s functions.php file or a site-specific plugin.

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Note: We do not recommend removing rel=”noopener”. There is no good reason to do so.

We hope this article helped you learn about rel=”noopener” in WordPress. You may also want to see our guide on how to track outbound links in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post What is rel=”noopener” in WordPress? (Explained) appeared first on WPBeginner.

from: WPBeginner
via Editorial Staff

Source: What is rel=”noopener” in WordPress? (Explained) Via Business Advice.

Comments

Post a Comment

Popular posts from this blog

How to Add Web Push Notification to Your WordPress Site

Do you want to add push notifications to your WordPress site? Push notifications allow you to send notifications to users even when they are not visiting your website. In this article, we will show you how to easily add web push notifications to your WordPress site. We will also talk about the best WordPress push notification plugins and how to send desktop & mobile push notifications from your WordPress site. What is Push Notification? Push notifications are clickable messages displayed on top of user’s desktop or notification area on their mobile device. They can be shown even when the user’s browser is not open. Aside from desktop, web push notifications also work on mobile devices. This allows you to reach your users across devices with latest updates and offers. Web push notifications have proven to be a very effective way to convert website visitors into customers and loyal followers. Why Add Web Push Notifications to Your WordPress Site? We have already discussed tha...
Post a Comment
Read more

5 Things You Should Know about Purchasing a Company Vehicle

  Many businesses require a vehicle to do business. It transports both goods and people from point A to point B and allows you to keep business dealings in-house. However, choosing a good company vehicle can be somewhat complex. You shouldn’t take the decision lightly. Here are a few things you should know before you buy a vehicle for your business: Accidents can happen, placing liability on you. You might think that an accident won’t happen if you hire drivers with a good track record and write a rule-book with strict policies and procedures. These are good tactics for mitigating some of the risks associated with commercial car accidents, but they won’t protect you completely. More than two million car accidents happen each year. Many of them are commercial truck accidents, costing millions in damages. Since commercial drivers are on the road more than personal drivers, they’re significantly more likely to cause an accident. Understanding the liability that’s placed on yo...
Post a Comment
Read more

5 Essentials for Starting a Business in 2019

Is 2019 the year that you finally start your own small business or startup? There are a lot of good reasons to consider starting your company this year. You can do it. You don’t necessarily need a degree in business or finance to be successful. But keep reading—there are a few essentials for getting up and running that you won’t want to miss. 1. A great business idea If you’re kicking around a few ideas for your new company, or you think you have a concept but aren’t sure it will work, use these resources to help you think it through before you invest a ton of money and time. Validate your best ideas Our guide to coming up with a great business idea is packed with ideas for all kinds of industries. This article on generating hundreds of business ideas is a great place to start. When you’ve settled on one (or a few) favorites, download our free Business Idea Validation Checklist , which is an excellent tool for making sure your idea has legs before you invest any more time or...
Post a Comment
Read more