NOOPENER: What is it and how does it affect your WordPress website?

When creating a link in WordPress, you may have seen \” NOOPENER \”. It most often appears in your page or blog post link and then open the text/code editor to view the HTML that constitutes the link. Sometimes it appears, sometimes it does not. At other times, it will match the separate code, such as \”Noreferrer\” or \”NOFOLLOW\”.

NOOPENER

The attribute will be added automatically according to whether you choose to open the link in the new tab. It usually looks like this: REL \u003d \u0026 Quot; Noopner \u0026 Quot; .

没有开场白

Here In the article, we answered the question \”What is no?\” At the same time, it has also extended its role, how to delete this attribute, and how it benefits your WordPress content benefits from SEO and alliance marketing.

Continue reading to understand all information about the NOOPENER attribute value! Directory:

What is no?

What does it look like?

  • REL \u003d \u0026 Quot; Noopner \u0026 Quot; What is actually doing?
  • NOOPENER VS Noreferrer VS NOFOLOW

  • The advantages and disadvantages of noopner

  • How to add, delete and delete, delete and delete and delete and delete and delete and delete and delete and delete. Discontinue NOOPENER
  • #Noopner: What does this mean and how does it affect your website? #WordPress

  • Click the tweet
What is no? What does it look like? NOOPENER is REL \u003d \u0026 Quot; \u0026 Quot;

HTML attribute value. It will be automatically or manually added to any of the links you add to your wordpress.

\u0026 lt; area \u0026 gt;

and

\u0026 lt; form \u0026 gt;

element in HTML, the most common usage of the nOOPENER value (especially in wordpress) appeared in realization

\u0026 lt; A \u0026 gt;

element, that is. Link or hyperlink anchor.

\u0026 lt; a href \u003d \u0026 quot; \u0026 quot; \u0026 gt; hyperlink element element It is allowed to allow you to make any content from the webpage to the email address. That’s it -without the attributes that tell the hyperlink in the new tab when you click. However, WordPress users can mark a checkbox to open the hyperlink in the new tab when clicking. After the selection, wordpress will insert target \u003d \u0026 quot; _blank \u0026 quot; , which will indicate that the browser opens the link in the new tab. As a reward, Roth \u003d \u0026 Quot; NOOPENER \u0026 Quot; The value also eventually appeared in the code to prevent security threats.

Sometimes, this value is paired with \”Noreferrer\”. We will discuss how they work together and what they are different later.

In the traditional WordPress editor, you can highlight some texts and insert links. In the pop -up window, you can add URL, link text, and mark the check box as \”

open the link in the new tab . It means that the link is not opened in the new tab when clicking on this box, and WordPress will leave the hyperlink of the property without rel \u003d \u0026 quot; noopner \u0026 quot; .

As you see from the text editor, there is no rel \u003d \u0026 quot; noopner \u0026 quot; super super The link generates a standard

\u0026 lt; a href \u003d \u0026 quot; \u0026 quot; \u0026 gt;

element.

在添加 noopener 之前为空复选框

The check -in box and click the ENTER button of the hyperlink will be completely changed.

后端代码上的链接

Switch to the text editor again, we are now seeing a REL \u003d \u0026 Quot; NOOPENER \u0026 Quot; Properties. You will also notice that WordPress adds a

target \u003d \u0026 quot; \u0026 quot;

attribute (with

_blank 检查在新标签中打开 value), it is actually the HTML code opened in the new tab in the new tab. Essence

For Gutenberg visual editor editor Users, WordPress Noopner values \u200b\u200blook a bit different; on the contrary, each new URL shows a switch switching to \”Open in the new tab\”.

Leaving the switch \”

Off

\” will lead noopener 看起来像什么 Elements, where the hyperlink is opened in the same tab (we can’t see any

rel \u003d \u0026 quot; noopner \u0026 quot;

attribute).

在新选项卡中打开添加 noopener

But the switch \”

open \” will activate the function of WordPress.

When you look at the code, you will find that this link has a

rel \u003d \u0026 quot; noopner \u0026 quot; 简单的href链接 attribute, and it is from a one

Noreferrer

Value pairing.

在新标签页中打开开关 Unless you add a link to WordPress and open the text/code editor, you will never see

rel \u003d \u0026 quot; NOOPENER \u0026 Quot;

Properties. If you open the link in the new tab, you will know that WordPress adds this attribute, but unless you playOpen the code view, otherwise WordPress will not show any reference to any Noopner value. You can also manually add the attribute by transferring to the code and enter it yourself. But WordPress has made it easier through a visual check box/switch, so this is unnecessary.

Turn to the top 编辑代码部分中的 noopener 值

REL \u003d \u0026 Quot; noopner \u0026 quot; [123 123 ] What is the attribute actually done?

