如何手動或者使用外掛為WordPress新增nofollow連結

瞭解如何使用/不使用外掛在WordPress中新增nofollow連結。 以下方法將幫助您在WordPress文章,頁面,邊欄小部件,自定義文章型別等中設定nofollow連結。

在SEO的角度,我們不宜在網站中設定過多的外鏈,防止搜尋引擎蜘蛛在爬蟲你的網站時跳出到其他網站。因此,瞭解併為外鏈加上nofollow連結是非常有必要的(除非這些外鏈與你的網站有利益關係,比如是你的其他網站又或者是合作伙伴的網站)。

在本文中,我們將會討論以下問題:

  • 什麼是nofollow連結?
  • 為什麼以及何時應該建立連結nofollow?
  • 所有外部連結是否應該是nofollow?
  • 如何在WordPress中正確新增nofollow連結?
  • 如何在瀏覽器中檢查nofollow連結

以下是全文快速導航,你可以通過點選導航目錄快速跳到你希望閱讀的內容章節:

什麼是nofollow連結

Nofollow連結是帶有rel =“nofollow” HTML標記的連結。 nofollow標籤可幫助搜尋引擎瞭解要忽略目標連結,並且不會將網頁(放置nofollow連結)的PageRank傳遞給此類連結。

為什麼以及什麼時候使nofollow連結

在某些情況下,您可能希望使用nofollow連結而不是dofollow連結。

以下連結型別應該設定為nofollow連結:

  • 返利連結
  • 贊助商連結
  • 廣告連結
  • 社交媒體連結
  • 不可信/不可靠網站內容連結

在這些情況下,您沒理由將你的網站珍貴的PageRank傳遞給此類連結。

返利/贊助/廣告連結

聯盟/贊助/廣告連結目的在於你的網站從中獲利,對方也能夠通過你的流量獲得使用者轉化。 但這並不一定意味著您需要將SEO權重傳遞給此類網站頁面。

社交媒體連結

如今,社交媒體已成為網站和部落格不可或缺的一部分。 社交共享連結,社交媒體配置檔案連結在網站上非常常見。

但是,這些社交媒體連結應該是nofollow還是dofollow?

沒有必要將社交媒體分享連結dofollow。 由於這些分享連結很多時候使用的是一箇中轉的連結。 因此,這樣的連結dofollow豈不是浪費表情?

此外,如果您想將PageRank傳遞到您的社交媒體主頁,那麼可以設定為dofollow(個人認為完全沒必要),否則照例設定為nofollow屬性。

不可靠/不可信的內容

有時您在網站上使用他人的內容,但您不完全信任他們的連結,直接上nofollow。

就像我們在部落格評論留言使用者網址:使用者可以點選訪問這些URL,但是必須設定為nofollow,你不可能一一去審查每個讀者的提交的連結是可信的及相關的。

如何在WordPress中建立Nofollow連結

我們可以通過兩種方法在WordPress中使用nofollow連結:

  1. 手動新增rel =“nofollow”標記到HTML連結
    • 使用經典編輯器
    • 使用古騰堡/區塊編輯器(我是100%禁用了WordPress這個蹩腳功能)
  2. 通過WP外掛的方式新增rel =“nofollow”標記到HTML連結

#1 在沒有外掛的情況下在WordPress中新增nofollow連結(手動)

新增rel =“nofollow”標記
您可以通過向連結新增rel =“nofollow”標記來建立nofollow連結。

例如,以下連結是dofollow連結。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<a href="https://wbolt.com/">閃電博</a>
<a href="https://wbolt.com/">閃電博</a>
<a href="https://wbolt.com/">閃電博</a>

而下面這個則是一個nofollow連結。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<a href="https://wbolt.com/" rel="nofollow">閃電博</a>
<a href="https://wbolt.com/" rel="nofollow">閃電博</a>
<a href="https://wbolt.com/" rel="nofollow">閃電博</a>

1.1 對於經典編輯器
分步說明在WordPress中的經典編輯器建立nofollow連結:

  1. 在WordPress經典編輯器中切換到文字編輯。
  2. 滾動到要設定nofollow標記的連結。
  3. 新增 rel="nofollow" 到<a>標籤內,如下所示。
  4. 如果要在新選項卡中開啟nofollow連結,請在連結的開始錨標記中使用rel =“nofollow noopener noreferrer”屬性。
  5. 點選“更新/釋出”後,該連結即設定為nofollow。

