rel =」 noreferrer noopener」的含義及其對SEO的影響

「 Noreferrer noopener」是能夠添加到傳出連接中的HTML屬性。

這些標籤有什麼做用，以及它們如何影響您的SEO工做？

在這篇文章中，我將解釋noreferrer和noopener標籤之間的區別，它們與

nofollow標籤 有何不一樣，以及使用每種標籤 時對SEO的影響。

• 什麼是rel =「 noreferrer」？
• 何時使用rel =「 noreferrer」？
• rel =「 noreferrer」和SEO
• Noreferrer和WordPress
• Noreferrer和會員連接
• Nofollow和Noreferrer之間的區別
• 什麼是rel =「 noopener」？
• rel =「 noopener」和SEO

讓咱們從一些定義開始。

什麼是rel =「 noreferrer」？

rel =「 noreferrer」標記是一種特殊的HTML屬性，能夠添加到連接標記（<a>）中。

經過從HTTP標頭中刪除引薦信息，能夠防止將引薦信息傳遞到目標網站。

這意味着在Google Analytics（分析）中，來自具備rel =「 noreferrer」屬性的連接的流量將顯示爲「

直接流量」，

而不是「

引薦」。

這是noreferrer屬性在HTML視圖中的外觀：

<a href="https://www.example.com" rel="noreferrer">Link to Example.com</a>

這是一個更好地理解這一點的示例：

假設您從網站A連接到網站B，但沒有「 noreferrer」標籤。

網站B的全部者在Google Analytics（分析）中查看「獲取」報告時，能夠在「 REFERRALS」部分下看到來自網站A的流量。

來自不帶rel =「 noreferrer」的連接的流量顯示爲引薦流量

當您使用「 noreferrer」標記從網站A連接到網站B時，從網站A到網站B的全部流量都將在Google Analytics（分析）中顯示爲直接流量（而不是引薦）。

來自具備rel =「 noreferrer」連接的流量顯示爲直接流量

何時使用rel =「 noreferrer」？

當您不但願其餘站點知道您正在連接到這些站點時，請在傳出連接上使用rel =「 noreferrer」屬性。 想不出爲何要這樣作的任何正當理由，但事實就是如此。

絕對 不要 在內部連接上使用rel =「 noreferrer」屬性，它可能會使您的Google Analytics（分析）報告混亂。

rel =「 noreferrer」和SEO

將noreferrer標記添加到連接不會直接影響

SEO

。

您能夠放心使用它而沒必要擔憂任何事情。

但這確實對您的連接創建和推廣工做有間接影響，緣由以下：

引發其餘網站管理員注意的一種方法是連接到他們的網站。

全部網站管理員天天都會檢查他們的Google分析，尤爲是「引薦流量」。

當他們看到來自網站的訪問量時，極可能會對其進行檢出並在社交媒體上共享該頁面，關注做者，甚至決定經過返回連接來回饋青睞。

這對SEO頗有好處，實際上，這是Google推薦的一種從其餘網站獲取連接的有效方法（請參見Google文檔中的相關報價）。

有關如何吸引新連接的Google建議

當您在連接上附加了noreferrer標籤後，以上內容將不會發生，由於您網站的流量不會在Google Analytics（分析）中顯示爲「引薦」，所以其餘網站站長將不知道您已連接到它們。

您可能會想，「

爲何還要談論這個，我也不會將其添加到個人連接中，這就是故事的結局

」。

該問題流行的緣由是，WordPress默認將'noreferrer'標記添加到全部設置爲在「新標籤」中打開的傳出連接。

Noreferrer和WordPress

所以，若是您使用的是WordPress，則應該知道，當您向內容添加外部連接並將其設置爲在「新標籤」中打開時（target =「 _ blank」），WordPress會自動將rel =「 noopener noreferrer」添加到連接。

他們這樣作是爲了提升WordPress豐富的編輯器（TinyMCE）的安全性，並防止進行

