Shulou(Shulou.com)06/02 Report--

This article is about what rel= "noopener" means in WordPress. The editor thought it was very practical, so I shared it with you as a reference. Let's follow the editor and have a look.

Recently, a reader asked: what is the rel= "noopener" in WordPress? If you choose to open the link in a new window, WordPress adds this attribute to your link. In this article, we will explain the rel= "noopener" in WordPress and how it affects your site.

What is the rel= "noopener" in Word?

Rel= "noopener" is a HTML attribute that is added to all WordPress links that you choose to open in the new browser tab. It is also accompanied by the rel= "noreferrer" attribute. This feature was introduced in WordPress to address security vulnerabilities that can be exploited by malicious websites.

There are some JavaScript features that allow new tabs to control their reference windows. If you link to an external Web site affected by malicious code, the site can use the window.opener JavaScript property to change the original page (your site) to steal information and spread malicious code.

Adding rel= "noopener" prevents new tags from taking advantage of this JavaScript feature. Similarly, the rel= "noreferrer" property prevents the referrer information from being passed to the new tab.

WordPress has always been in the lead to help improve website security. When you add a link and select Open in New tab, WordPress adds rel= "noopener" and rel= "noreferrer" to the link code.

The HTML code generated by WordPress is as follows:

Demo link

How does rel= "noopener" affect your WordPress SEO?

Even if the "rel=noopener" attribute improves the security of WordPress, some users want to avoid using it because they think it will affect their WordPress SEO.

It's just a myth.

It has no effect on your WordPress site's SEO ranking or overall WordPress performance.

What is the difference between noopener and nofollow?

It is easy to mix rel= "noopener" with rel= "nofollow". They are completely separate.

The noopener attribute protects your site from cross-site hackers and improves the security of WordPress.

On the other hand, the nofollow attribute prevents your site from passing SEO link rankings to linked sites.

When following links on your site, the search engine looks for and considers the nofollow attribute. However, they will not consider the noopener tag.

By default, WordPress does not allow you to add nofollow to external links. If you want to add nofollow to WordPress, you need to use a plug-in. For more information, see our article to learn how to add a title and nofollow to a link in WordPress.

Will rel=noreferrer affect federated links in WordPress?

"rel=noreferrer" does not affect federated links in WordPress. Some users believe that this is because rel= "noreferrer" prevents the citation information from being passed to the new tab.

However, most alliance programs will provide you with a unique URL with your affiliate ID. This means that your member ID will be passed as a URL parameter to other sites to track.

Second, most alliance marketers use link hiding plug-ins as their alliance links.

Using link hiding, the federated link that the user clicks is actually your site's own URL, and then redirects the user to the target URL.

How do I disable rel = "noopener" in WordPress?

There is no need to remove rel= "noopener" from the links on your site. It is good for the security of your site and does not have any performance or SEO impact on your site.

However, if you must delete it, you must disable the Gutenberg Block Editor in WordPress and use the old Classic editor. After that, you need to add the following code to the theme's functions.php file or to the site-specific plug-in.

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

Note: we do not recommend deleting rel= "noopener". There is no good reason to do so.

Thank you for reading! So much for sharing what rel= "noopener" means in WordPress. I hope the above content can be helpful to you, so that you can learn more knowledge. If you think the article is good, you can share it and let more people see it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.