Canonical 標籤是什麼?一次搞懂設定方式與 SEO 重複內容問題

Canonical 標籤是什麼?本文說明 canonical 標籤的定義與核心目的,並提供詳細的設定語法與實作步驟。學習如何正確使用 canonical 標籤,解決網站重複內容問題,集中 SEO 排名信號,提升技術 SEO 效能。

canonical 標籤SEO 技術設定重複內容HTML 標記排名信號集中

Canonical 標籤是什麼?定義與核心目的

Canonical 標籤是一種放在 HTML 的 <link> 標記,用於指定網頁的標準網址,告訴搜尋引擎哪個網址纔是這個內容的「代表版本」。在 SEO 實務中,它的核心目的是解決重複內容問題。當相同或極相似的內容出現在多個網址時,搜尋引擎可能難以判斷哪個版本該獲得排名,導致權重信號分散。透過設定 canonical 標籤,你相當於向 Google 建議:「這些頁面中,請以這個網址為準。」這是一個強烈的提示,但並非強制命令,搜尋引擎保留最終的決定權。

設定 canonical 的最大價值在於集中排名信號。例如,一篇文章因篩選參數產生了五個網址,若不設定,Google 可能將這五個頁面視為獨立內容,各自分配少量權重。設定 canonical 後,Google 會嘗試將這些頁面的信號集中到你指定的標準網址上,有助於該頁面在搜尋結果中獲得更穩定的表現。

為什麼需要設定?重複內容的常見場景

網站中重複內容的產生,往往源於技術架構或網址規則的設計,而非刻意的內容抄襲。以下是幾個需要設定 canonical 標籤的典型情境,你可以依此快速檢視自己的網站:

  • 協定差異:同一頁面同時存在 HTTP 與 HTTPS 版本。
  • 網域寫法:網址同時有 www.example.com 與 example.com 兩種版本。
  • 裝置版本:若採用獨立網址的手機版(如 m.example.com),與電腦版網址形成內容重複。
  • 網址參數:因 UTM 追蹤碼、產品篩選、排序或分頁(?page=2)產生的動態網址,可能指向相同或極相似的內容。
  • 內容複製:同一個產品頁面可能因為被歸類在不同商品分類下,而出現在多個網址。

在這些情況下,若無 canonical 標籤的引導,搜尋引擎會分別爬取這些網址,造成爬蟲資源浪費與排名信號分散。針對這些問題,更全面的網站結構與速度優化建議,可以參考網站優化完整指南。

如何正確設定?語法與實作步驟

設定 canonical 標籤的語法很直接。基本格式為:<link rel="canonical" href="https://www.your-domain.com/your-target-page" />。這行程式碼必須放置在 HTML 文件的 <head> 區塊內,通常在 <title> 標籤附近。實作時有幾個關鍵點必須注意:

