首頁  >  文章  >  CMS教程  >  WordPress中的rel=”noopener”是什麼?

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

藏色散人
藏色散人轉載
2020-02-20 16:55:282333瀏覽

下面由WordPress教學欄位來跟大家介紹rel=”noopener」是什麼?希望對需要的朋友有幫助!

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

最近,一位讀者問:WordPress中的rel="noopener"是什麼?如果您選擇在新視窗中開啟鏈接,則WordPress會將此屬性新增至您的連結。在本文中,我們將解釋WordPress中的rel="noopener"以及它如何影響您的網站。

什麼是Word中的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的唯一網址。這意味著您的會員ID將作為URL參數傳遞給其他要追蹤的網站。

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

使用連結隱藏,用戶點擊的聯盟連結實際上是您網站自己的URL,然後將用戶重定向到目標網址。

如何在WordPress中停用rel ="noopener"?

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

但是,如果必須將其刪除,則必須在WordPress中停用Gutenberg區塊編輯器並使用舊的經典編輯器。之後,您需要將以下程式碼新增到主題的functions.php檔案或特定於網站的插件。

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;
}

注意:我們不建議刪除rel="noopener"。沒有充分的理由這樣做。

更多編程相關內容,請關注php中文網程式設計入門欄位!

以上是WordPress中的rel=”noopener”是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:zmingcx.com。如有侵權,請聯絡admin@php.cn刪除