如何手動或者使用外掛為WordPress新增nofollow連結配圖

將WordPress經典編輯器切換到文字編輯模式

如何手動或者使用外掛為WordPress新增nofollow連結配圖1

新增 rel=”nofollow” 到<a>標籤內

1.2 對於古騰堡/區塊編輯器
以下是在WordPress古騰堡/區塊編輯器中建立nofollow連結的簡單步驟:

  1. 定位到你需要設定nofollow連結的區塊。
  2. 點選區塊右上角的三個小點(更多選單選項)> 作為HTML編輯.
  3. 然後將 rel="nofollow" 新增到<a>標籤,如下所示。
  4. 如果要在新選項卡中開啟nofollow連結,請在連結的開始錨標記中使用rel =“nofollow noopener noreferrer”屬性。
  5. 點選“更新/釋出”後,該連結即設定為nofollow。

如何手動或者使用外掛為WordPress新增nofollow連結配圖2

在古騰堡/區塊編輯器編輯HTML程式碼

如何手動或者使用外掛為WordPress新增nofollow連結配圖3

將rel=”nofollow”新增到<a>標籤

#2 在WordPress中使用外掛新增nofollow連結

你可以通過使用WordPress外掛新增nofollow連結(如果你覺得有必要)。

通常,Nofollow Link外掛會在WordPress原生的連結編輯器視窗中新增一個覈取方塊。

讓我們看看,其中一個Nofollow連結WordPress外掛。(該外掛相容WordPress經典編輯器以及古騰堡/區塊編輯器。)
如何使用WordPress外掛在WordPress中新增nofollow連結

  1. 安裝由WPKube開發的外掛Title and Nofollow For Links
  2. 安裝並啟用外掛後,將會在WordPress自帶的連結編輯功能增加一個nofollow選項。
  3. 編輯連結勾選Add rel="nofollow" to link,即可為該連結新增nofollow。
  4. 當然,你也可以勾選在新視窗開啟連結選項及新增連結錨文字。

title-and-nofollow-for-links-plugin-wpkube

安裝並啟用外掛Title and Nofollow For Links

如何手動或者使用外掛為WordPress新增nofollow連結配圖5

點選目標連結然後點選“編輯”

如何手動或者使用外掛為WordPress新增nofollow連結配圖6

點選WordPress ‘連結選項’

如何手動或者使用外掛為WordPress新增nofollow連結配圖7

勾選中Add rel=“nofollow” to link

如何在瀏覽器中檢查nofollow連結

現在您已經學會了如何在WordPress中建立nofollow連結。那我們應該如何檢查nofollow連結是否生效呢?

有兩種簡單的方法可以檢查網頁上的nofollow連結:

#1 使用瀏覽器的“檢查”功能檢視nofollow連結

  • 使用任何主流的瀏覽器(Chrome, Firefox or Opera)開啟頁面,移動滑鼠游標至你想要檢查的連結上方。
  • 右擊滑鼠按鈕,選擇Inspect(檢查)”選項 (以Chrome為例,不同瀏覽器選項叫法不太一樣)
  • 程式碼檢視視窗將在瀏覽器的底部/右側開啟。
  • 你可以通過檢視HTML程式碼檢視連結是否新增了rel="nofollow"

checking-nofollow-link-in-chrome-inspect-element-feature-680x281

使用Chrome瀏覽器的程式碼檢查功能檢視nofollow連結

nofollow-link-in-chrome-inspect-element-680x345

Chrome程式碼檢視視窗中的Nofollow連結演示

#2 使用Chrome擴充套件元件(外掛)檢查頁面nofollow連結

  • 下載名為NoFollow的Chrome擴充套件元件 [你需要一把梯子].
  • 安裝該外掛後重新載入頁面
  • 該網頁上的所有nofollow連結都將會高亮突出顯示。

checking-nofollow-links-using-chrome-extension-680x300

使用Chrome擴充套件程式檢查網頁中的Nofollow連結

小結

希望這次分享的WordPress中新增nofollow連結的方法(手動和外掛方法)能夠對大家有所幫助,手動的辦法相對來說會比較麻煩,但勝在無需安裝任何外掛;外掛法相對來說更加簡單快捷,類似這樣的功能外掛一般不會對WordPress效能造成太大的影響(當然僅此功能就一個外掛顯得有點粗暴)。我們將會考慮在我們開發的WordPress部落格SEO優化外掛 Smart SEO Tool 新增類似的功能,敬請期待。

評論留言