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

您是否想知道WordPress 中的含義? rel="noopener"

當您添加在新選項卡中打開的連結時,WordPress 會自動將屬性添加到連結。 rel="noopener"

在本文中,我們將解釋WordPress中的含義以及它如何影響您的網站。 rel="noopener"

WordPress 中的 rel=“noopener” 是什麼? (解釋)

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

當您向您的WordPress 網站添加連結時,您可以使用 HTML 屬性來控制按下該連結時發生的情況。

例如,當您創建連結時,有一個切換開關允許您在新選項卡中打開它。

在新標籤頁中打開連結

WordPress 為該連結生成的 HTML 代碼如下所示:


<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

請注意,一些 HTML 屬性已新增到連結中, 並且. 添加這些屬性是為了解決安全漏洞。 rel="noopener"rel="noreferrer"

問題在於 JavaScript 代碼可用於允許新選項卡控制其引用視窗。 如果您連結到受惡意代碼影響的外部網站,則該網站可以使用JavaScript中的屬性更改原始頁面(您的網站)以竊取資訊並傳播惡意代碼。 window.opener

WordPress 添加以防止新選項卡利用此 JavaScript 功能。 同樣,該屬性阻止將引薦來源信息傳遞到新選項卡。 rel="noopener"rel="noreferrer"

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

它沒有。

儘管該屬性提高了 WordPress 的安全性,但一些用戶還是避免使用它,因為他們認為這會影響他們的WordPress SEO。 rel="noopener"

但這只是一個錯誤的猜測。

它不會影響您網站的SEO 排名或您的整體WordPress性能。

“noopener”和“nofollow”有什麼區別?

很容易與混淆。 但是,它們是完全獨立的屬性。 rel="noopener"rel="nofollow"

該屬性可防止您的網站遭到跨站駭客攻擊並提高 WordPress 的安全性。 noopener

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

nofollow搜尋引擎在訪問您網站上的連結時會查找並考慮該屬性。 但是,他們不考慮標籤。 noopener

默認情況下,WordPress 不允許您添加外部連結。 如果你想在 WordPress 中添加,那麼你將需要使用一個外掛程式。 nofollownofollow

rel=“noreferrer” 會影響 WordPress 中的附屬連結嗎?

這不會影響 WordPress 中的附屬連結。 一些用戶認為這樣做是因為阻止了引用信息傳遞到新選項卡。 rel="noreferrer"rel="noreferrer"

但是,大多數聯屬網路營銷計劃都會為您提供一個包含您的聯屬網路行銷 ID 的唯一 URL。 這意味著您的會員 ID 作為 URL 參數傳遞給其他網站進行跟蹤。

其次,大多數聯盟行銷人員為其聯盟連結使用連結偽裝外掛程式。

使用鏈接偽裝,您的使用者點擊的附屬鏈接實際上是您網站自己的URL,然後將使用者重定向到目標URL。

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

無需從您網站上的連結中刪除。 它有利於您網站的安全,並且對您的網站沒有性能或 SEO 影響。 rel="noopener"

但是,如果您必須刪除它,那麼您將不得不禁用WordPress 中的古騰堡塊編輯器並使用舊的經典編輯器。

那是因為如果您手動從鏈接中刪除,塊編輯器會自動將其添加回來以確保您的網站安全。 rel="noopener"

禁用塊編輯器后,您需要將代碼片段添加到主題的functions.php檔或WPCode外掛程式(推薦)。

只需將以下代碼複製到一個新的 PHP 片段中:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}
使用 WPCode 新增代碼片段

確保更改「活動」開關,然後按下「保存代碼段」按鈕。

這將阻止 WordPress 添加新連結。 您還需要手動編輯任何舊連結以刪除該屬性。 rel="noopener"

想要更多地控制將哪些 rel 屬性添加到 WordPress 中的連結? 我們推薦使用AIOSEO 外掛程式,因為它可以讓您在 WordPress 編輯器中添加標題、nofollow 和其他鏈接屬性。

AIOSEO 插入鏈接彈窗添加NoFollow和Title屬性
分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *