一、什麼是 Canonical 標籤？
在網站優化（SEO）的過程中，重複內容是許多站長和網路行銷人員必須面對的問題。如果同一個網站內有多個網址指向內容相同或高度相似的網頁，搜尋引擎可能會無法判斷哪個版本應該被優先索引，甚至可能影響網站的權重分配和排名。為了解決這個問題，Google 和其他搜尋引擎提供了一個解決方案，那就是 Canonical 標籤（rel=”canonical”）。
1. Canonical 標籤的基本概念
Canonical 標籤，也稱為「正規化標籤」，主要用來告訴搜尋引擎，某一個網頁是特定內容的首選版本，即該頁面應該視為主要的來源，其他類似或相同的頁面則應該被視為其副本。這可以有效防止搜尋引擎將不同網址但內容相同的網頁當作重複內容，進而影響 SEO。
2. Canonical 標籤在 SEO 中的作用
Canonical 標籤在 SEO 中的主要作用如下：
| 作用 | 說明 |
|---|---|
| 避免重複內容影響排名 | 當相似或相同的內容出現在不同網址時，Canonical 標籤能夠告知搜尋引擎，哪一個版本應該被視為主要版本，以集中權重。 |
| 增強網頁權重 | 透過指定 Canonical URL，網站所有的流量和權重將被集中到主要網址，有助於提高該頁面的 SEO 表現。 |
| 減少網站索引問題 | 搜尋引擎不會將重複內容視為不同的網頁，避免混淆，提高索引效率。 |
| 改善用戶體驗 | 確保使用者和搜尋引擎都能找到最相關和最重要的內容，而不會在多個類似頁面間迷失。 |
3. Canonical 標籤的基本語法
Canonical 標籤的使用相當簡單，它應該被放置在網頁的 <head> 標籤內，格式如下：
<link rel="canonical" href="https://www.example.com/preferred-page/" />其中，href 屬性中的網址（URL）即為該頁面所要指定的 Canonical URL。
4. Canonical 標籤的運作方式
當搜尋引擎爬蟲（如 Googlebot）檢測到 Canonical 標籤時，它會根據設定的 URL 來決定哪些內容應該被視為「主要版本」。如果同一內容出現在多個網址，但都指向相同的 Canonical URL，則搜尋引擎會將該 URL 作為優先索引版本，而其他網頁則不會被重複收錄。
二、為什麼需要使用 Canonical 標籤？
在經營網站時，重複內容（Duplicate Content）是影響 SEO 表現的一大問題。搜尋引擎可能會因為多個 URL 擁有相同或高度相似的內容，而無法判定哪個版本應該被優先索引，這可能會導致：
- 搜尋排名分散，導致主頁面權重下降
- 搜尋引擎錯誤索引不理想的頁面
- 影響使用者體驗，降低網站可信度
這時候，Canonical 標籤（<link rel="canonical" href="URL">）就能發揮關鍵作用，幫助搜尋引擎理解哪個 URL 是主要版本，並匯集權重到正確的頁面，從而提升網站 SEO 表現。
Canonical 標籤如何解決重複內容問題？
Canonical 標籤的最大優勢就是讓搜尋引擎知道某個 URL 是該內容的「首選版本」，以下是它的主要作用：
| 問題 | Canonical 標籤的作用 |
|---|---|
| 多個網址導致同內容重複 | 指定唯一的 Canonical URL，將所有網址的權重集中在同一頁面 |
| 電商網站的篩選與排序頁面 | 設定 Canonical 至主要商品頁，避免過多類似內容影響排名 |
| 內容在 HTTP 與 HTTPS 或 WWW 與非 WWW 版本 | 透過 Canonical 指向主要版本，防止排名分散 |
| 相同內容出現在不同語系或區域的 URL | 可搭配 hreflang 標籤，向搜尋引擎提供正確語言版本 |
如何提升 SEO 效果？
當使用 Canonical 標籤後，網站可以獲得以下 SEO 優勢：
- 避免重複內容懲罰：搜尋引擎不會誤判網站試圖操縱排名。
- 提升頁面權重：所有相似內容的權重將集中在指定的 Canonical URL 上，提高搜尋排名。
- 提升索引效率：搜尋引擎不會浪費資源爬取或索引相同內容，而是專注主要頁面。
- 改善使用者體驗：使用者點擊搜尋結果時，能夠直接進入最相關的內容頁面。
三、如何正確設定 Canonical 標籤？
要正確設定 Canonical 標籤，您需要確保每個頁面都指向最符合 SEO 策略的「首選網址」。以下是詳細的設置方式與實作步驟：
如何使用 Canonical 標籤的正確語法？
Canonical 標籤的基本語法如下：
<link rel="canonical" href="https://www.example.com/preferred-page/" />這段 HTML 代碼應該放在 <head> 標籤內，以告訴搜尋引擎這個頁面應該被視為主要版本。
如何在 HTML 頁面中實作？
步驟 1：開啟您的 HTML 檔案
使用任何文字編輯器（如 VS Code、Sublime Text 或 Notepad++）開啟您的網頁 HTML 檔案。
步驟 2：在 <head> 內新增 Canonical 標籤
在 <head> 標籤內加入 Canonical 標籤，如下所示：
<head> <title>你的網頁標題</title> <link rel="canonical" href="https://www.example.com/preferred-page/" /></head>這樣就能確保搜尋引擎理解哪個版本的頁面應該被視為主要頁面。
步驟 3：確認 Canonical 設置生效
實作完成後，請使用以下方法確認 Canonical 設置正確：
- 檢查原始碼： 在網頁上點擊右鍵，選擇「檢視頁面原始碼」，確認 Canonical 標籤是否存在。
- 使用 Google Search Console： 在 Google Search Console 的「網址檢查工具」輸入您的網址，查看 Google 是否遵循 Canonical 設定。
- 利用 SEO 工具： 使用 Screaming Frog、Ahrefs 或 SEMrush 檢查 Canonical 設置是否正確。
如何應對不同的 Canonical 情境？
不同的重複內容情境可能需要不同的 Canonical 設定，以下是一些常見案例及對應的 Canonical 應用方式：
| 情境 | Canonical 設置 |
|---|---|
多個 URL 指向相同內容（例如：www 與 non-www 版本） |
將所有變體 URL 指向主要版本，如：<link rel="canonical" href="https://www.example.com/" /> |
| 產品頁面有多個變體（例如：不同顏色但內容相同） | 所有產品變體頁面應該 Canonical 到主產品頁面。 |
| 分頁內容（例如：第 2 頁、第 3 頁） | 通常建議每個分頁指向自己，而非指向首頁，以避免忽略內部連結權重。 |
| HTTP 與 HTTPS 版本共存 | 應該確保所有 HTTP 頁面 Canonical 連結指向 HTTPS 版本。 |
常見錯誤與避免方式
若 Canonical 標籤設置錯誤，可能會影響網站的搜尋排名，以下是一些常見錯誤及如何避免：
- Canonical 連結至404頁面： 如果目標頁面不存在（404錯誤），搜尋引擎會無法索引正確內容，應確保 Canonical 指向有效頁面。
- 每個變體頁面指向自己： 若有多個版本的頁面，應統一指向主要版本，而非各自指向自己，以免搜尋引擎無法確定首選網址。
- 混合使用 Canonical 與 Noindex： 若同時使用
<meta name="robots" content="noindex">和 Canonical，可能會導致搜尋引擎忽略 Canonical 設定。
只要正確實作 Canonical 標籤，並根據網站架構選擇適合的對應方式，就能有效解決重複內容問題，確保搜尋引擎識別正確的主要頁面。
四、常見的 Canonical 設定錯誤與最佳實踐
Canonical 標籤的使用雖然理論上很簡單，但許多網站仍然會因錯誤設定導致 SEO 表現不佳，甚至無法正確解決重複內容問題。以下列舉幾個常見的 Canonical 設定錯誤，並提供相應的最佳實踐來確保 Canonical 標籤能有效發揮作用。
1. Canonical URL 指向錯誤的頁面
當 Canonical URL 指向一個與當前內容無關的頁面時，搜尋引擎可能會誤判，導致該頁面無法正確索引。
最佳實踐：
- 確保 Canonical URL 指向的是內容最完整、最具代表性的原始頁面。
- 避免將 Canonical 標籤設為網站首頁，除非所有內容都真的是首頁的一部分。
2. 多個 Canonical 標籤
如果頁面內包含多個 Canonical 標籤，搜尋引擎可能會無法判斷哪個 URL 是正確的版本，進而忽略 Canonical 設定。
最佳實踐：
- 確保每個頁面只能有一個 Canonical 標籤，並明確指定正確的 URL。
3. Canonical URL 與 HTTP 狀態碼衝突
當 Canonical URL 指向的頁面發生 404（未找到）或 301（永久重定向）等 HTTP 錯誤時，搜尋引擎可能會忽略這個 Canonical 設定。
最佳實踐：
- 確認 Canonical URL 指向的頁面是可存取的，且返回 200（成功）狀態碼。
- 避免將 Canonical 指向已經被 301 重定向到其他 URL 的頁面，以減少搜尋引擎解析時間。
4. Canonical 指向自己卻有 Noindex 指令
如果頁面本身的 Canonical URL 指向自己，但同時包含了 noindex 標籤，將造成搜尋引擎的混淆。
最佳實踐：
- 避免在正則頁面（Canonical URL 指向自己）上使用
noindex。 - 如果不希望某些頁面被索引，應該使用
noindex而非 Canonical 來處理。
5. 使用相對路徑設定 Canonical
Canonical 標籤的 URL 應該使用絕對 URL，而非相對 URL，否則可能導致搜尋引擎解析錯誤。
最佳實踐：
- 使用完整的絕對 URL，例如
https://www.example.com/sample-page，而不是/sample-page。
6. HTML Canonical 與 HTTP 標頭 Canonical 不一致
如果同時在 HTML 代碼中和伺服器 HTTP 標頭中定義了 Canonical 標籤，但 URL 不一致，搜尋引擎可能會無法正確解讀。
最佳實踐：
- 如果有使用 HTTP 標頭中的 Canonical，確保與 HTML 中的 Canonical 保持一致。
- 一般來說，僅使用 HTML Canonical 即可，除非有特殊需求。
7. Canonical 設定於分頁內容，但未使用 rel=”prev” 和 rel=”next”
在分頁內容中，如果所有分頁都設為同一個 Canonical URL，可能導致搜尋引擎忽略部分分頁內容。
最佳實踐：
- 如為分頁內容，應該使用
rel="prev"和rel="next"來幫助搜尋引擎理解分頁順序，而不是對所有分頁使用相同的 Canonical。
Canonical 設定錯誤與最佳實踐對照表
| 常見錯誤 | 最佳實踐 |
|---|---|
| 指向錯誤的頁面 | 確保 Canonical 指向內容最完整的原始頁面 |
| 多個 Canonical 標籤 | 每個頁面僅設置一個 Canonical 標籤 |
| Canonical URL 造成 HTTP 錯誤 | 檢查 Canonical URL 是否可存取且返回 200 狀態碼 |
| Canonical 指向自己但有 Noindex | 正則頁面應避免 noindex |
| 使用相對 URL | 使用絕對 URL 定義 Canonical |
| HTML Canonical 與 HTTP 標頭 Canonical 不一致 | 確保持續使用 HTML Canonical，並且與 HTTP Canonical 一致 |
| 所有分頁內容 Canonical 都指向同一個 URL | 使用 rel="prev" 和 rel="next" 來正確處理分頁 |
五、Canonical 標籤與其他 SEO 技術的關係
在 SEO 優化過程中，Canonical 標籤並不是唯一處理重複內容的方法，還可以搭配 301 轉址、noindex 標籤及 hreflang 等技術使用。了解這些技術之間的關係，可以幫助你做出最佳決策，提升網站整體 SEO 表現。
301 轉址 vs. Canonical 標籤
301 轉址（永久轉址）與 Canonical 標籤的主要差異在於它們的用途：
| 技術 | 用途 | 影響 |
|---|---|---|
| 301 轉址 | 將用戶與搜尋引擎完全導向新網址 | 原網址不再被索引，權重轉移至新網址 |
| Canonical 標籤 | 告知搜尋引擎哪個網址應被視為「首選版本」 | 原網址仍可被存取，但搜尋引擎主要索引 Canonical 指定網址 |
如果要完全淘汰某個網址，301 轉址是最佳選擇；但如果需要保留不同網址供用戶存取，而只希望搜尋引擎聚焦於主要版本，則應使用 Canonical 標籤。
noindex 標籤與 Canonical 標籤的配合
noindex 標籤可讓搜尋引擎不將某個頁面納入索引，而 Canonical 標籤讓搜尋引擎聚焦於首選版本。如果不希望某些類似內容頁面被收錄，可以同時使用 noindex 及 Canonical。
例如，電商網站可能有篩選條件產生的多個幾乎相同的網址，這時可：
- 對篩選結果頁加上
<meta name="robots" content="noindex, follow">，避免被索引 - 在篩選結果頁的
<head>區塊內加上 Canonical 標籤，指向主要商品頁面
這樣可確保重複頁面不影響搜尋結果，並將權重集中到主要頁面上。
hreflang 與 Canonical 標籤的搭配
hreflang 屬性用於標記不同語言或地區版本的頁面，確保搜尋引擎理解其關聯性，而 Canonical 則用於指定首選網址。兩者可同時使用，但需注意以下規則：
- 對不同語言版本的頁面，應使用 hreflang 來標示它們彼此之間的關係，而非 Canonical 標籤
- 如果語言版本只是翻譯內容相同，仍然要為每個語言版本設置對應的 hreflang，而不是讓這些頁面共用同一個 Canonical
- 對於相同語言但地區不同的頁面（如 zh-tw、zh-hk），應以 hreflang 指示它們的區別，而不是使用 Canonical
正確配置 hreflang 和 Canonical，可避免搜尋引擎誤認重複內容，確保正確的地區或語言版本出現在當地搜尋結果中。
如何選擇適合的技術
不同 SEO 技術各有用途，選擇時應根據實際需求：
| 情境 | 建議技術 |
|---|---|
| 完全淘汰某個網址 | 301 轉址 |
| 希望搜尋引擎索引特定頁面，而保留其他相似頁供用戶存取 | Canonical 標籤 |
| 不希望某些頁面被索引，但仍需讓搜尋引擎爬取連結 | noindex |
| 有不同語言版本的網站 | hreflang |
透過正確使用 Canonical 標籤與其他 SEO 技術的搭配，可有效提升網站的索引效率與排名，避免因重複內容問題造成 SEO 分數被稀釋。