標籤捕獲 和其餘網絡釣魚攻擊。

這是一個例子：

<a href="https://www.externalsite.com/" target="_blank" rel="noopener noreferrer">my external link</a>

如上所述，這將阻止任何信息傳遞到新標籤，最終結果是，從您的網站流向連接網站（經過單擊連接）的任何流量都不會顯示在Google Analytics（分析）中。

如何從WordPress連接中刪除rel =「 noreferrer」

防止WordPress自動將屬性添加到外部連接的最簡單方法是不在新標籤中打開連接。

換句話說，要在同一窗口中打開連接。

這是解決此問題的最簡單方法，但缺點是用戶單擊外部連接將離開您的網站，這可能會增長跳出率，減小網站停留時間等。

可是，因爲如今大部分流量都來自移動設備，所以您沒必要擔憂用戶退出您的網站，由於移動設備上「新標籤」的行爲使用戶很難返回上一個窗口。

有一些插件能夠阻止WordPress將rel =「 noreferrer」添加到外部連接，可是它們僅在使用

TinyMCE 而不是新的編輯器（ Gutenberg ） 時起做用 。

個人建議是不要對此感到困惑，只需避免在新標籤中打開外部連接，您就能夠開始了。

Noreferrer和會員連接

Noreferrer對會員連接沒有影響。

緣由是大多數會員計劃不依賴「引薦流量」來授予轉化，而是依賴於連接中包含的會員ID。

例如：

<a href="//www.semrush.com/sem/?ref=15096612" rel="noreferrer noopener" target="_blank">

所以，您沒必要擔憂。

Nofollow和Noreferrer之間的區別

當您將rel =「 nofollow」添加到外部連接時，您基本上指示搜索引擎不要將任何PageRank從一頁傳遞到另外一頁。

換句話說，您告訴他們出於SEO目的而忽略該連接。

nofollow和noreferrer之間的區別在於，noreferrer不會將任何引用信息傳遞給瀏覽器，可是會連接。

使用nofollow時，引薦信息會傳遞到瀏覽器，但不會遵循連接。

所以，它們不是同一件事。

在不信任的連接上使用nofollow，若是不但願其餘站點知道已連接到它們，則使用no​​referrer。

什麼是rel =「 noopener」？

rel =「 noopener」是能夠添加到外部連接的HTML屬性。

它阻止打開的頁面得到對原始頁面的任何訪問。

這是帶有rel =「 noopener」標籤的連接的示例：

<a href="https://www.example.com" rel="noopener">Link to Example.com</a>

出於安全緣由，WordPress會自動將其添加到在新選項卡中打開的全部外部連接上添加此連接，建議您保留它。

若是您不在WordPress上，建議將rel =「 noopener」添加到在新選項卡中打開的全部外部連接。

Rel =「 noopener」和SEO

Noopener對您的SEO幾乎沒有影響，所以您能夠安全地使用它來加強網站的安全性。

重點學習

處理HTML標記和屬性對於許多人來講是使人困惑的，可是noreferrer和noopener並不是如此。

它們都不會對您的SEO產生負面影響，請放心使用它們。

若是您使用的是WordPress，則這些標籤會自動添加到在新標籤頁中打開的外部連接上。

須要noopener來加強網站的安全性並防止其餘網站（經過瀏覽器會話）訪問您的頁面。

noreferrer用於保護引薦信息不被傳遞到目標網站，這也將引薦流量隱藏在Google Analytics（分析）中。

若是您但願其餘網站將您網站的流量視爲「引薦流量」，則只需不要在新標籤中打開外部連接。

這將阻止WordPress自動將屬性添加到連接，而且一切正常。

Nofollow與noreferrer不一樣。

將rel =「 nofollow」添加到連接時，它指示搜索引擎不要將該連接用於SEO。

Noreferrer確實將連接汁從一個網站傳遞到另外一個網站。

若是您仍然對rel =「 noreferrer noopener」的角色感到困惑，請在評論中告訴我。