Now we know REL \u003d \u0026 Quot; Noopner \u0026 Quot;

What is the attribute and its appearance, we will explain its links, your website, and your website to you to reach you to you Interaction between websites.

In short, this attribute is a response to security vulnerabilities, and websites with malicious code can partially access to their websites. When the link is opened in the new tab, the attack is valid. All new optional card links are actually granted access to the reference site (your site) through the JavaScript attribute called Window.opner . Therefore, you accidentally link to a malicious website will actually give the control authority to edit your page, install malware or any other number of attack robots or website administrators.

With this threat, WordPress quickly took action, as long as the user created in the new option in the new options The link to open in the card will automatically include

rel \u003d \u0026 quot; noopner \u0026 quot;

Properties. Why? Because

REL \u003d \u0026 Quot; Noopner \u0026 Quot;

The attribute will prevent the link from access to Window.opner javascript function to eliminate the threat. Gutenberg also includes

Noreferrer

value, which can prevent the link (probably malicious) sites seeing your site completely link to them. Therefore, it eliminates the security vulnerabilities caused by opening the link in the new tab, and Noreferrer hides your site information when opening the link in the new tab. You may be right. Essence Essence Interested: Is the speed of the WordPress website really important for SEO?

How to optimize images for your website and make it applicable to all devices (responding images of mobile devices, desktop machines, tablets)

What is the search intention? How to identify the intention of better SEO

Turn to the top NOOPENER VS Noreferrer VS NOFOLLOW NOOPENER, NOREFERERER and NOFOLLOW may be inserted REL \u003d \u0026 Quot; \u0026 Quot; The value in the attribute is most common when creating a hyperlink.

  • It is usually confusing that these values \u200b\u200bare supporting hyperlinks and affecting SEO and site security The way is very different.

The following is a method of distinguishing them:

No opening white

can be placed in REL \u003d \u0026 quot; \u0026 quot; HTML value in the attribute. Close Window.opner JavaScript security vulnerability to protect sites that may not be linked to malicious URL.

When the website owner creates a link to be opened in the new tab (using

target \u003d \u0026 quot; _blank \u0026 quot;

), WordPress will automatically add reL \u003d \u0026 quot \u0026 quot ; Properties.

You often see the values \u200b\u200bconnected in series with the noreferrer in the attribute in

reL \u003d \u0026 quot; \u0026 quot;

. They complete different work, but are committed to the same type of security.

    Value helps safety. Contrary to rumors, it will not affect SEO in any way.

  • No recommended person
  • can be placed in the html value in the attribute in

  • rel \u003d \u0026 quot; \u0026 quot; . Prevent the browser from sending the address of the web page to the link to the link. This means that the malicious website has another obstacle when trying to visit your website.
  • In Gutenberg, when you insert a link to open in the new tab, wordpress will automatically add norefeRRER value. If you use a traditional editor, you must manually add Noreferrer.

  • The noreferrer value is usually listed before rel \u003d \u0026 quot; \u0026 quot;
  • Before the noopent value in the attribute, as shown below:

  • rel \u003d \u0026 quot; noreferrer noopner \u0026 quot;
  • .

The noreferrer value can also help improve security by hiding your referral source URL by hiding other sites. This value will not affect SEO, but if you view the website by analyzing software, it may increase the number of reports of direct traffic.

Many member marketers believe that the Noreferrer value will damage the SEO result because the search engine hopes to see the exemption statement of the membership link (so as not to hide that you recommend something because you get paid). However, there is no evidence that Noreferrer will affect the SEO of the alliance link.

    However, its impact on the affiliated link is that according to your subsidiary partners, they may not be able to attribute the visitors you mentioned to your account. The noreferrer parameter prevents them from doing so. Therefore, if you want to determine that your auxiliary links are tracked correctly, you should not set Noreferrer on them.

  • Do not follow
  • You can put the html value in the attribute in

  • rel \u003d \u0026 quot; \u0026 quot; . Tell the search engine not to send \"link juice\" to the website where you link. High -quality link juice can improve the search engine ranking of your link to the website. This is because search engines have seen value in many links to some content. The website administrator refused to send the link juice to some websites/pages for various reasons.
  • When the link is placed in the comments and forums, this operation is usually forced because you do not want a bunch of malicious links in the comments part.

  • Some websites use the NOFOLLOW value in the internal link, so as not to tell the search engine to create too many internal links. However, there is no evidence that this is important.

  • SEO will be affected by NOFOLLOW, but it is limited to the use of auxiliary links or redirecting to sponsorship content or any promotion content you get. In essence, search engines do not want to provide link juice to the website just because they pay for traffic. Therefore, use

  • reL \u003d \u0026 quot; nofollow \u0026 quot;
  • attribute is a good idea.

Turn to the top

