nofollow、dofollow是甚麼?為什麼”_blank”需要搭配 noreferrer&noopener?

Nofollow 是什麼?基本概念解析

Nofollow 是 HTML 的 rel 屬性之一,主要用於告訴搜尋引擎爬蟲不要追蹤特定連結,並且不將網站權重(PageRank)傳遞至目標頁面。此屬性最早由 Google 在 2005 年推出,目的是防止垃圾連結(Spam)影響搜尋結果。

為什麼要使用 nofollow?避免權重分散與 SEO 影響

網站的 SEO 權重有限,若隨意外連至其他網站,可能導致權重流失,影響自身排名。透過 rel="nofollow",網站管理者可以限制搜尋引擎對特定連結的影響,確保網站權重不被無關或低品質網站瓜分。

dofollow屬於遊覽器預設屬性,不須特別設定。

Nofollow 的 SEO 影響:PageRank、搜尋排名與網站權重

當搜尋引擎爬蟲遇到 nofollow,該連結不會影響 PageRank 計算,亦不會影響該頁面的搜尋排名。這對於廣告、贊助內容、不信任網站等場景特別有幫助,可避免不必要的 SEO 風險。

如何正確使用 nofollow? rel 標籤設定教學

要使用 nofollow,只需在 <a> 標籤中加入 rel="nofollow" 屬性:

<a href="https://ipph.net" rel="nofollow">範例連結</a>

Noindex vs. Nofollow:兩者差異與應用場景

  • Noindex:告訴搜尋引擎不要收錄該頁面,即該頁面不會出現在搜尋結果中。
  • Nofollow:告訴搜尋引擎不要追蹤該連結,不傳遞權重。
<meta name="robots" content="noindex, nofollow">

為什麼 target="_blank" 需要搭配 noreferrernoopener

當我們在 HTML 內使用 target="_blank",表示該連結會在新的分頁或視窗中打開,但這樣的設定可能帶來安全性與隱私性問題,因此建議搭配 rel="noreferrer noopener"

1. noopener:防止新開視窗對原始網頁執行 JavaScript 操作

如果沒有 noopener,新開啟的外部網站可以透過 window.opener 取得原本頁面的 window 物件,進行釣魚攻擊(Phishing)或惡意操作。攻擊者可能改變原頁面的內容,引導用戶輸入個人資訊,造成安全風險。

2. noreferrer:避免外部網站獲取來源網址

當點擊超連結時,瀏覽器通常會透過 Referer 標頭(Header)告知目標網站「這個用戶是從哪個網頁過來的」。這可能會洩漏網站資訊,例如內部頁面 URL、使用者行為等。使用 noreferrer 屬性可阻止這種資訊傳遞。

使用 target="_blank" 開啟外部連結時,建議搭配 rel="noreferrer noopener" 來:

  • 防止釣魚與惡意攻擊(noopener 阻擋 window.opener)。
  • 保護隱私與避免追蹤(noreferrer 阻擋 Referer 標頭)。
  • 提升網站安全性,避免影響 SEO。

+ There are no comments

Add yours

發表迴響