rel="noopener"是一個HTML屬性，添加到所有選擇在新瀏覽器選項卡中打開的WordPress鏈接。它還伴隨著rel="noreferrer"屬性。
此功能是在WordPress中引入的，用于解決可被惡意網站利用的安全漏洞。
先舉個栗子
<htmllang="en"><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale="1.0""><metahttp-equiv="x-ua-compatible"content="ie=edge">Document<ahref="b.html"target="_blank">da<htmllang="en"><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale="1.0""><metahttp-equiv="x-ua-compatible"content="ie=edge">Document其中在a.html中有個超鏈接，點擊后打開新的tab頁，神奇的發(fā)現(xiàn)原tab頁已經變成了谷歌頁面。原因是使用
target=_blank
打開新的窗口時，賦予了新的窗口一些權限可以操作原tab頁，其中
window.location
就是一個。不使用
rel=noopener
就是讓用戶暴露在釣魚攻擊上。
有一些JavaScript功能允許新選項卡控制其引用窗口。如果您鏈接到受惡意代碼影響的外部網站，則該網站可以使用window.opener JavaScript屬性更改原始頁面(您的網站)以竊取信息并傳播惡意代碼。
添加rel="noopener"會阻止新標簽利用此JavaScript功能。同樣，rel="noreferrer"屬性可防止將引用者信息傳遞給新選項卡。
WordPress始終保持領先地位，以幫助提高網站安全性。當您添加鏈接并選擇“在新標簽頁中打開”時，WordPress會將rel="noopener"和rel="noreferrer"添加到鏈接代碼中。
一、使用rel=noopener
為了防止
window.opener
被濫用，在使用
targrt=_blank
時需要加上
rel=noopener
二、rel=norefferrer
rel=noopener
支持chrome49和opera36，不支持火狐，為了兼容需要加上
rel=noreferrer
三、noopener與nofollow之間有什么區(qū)別?
noopener屬性可以防止您的網站被跨站點黑客攻擊并提高WordPress的安全性。
另一方面，nofollow屬性可以防止您的網站將SEO鏈接排名傳遞給鏈接的網站。
搜索引擎會查找并考慮nofollow屬性。但是，他們不會考慮noopener標簽。
四、rel=noreferrer”會影響WordPress中的聯(lián)盟鏈接嗎
rel=noreferrer”不會影響WordPress中的聯(lián)盟鏈接。一些用戶認為這樣做是因為rel ="noreferrer"阻止將引用者信息傳遞給新選項卡。
大多數聯(lián)盟提供具有會員ID的唯一網址。
這意味著您的會員ID將作為URL參數傳遞給其他要跟蹤的網站。
五、WordPress中禁用rel ="noopener"
如果必須將其刪除，則必須在WordPress中禁用Gutenberg塊編輯器并使用舊的經典編輯器。之后，您需要將以下代碼添加到主題的functions.php文件或特定于站點的插件中。
add_filter('tiny_mce_before_init','wpb_disable_noopener');function wpb_disable_noopener( $mceInit ){$mceInit['allow_unsafe_link_target']=true;return $mceInit;}rel="noopener"有利于網站的安全性，并且對的網站沒有任何性能或SEO影響。
萬千度博客提醒注意事項：
添加之后新發(fā)布的內容附帶的鏈接如果設置為新窗口打開那么將不會再自動添加Noopener Noreferrer屬性。
如果之前發(fā)布的文章已經附帶了該屬性即使添加之后也不會自動去除，你需要手動編輯然后依次刪除新屬性。
即手動編輯文章并將編輯器切換到文本模式然后將
rel ="noopener noreferrer"
刪除掉然后保存更新就行了。
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