首先,href 屬性中的網址必須是絕對路徑,也就是包含協定(https://)、網域與完整路徑的完整網址。使用相對路徑(如 /page)可能因伺服器設定或基礎網址錯誤,導致 canonical 指向錯誤的位置。其次,目標頁面(即 canonical 指向的網址)必須是可正常存取的(HTTP 狀態碼為 200)。如果指向一個 404 頁面,這個設定不僅無效,還可能帶來負面影響。

對於使用 WordPress 等內容管理系統(CMS)的網站,多數 SEO 外掛(如 Yoast SEO、Rank Math)會自動為每個頁面生成 canonical 標籤,預設指向當前頁面的網址。若需手動修改(例如處理參數頁面),可在後臺頁面的編輯畫面中,找到 SEO 設定區塊裡的「Canonical URL」欄位進行覆蓋。

常見使用情境與設定範例

瞭解語法後,如何在不同情境下做出正確的設定選擇,是確保效果的關鍵。以下是針對常見重複內容場景的設定邏輯範例:

情境一:HTTP/HTTPS 雙協定存在。若網站同時支援 HTTP 與 HTTPS,應將所有 HTTPS 頁面設為標準版本。在 HTTP 版本的頁面中,canonical 應指向對應的 HTTPS 網址。最佳做法是透過伺服器設定,將所有 HTTP 流量 301 轉址至 HTTPS。

情境二:有 www 與無 www 版本。你必須擇一作為標準。例如,決定以 https://www.example.com 為標準,則所有 https://example.com 的頁面中,canonical 應指向 www 版本。同樣建議配合 301 轉址。

情境三:因參數導致的重複頁面。例如商品列表頁因篩選條件產生 /products?color=red 和 /products?color=blue。若這些頁面內容高度相似,應將不含參數的基礎網址 /products 設為 canonical。

情境四:手機版網址獨立存在。若你的網站使用獨立的 m.example.com 手機版網址,且未採用響應式設計,應將電腦版(www.example.com)網址設為 canonical,因為 Google 通常以桌面版內容進行索引與排名。

與 301 轉址、Sitemap 標準化的比較

解決重複內容問題有三種主要技術工具:301 轉址、canonical 標籤、Sitemap 標準化。它們的信號強度與適用場景各不相同,選擇錯誤可能事與願違。

301 轉址是永久性重導向,會將使用者和搜尋引擎完全轉移到新網址,原頁面被視為棄用。它傳遞幾乎所有的原始頁面權重,信號強度最高,適用於頁面已永久刪除或網址結構已改變的情況。

Canonical 標籤則是在保留原頁面的同時,建議一個標準網址。它是一個強烈的「提示」,但搜尋引擎可能不採納。適用於內容重複但仍需存在(如因參數、篩選產生)的頁面。根據 Google 官方說明,信號強度排序為:重新導向 > rel="canonical" > Sitemap。

Sitemap 標準化是在你的 XML Sitemap 中只列出標準網址,不列出重複版本。這是一種最弱的補充信號,主要用於支援前兩種方法,幫助搜尋引擎更快速地發現你的首選網址,但無法替代 301 或 canonical。

設定錯誤的風險與檢查清單

Canonical 標籤設定錯誤,其負面影響可能比不設定更嚴重。常見的致命錯誤包括:整站所有頁面的 canonical 都指向首頁、指向一個 404 頁面、指向不同語言或不同內容的頁面、使用相對路徑。

一旦整站指向首頁,搜尋引擎會認為所有內頁都是首頁的複本,導致內頁在搜尋結果中消失,所有權重過度集中於首頁,嚴重損害網站整體的可見度。指向 404 頁面或無關頁面,則會讓 canonical 設定失效,甚至誤導搜尋引擎的爬取與索引。

為了避免這些問題,你應該定期檢查。建議執行以下檢查步驟:

  1. 瀏覽器檢視:在目標頁面右鍵選擇「檢視頁面原始碼」,在 <head> 區塊中搜尋 rel="canonical",確認其 href 值是否正確。
  2. 工具批量檢查:使用 Screaming Frog SEO Spider 等工具,爬取網站後在「Canonicals」報告中,一覽所有頁面的 canonical 指向,快速找出異常。
  3. Search Console 驗證:在 Google Search Console 的「網址檢查」工具中輸入網址,查看 Google 判斷的「規範網址」是否與你設定的一致。

定期巡檢能確保你的 SEO 基礎建設穩固。若想進一步瞭解如何提升網站的整體技術健康度,特別是載入速度與使用者體驗,可延伸閱讀Core Web Vitals 是什麼?這篇文章。

Canonical 標籤和 301 轉址有什麼不同?我該用哪個?

Canonical 標籤是告訴搜尋引擎「這些重複頁面中,請以這個為標準」,頁面本身會被保留下來,使用者仍可訪問。301 轉址則是「永久重導向」,會將使用者和搜尋引擎完全轉移至新網址,原頁面被視為棄用。選擇關鍵在於:若重複頁面因某些原因(如篩選參數)仍需存在,使用 canonical;若頁面已廢棄或網址已永久改變,則使用 301 轉址。

如果我不小心把整站的 canonical 都指向首頁,會怎麼樣?

這會導致搜尋引擎認為你網站的所有頁面,都是「首頁」的重複版本。結果是,Google 會將所有內頁的排名信號集中到首頁,內頁很可能在搜尋結果中被過濾掉,僅首頁獲得排名。這會嚴重損害你網站整體的搜尋能見度與流量。

Canonical 標籤一定要用絕對路徑嗎?可以用相對路徑嗎?

強烈建議使用絕對路徑。Google 官方文件明確建議在 href 屬性中使用包含協定(https://)的完整網址。使用相對路徑(如 /blog/post)可能因為伺服器的基礎網址設定錯誤,導致 canonical 指向一個錯誤的、不存在的網址,使設定完全失效。

手機版網址和電腦版網址不同時,該怎麼設定 canonical?

如果你的網站採用獨立的手機版網址(例如 m.example.com),且並非使用響應式設計,那麼應該將電腦版網址(www.example.com)設定為 canonical 版本。因為 Google 主要使用電腦版網頁的內容進行索引和排名。若是採用響應式設計,則網頁只有一個網址,不需要特別設定 canonical。

如何檢查我網站的 canonical 標籤是否設定正確?

你可以用以下方法:1) 在瀏覽器中打開頁面,右鍵「檢視頁面原始碼」,在 <head> 區域搜尋 rel="canonical"。2) 使用 Screaming Frog 等 SEO 工具批量檢查。3) 在 Google Search Console 的「網址檢查」工具中查看 Google 所識別的「規範網址」。

Canonical 標籤可以用在跨網域的重複頁面上嗎?

技術上可以,但必須非常謹慎。例如,你有兩個不同網域但內容高度相似的頁面,可以在 A 網域的頁面設定 canonical 指向 B 網域的頁面。這等於告訴 Google 將 A 頁面的排名信號集中到 B 頁面。務必確認你完全理解此操作的後果,避免誤將權重導向非預期的網域。

在 WordPress 或 Shopify 等 CMS 中,canonical 標籤通常如何設定?

多數現代 CMS 和 SEO 外掛(如 Yoast SEO)會自動為頁面生成 canonical 標籤,通常指向當前頁面的網址。若需修改(例如處理帶參數的重複頁面),通常可在頁面後臺的 SEO 設定區塊中,找到「Canonical URL」欄位手動覆蓋。建議在修改前,先確認外掛預設的自動生成邏輯是否正確。