使用場景示例：

?

Nofollow 屬性會阻止您的網站將 SEO 鏈接權重傳遞到鏈接的網站，指示搜索引擎不要將任何 PageRank 從一個頁面傳遞到另一頁面。

搜索引擎在跟蹤您網站上的鏈接時會查找并考慮 nofollow 屬性。

使用方式：<a href="***.com" rel="nofollow">***.com</a>

rel=“noopener”屬性，避免鏈接網站控制瀏覽器中的鏈接頁面選項卡，阻止將其重定向到網絡釣魚頁面或惡意網站。杜絕個人數據被泄露，阻止被安裝惡意軟件。

Noopener阻止打開的頁面獲得對原始頁面的任何類型的訪問，即是增強網站的安全性并防止其他網站（通過瀏覽器會話）訪問您的頁面。

使用方式：

<a href="***.com" rel="noopener"?target=”_blank”>***.com</a>

Noreferrer (rel=“noreferrer”) 是“rel”HTML 鏈接屬性中的一個關鍵字，從 HTTP 標頭中刪除引薦信息來防止將引薦來源信息傳遞到目標網站，不將Referrer信息傳遞到被鏈接的網站。

即是當您不希望其他網站知道您正在鏈接到它們時，不希望在跟隨鏈接時泄露引用者信息，請在傳出鏈接上使用 rel=”noreferrer” 屬性。

使用方式：

<a href="***.com" rel="noreferrer"?target=”_blank”>***.com</a>

當您使用target="_blank"屬性鏈接到另一個網站上的頁面時，您的網站可能會面臨性能和安全問題：

A.?其他頁面可能與您的頁面在同一進程上運行。如果其他頁面運行大量 JavaScript，您的頁面的性能可能會受到影響。

B.?另一個頁面可以使用該屬性訪問您的window對象window.opener。這可能允許其他頁面將您的頁面重定向到惡意 URL。

添加rel="noopener"或rel="noreferrer"到您的target="_blank"鏈接可以避免這些問題。

使用方法：

<a href="***.com" rel="noreferrer" target="_blank">

與<a href="***.com" rel="noreferrer noopener" target="_blank"> 具有相同的作用。

(從?Chromium 版本 88 開始，默認情況下錨點會使用target="_blank"自動獲取noopener行為。但還是建議加全，理由見擴展知識2.)

1.?在GA中，來自具有 rel=”noreferrer” 屬性的鏈接的流量將顯示為直接流量而不是推薦流量。

2.?從 Chromium 版本 88 開始，默認情況下錨點會使用target="_blank"自動獲取noopener行為。

顯式規范rel="noopener"有助于保護傳統瀏覽器（包括 Edge Legacy 和 Internet Explorer）的用戶。但在谷歌燈塔lighthouse監測時，還是會提示target=“_blank”缺少noopener或noreferrer屬性。

總結

一般來說，當您在<a href=””>中給站外鏈接使用target="_blank"時, 請始終添加rel="noopener"或rel="noreferrer"，如果不希望頁面權重被稀釋，請多添加一個nofollow.