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

熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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

熱門話題

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

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

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

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

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

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

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