The advantages and disadvantages of noopner

  • Many people confuse NOOPENER with nofollow. This is why they think REL \u003d \u0026 Quot; NOOPENER \u0026 Quot; Properties It is vital to improving SEO or using a subsidiary link. But this is not available for any of them. However, it does have several other benefits.
  • Advantages

NOOPENER Value prevents malicious sites from visiting JavaScript

Window.opner

object.

Window.opner

Provides part of the access to the link site when opening in the new tab, so it helps eliminate this threat.

It improves security and still allows you to open the link in the new tab. Many people think that this will bring a more pleasant user experience.

When creating a link that is opened in the new tab, WordPress will automatically insert the property. If you use Gutenberg or traditional WordPress editor, it will perform this operation, which basically eliminates any manual work of you.

If necessary, you can insert attributes into the code at any time. It does not affect the SEO, Affiliated link or performance on your website.

Disadvantages

Try to distinguish NOOPENER, Noreferrer and Nofollow. Some users even start adding NOOPENER values \u200b\u200bto all links, hoping to improve SEO. But this is just a waste of time.

    There is a simple way to completely avoid

  • Window.opner Security vulnerability, that is, you only need to open your link in the same tab. Therefore, value is not so necessary, because threats can be avoided. Technically speaking, Noreferrer has limited access to Window.opner
  • , so many people think that NOOPENER is superfluous.

  • Turn to the top
  • How to add, delete and discontinue NOOPENER
  • You canUse the \”Open in the New tab\” switch to a single hyperlink in WordPress to add or delete the Noopner value.

  • This switch is not selected means that the value has not been added. Cancel the switch in the previous link to delete the Noopner value from your code, even if you can’t see it in the visual editor. The activation switch will add the value to the hyperlink code. Similarly, unless you check the code editor, this is not visible.
  • To enter the gutenberg code editor, please click the option button (three vertical points), then click

code editor

button.

Here, you can add the value to the attribute in rel \u003d \u0026 quot; \u0026 quot; . You only need to delete Noopner text. If this is what you want, you can also choose to delete the entire rel \u003d \u0026 quot; \u0026 quot; attribute.

在新标签页中打开 In the classic WordPress editor, you can add or delete the Noopner value by clicking the link in the visual editor. Select

Edit (pencil)

icon.

代码编辑器链接

This allows you to edit the link link Itself, but you want to click the link option (gear)

icon to adjust the more advanced settings.

在代码编辑器中找到 rel=noopener

To add noopner, please mark \” Open the link in the new tab

\” box. To delete NOOPENER from the previous link, you only need to cancel the selection of this box.

The classic WordPress editor provides a text tab to modify the page/post code. This is another way to add or delete the NOOPENER value to the link. Click the text tab and find the link to be edited. Add a

R before the right bracket of

a href \u003d \u0026 quot; \u0026 quot; \u0026 gt;

EL \u003d \u0026 Quot; NOOPENER \u0026 Quot; 编辑链接按钮 attribute, or delete the NOOPENER text to delete it from the link.

Delete the NOOPENER function 查找 noopener 的链接选项

from your entire WordPress website

NOOPENER is completely discontinued, but we strongly recommend that you leave it because there is no benefit of SEO or connecting network marketing. Without it, you are easily attacked. However, if you have a legitimate reason to stop NOOPENER on the entire site, please find the theme

Functions.php

file and paste the following code:

在新的标签页打开链接

123]add_filter(

\u0026#39;tiny_mce_before_init\u0026#39;

, \u0026#39;wpb_disable_noopener\u0026#39; ); function

wpb_disable_noopener[ 123]

($ MceInit) 文本选项卡

{$ MCEINIT [

\u0026#39; Alow_unsafe_link_Target \u0026#39;

] \u003d

True

Return

$ MCEINIT;}

Code language: pHP

 (
) Whenever you choose to open the link in the new tab, this will prevent WordPress from adding rel \u003d \u0026 quot; noopner \u0026 quot; Properties. Turn to the top Summary In this article, we discussed NOOPENER's basic knowledge, and how it mainly adds to the WordPress link to protect your website exemption Code attacked. When you accidentally link to malicious sites containing malware or viruses, these attacks usually occur. We also emphasized the difference between NOOPENER, Noreferrer and NOFOLLOW, especially Nofollow is the only related to SEO or Unioned online marketing. REL \u003d \u0026 Quot; \u0026 Quot; value.Finally, we explained how to use, add and delete Noopner values at your WordPress site.
If you have any questions or ideas for using rel \u003d \u0026 quot; noopner \u0026 quot; , please leave us a message in the comments below!

#Noopner: What does this mean and how does it affect your website?#WordPress Click tweet

Don’t forgetJoin our speed for speeding up the speed of WordPress website.With some simple repair, you can even reduce the loading time by 50-80%:

]

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *