WordPress中的rel =“ noopener”是什麼? (說明)


最近,我們的一位讀者問:WordPress中的rel =“ noopener”是什麼? 如果您選擇在新窗口中打開鏈接,則WordPress會將此屬性添加到您的鏈接中。 在本文中,我們將解釋WordPress中的rel =“ noopener”以及它如何影響您的網站。

WordPress中的rel = noopener是什麼?

WordPress中的rel =“ noopener”是什麼?

rel =“ noopener”是HTML屬性,已添加到所有在新瀏覽器選項卡中選擇打開的WordPress鏈接中。 它還帶有rel =“ noreferrer”屬性。 WordPress中引入了此功能,以解決可被惡意網站利用的安全漏洞。

有一些JavaScript功能允許新標籤頁控制其引用窗口。 如果您鏈接到受惡意代碼影響的外部網站,則該網站可以使用 window.opener JavaScript屬性可更改原始頁面(您的網站)以竊取信息並傳播惡意代碼。

添加rel =“ noopener”會阻止新選項卡利用此JavaScript功能。 同樣,rel =” noreferrer”屬性可防止將引薦來源信息傳遞給新選項卡。

WordPress始終處於領先地位,以幫助網站安全。 當您添加鏈接並選擇“在新選項卡中打開”時,WordPress將在​​鏈接代碼中添加rel =“ noopener”和rel =“ noreferrer”。

在新窗口中打開鏈接

WordPress生成的HTML代碼如下所示:

demo link

rel =” noopener”如何影響您的WordPress SEO?

即使rel =” noopener”屬性提高了WordPress的安全性,但仍有一些用戶希望避免使用它,因為他們認為這會影響其WordPress SEO。

那隻是個神話。

它對您的WordPress網站的SEO排名或整體WordPress性能沒有影響。

noopener和nofollow有什麼區別?

將rel =“ noopener”與rel =“ nofollow”混合很容易。 它們是完全分開的。

noopener屬性可防止您的網站受到跨站點黑客攻擊並提高WordPress安全性。

另一方面,nofollow屬性可防止您的網站將SEO鏈接汁傳遞給鏈接的網站。

當跟隨您網站上的鏈接時,搜索引擎會尋找並考慮nofollow屬性。 但是,它們沒有考慮noopener標籤。

默認情況下,WordPress不允許您將nofollow添加到外部鏈接。 如果要在WordPress中添加nofollow,則需要使用插件。 有關詳細信息,請參閱有關如何在WordPress中為鏈接添加標題和nofollow的文章。

rel =“ noreferrer”是否會影響WordPress中的會員鏈接?

rel =“ noreferrer”不會影響WordPress中的會員鏈接。 一些用戶認為這樣做是因為rel =” noreferrer”阻止將引薦來源信息傳遞給新選項卡。

但是,大多數會員計劃會為您提供一個具有您的會員ID的唯一URL。 這意味著您的會員ID將作為URL參數傳遞給其他網站進行跟踪。

其次,大多數會員營銷人員將鏈接隱藏插件用於其會員鏈接。

通過鏈接隱藏,用戶單擊的關聯鏈接實際上是您網站的自己的URL,然後將用戶重定向到目標URL。

如何在WordPress中禁用rel =“ noopener”?

無需從您網站上的鏈接中刪除rel =“ noopener”。 這對您網站的安全性有好處,並且對您的網站沒有性能或SEO影響。

但是,如果必須將其刪除,則必須在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”。 沒有充分的理由這樣做。

我們希望本文能幫助您了解WordPress中的rel =“ noopener”。 您可能還希望查看有關如何在WordPress中跟踪出站鏈接的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。