在構(gòu)建和維護(hù)網(wǎng)站時(shí)，我們始終必須考慮我們所管理網(wǎng)站的安全性?？紤]到它們通常擁有的外鏈數(shù)量，博客尤其需要格外小心。照顧外鏈涉及不同的任務(wù)，以始終確保它們得到優(yōu)化。有助于監(jiān)督外鏈安全的工具之一是HTML屬性。這是一件簡單的事情，但可以為網(wǎng)站的安全創(chuàng)造奇跡。

在這篇文章中，我們將看看究竟什么是noopener鏈接，以及如何在wordpress中使用該屬性。

什么是 rel="noopener" 屬性？

簡單地說， rel="noopener" 屬性被添加到在新選項(xiàng)卡/窗口中打開的鏈接中。當(dāng)您在WordPress中添加鏈接時(shí)，您可以選擇該鏈接是在同一窗口中打開還是在不同窗口中打開。當(dāng)您選擇在另一個(gè)窗口上打開時(shí)，WordPress 會(huì)自動(dòng)將 rel="noopener" 屬性與通常的 target="_blank" 屬性一起添加到您的HTML中。

將 rel="noopener" 屬性添加到在新窗口中打開的鏈接的目的是什么？首先，就用戶體驗(yàn)和訪問者指標(biāo)而言，在新選項(xiàng)卡中打開外部鏈接非常好，這樣它們就不會(huì)完全離開您的網(wǎng)站。

但是這個(gè)屬性存在的主要原因是為了安全。

反向Tabnabbing

rel="noopener" 屬性可保護(hù)站點(diǎn)免受惡意意圖的侵害，特別是稱為反向tabnabbing的網(wǎng)絡(luò)釣魚攻擊。

反向tabnabbing是指惡意站點(diǎn)使用window.opener.location.assign()將真實(shí)頁面替換為虛假頁面。它是這樣工作的：添加鏈接的頁面，稱為父頁面，通過所述鏈接指向子頁面。惡意子頁面然后使用window.opener.location.assign()將自身附加到父頁面，并使用虛假站點(diǎn)模仿原始站點(diǎn)。

如果被模仿的站點(diǎn)有一個(gè)登錄小部件并且用戶輸入了他們的信息，那么所有這些信息都會(huì)被惡意子頁面竊取。 rel="noopener" 屬性的作用是保護(hù)父頁面免受通過子頁面反向tabnabbing的惡意攻擊。

關(guān)于Noreferrer

rel="noopener" 屬性適用于除Firefox和其他舊瀏覽器之外的大多數(shù)瀏覽器。當(dāng)WordPress默認(rèn)將 rel="noopener" 屬性添加到您的鏈接時(shí)，您應(yīng)該在其旁邊添加 rel="noreferrer" 屬性。如果您已更新到最新的WordPress，那么這兩個(gè)屬性都會(huì)自動(dòng)添加到您的鏈接中。

rel="noopener" 屬性將告訴瀏覽器不要從發(fā)送鏈接的主頁收集引用信息。

你的鏈接應(yīng)該是這樣的：

example anchor text

Noopener, Dofollow和Nofollow鏈接

一個(gè)常見的誤解是，帶有 rel="noopener" 屬性的鏈接與dofollow和nofollow鏈接相關(guān)，而實(shí)際上它們不是。不同之處在于noopener和noreferrer鏈接是出于安全目的，而dofollow和nofollow鏈接更多的是關(guān)于頁面排名和SEO。

例如，具有 rel="noopener" 屬性的鏈接可以是dofollow或nofollow。這個(gè)選擇取決于你。事實(shí)上，我們不久前發(fā)表了一篇關(guān)于nofollow和dofollow的文章，你一定要看看。

所有添加的鏈接都會(huì)自動(dòng)歸為跟隨（dofollow）鏈接。為確保它們是 nofollow，您的鏈接應(yīng)如下所示：

example anchor text

Noopener鏈接會(huì)影響SEO嗎？

一個(gè)帶有 rel="noopener" 屬性的鏈接會(huì)影響SEO，這是一個(gè)錯(cuò)誤的觀點(diǎn)。使用noopener和noreferrer鏈接根本不會(huì)影響SEO。Dofollow和Nofollow鏈接確實(shí)會(huì)影響SEO！

記住它就像這樣：

• noopener和noreferrer：與安全有關(guān)
• nofollow和dofollow：與SEO和域名權(quán)重有關(guān)

什么時(shí)候使用 rel="noopener" 屬性

您應(yīng)該每次都在所有鏈接上使用 rel="noopener" 屬性。毫不奇怪，WordPress現(xiàn)在默認(rèn)添加了 rel="noopener" 屬性。安全性對(duì)于各種網(wǎng)站都極其重要，從博客到電子商務(wù)再到會(huì)員網(wǎng)站。

在某些情況下，您可能希望撤消添加 rel="noopener" 和 rel="noreferrer" 屬性的默認(rèn)功能。我們不建議您這樣做。它可以打開您的網(wǎng)站的安全風(fēng)險(xiǎn)。

是否會(huì)影響返利鏈接

如果您擔(dān)心使用 rel="noopener" 和 rel="noreferrer" 屬性會(huì)影響Affiliate鏈接，則無需擔(dān)心。大多數(shù)Affiliate鏈接都會(huì)在URL中包含您的Affiliate ID，因此無需通過您的鏈接向Affiliate子頁面發(fā)送任何推薦信息。事實(shí)上，將 rel="noopener" 和 rel="noreferrer" 屬性添加到您的Affiliate鏈接應(yīng)該是一種常見的做法。您無法始終確保所擔(dān)保站點(diǎn)的安全性。

關(guān)于Affiliate鏈接的忠告：始終鏈接到您可以確定安全的站點(diǎn)。不要只是鏈接到一百萬個(gè)提供Affiliate收入的網(wǎng)站。如果您對(duì)產(chǎn)品誠實(shí)，您的關(guān)注者會(huì)想要點(diǎn)擊您的會(huì)員鏈接。更重要的是，如果您實(shí)際查看產(chǎn)品，而不僅僅是用鏈接填充您的網(wǎng)站。

最后，歡迎大家加入我們的WordPress聯(lián)盟計(jì)劃。

小結(jié)

在這篇文章中，我們研究了 rel="noopener" 屬性及其伴隨的 rel="noreferrer" 屬性背后的意義。我們研究了它們的目的是什么，以及新的WordPress更新現(xiàn)在如何將這些作為默認(rèn)值添加到您的所有鏈接中。盡管如此，您應(yīng)該始終仔細(xì)檢查您的WordPress是否正在這樣做。我們還研究了noopener鏈接與dofollow和nofollow鏈接的關(guān)系以及它們有何不同。

請(qǐng)記住， rel="noreferrer" 屬性的存在是為了確保您的網(wǎng)站安全，您應(yīng)該始終使用它。它不會(huì)影響您的SEO或您的Affiliate鏈接。我們希望這篇文章能幫助您更好地理解它，以及為什么在所有內(nèi)容中包含鏈接的屬性很重要。

溫馨提示，你可以通過安裝Smart SEO Tool插件，所有文章及頁面站外鏈接增加 rel="noopener noreferrer nofollow"鏈接屬性。