首頁 CMS教程 &#&按 WordPress中的rel=”noopener”是什麼?

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

Feb 20, 2020 pm 04:55 PM
wordpress

下面由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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP 與 Flutter 的比較:行動裝置開發的最佳選擇 PHP 與 Flutter 的比較:行動裝置開發的最佳選擇 May 06, 2024 pm 10:45 PM

PHP和Flutter是行動端開發的流行技術。 Flutter勝在跨平台能力、效能和使用者介面,適合需要高效能、跨平台和自訂UI的應用程式。 PHP則適用於效能較低、不跨平台的伺服器端應用程式。

wordpress如何修改頁面寬度 wordpress如何修改頁面寬度 Apr 16, 2024 am 01:03 AM

透過編輯 style.css 文件,您可以輕鬆修改 WordPress 頁面寬度:編輯 style.css 文件,新增 .site-content { max-width: [您的首選寬度]; }。修改 [您的首選寬度] 以設定頁面寬度。儲存變更並清除快取(可選)。

wordpress文章在哪個資料夾 wordpress文章在哪個資料夾 Apr 16, 2024 am 10:29 AM

WordPress 文章儲存在 /wp-content/uploads 資料夾中。此資料夾使用子資料夾對不同類型的上傳進行分類,包括按年、月和文章 ID 組織的文章。文章檔案以純文字格式 (.txt) 存儲,檔案名稱通常包含其 ID 和標題。

wordpress如何做產品頁 wordpress如何做產品頁 Apr 16, 2024 am 12:39 AM

在WordPress 中建立產品頁面:1. 建立產品(名稱、描述、圖片);2. 自訂頁面範本(新增標題、描述、圖片、按鈕);3. 輸入產品資訊(庫存、尺寸、重量);4 .建立變體(不同顏色、尺寸);5. 設定可見性(公開或隱藏);6. 啟用/停用評論;7.預覽並發布頁面。

wordpress模板檔案在哪 wordpress模板檔案在哪 Apr 16, 2024 am 11:00 AM

WordPress 範本檔案位於 /wp-content/themes/[主題名稱]/ 目錄。它們用於決定網站的外觀和功能,包括頁首(header.php)、頁尾(footer.php)、主模板(index.php)、單篇文章(single.php)、頁(page.php)、檔案(archive.php)、類別(category.php)、標籤(tag.php)、搜尋(search.php)和404 錯誤頁面(404.php)。透過編輯和修改這些文件,可以自訂 WordPress 網站的外

wordpress如何搜尋作者 wordpress如何搜尋作者 Apr 16, 2024 am 01:18 AM

在 WordPress 中搜尋作者:1. 登入管理面板後,導覽至“文章”或“頁面”,使用搜尋欄輸入作者姓名,在“篩選器”中選擇“作者”。 2. 其他技巧:使用通配符擴大搜尋範圍,使用運算子組合條件,或輸入作者 ID 以搜尋文章。

wordpress用什麼語言開發 wordpress用什麼語言開發 Apr 16, 2024 am 12:03 AM

WordPress 採用 PHP 語言開發,作為其核心程式語言,用於處理資料庫互動、表單處理、動態內容產生和使用者請求。 PHP 被選擇的原因包括跨平台相容性、易於學習、活躍社群以及豐富的函式庫和框架。除了 PHP,WordPress 還使用 HTML、CSS、JavaScript、SQL 等語言來增強其功能。

wordpress哪個版本穩定 wordpress哪個版本穩定 Apr 16, 2024 am 10:54 AM

最穩定的 WordPress 版本是最新版本,因為它包含最新的安全性修補程式、增強效能並引入新功能和改進。為了更新到最新版本,請登入 WordPress 儀表板,前往「更新」頁面並點擊「立即更新」。

See all articles