跳轉目錄

Canonical 標準網址實戰:從概念、設定到檢查,一次弄懂

同一內容可能會有多個網址,但如果想要讓搜尋引擎知道哪個是「正本」,就要用 Canonical 標準網址來告訴它。而 Canonical 的作用是能集中權重、減少重複內容、改善索引效率。但該如何設定?又該如何判斷?別擔心,下面就讓迷圖SEO來告訴你 Canonical 標準網址的概念、設定到檢查,幫助你一次弄懂!

認識 Canonical 標準網址:它在 SEO 中扮演什麼角色?

Canonical(標準網址、標準化 URL)是一種告訴搜尋引擎「這個網頁才是首選版本」的方式。當同一內容有多個網址(如:加入參數、排序、篩選等)時,使用 canonical 可以明確指出哪個網址才是「正本」,以避免搜尋引擎將其視為重複內容,進而分散 SEO 權重。

一般是透過在 HTML 原始碼中加入 來指定。需要注意的是,canonical 是一種「強烈建議」,而非「絕對命令」,搜尋引擎會參考你的建議,但不一定會完全依照你的指示來判斷。

什麼情況要用 Canonical?6 大場景快速判斷

那什麼情況下要用 Canonical 標準網址呢?常見的 6 大情境如下:

URL 參數與排序頁:避免相同內容多網址

像是 UTM 追蹤碼、篩選、排序等參數,或網址大小寫、WWW/非 WWW、HTTP/HTTPS 等,都可能造成同一內容有多個網址,這時就要用 canonical 指定標準網址,以避免權重分散。

⚠️ 注意:如果參數頁的內容與主頁真的不同,就不該硬是用 canonical 指回主頁!

商品/內容變體:顏色、規格、分頁與多分類

電商網站常有商品多規格(顏色、尺寸等)或同一內容有多個分類路徑,這時就要選擇一個主版頁作為標準網址,並在其餘變體頁設置指向主版頁的 canonical。同樣地,部落格的分頁內容相近,也可用 canonical 指定標準網址。

裝置版本、AMP、跨網域轉載與自我標準化

  • 桌機/行動版獨立網址:若桌機版與行動版各自有獨立網址,需用 canonical 指定標準版本。
  • AMP(加速行動網頁):AMP 版本需用 canonical 指回原本頁面,原頁面則用 指向 AMP 版本。
  • 跨網域轉載:若內容被其他網站轉載,轉載頁需設 canonical 指回原網址。
  • Self-canonical:每頁都設指向自己的 canonical,以明確告知搜尋引擎此頁為首選版本。

⚠️ 注意:多語系多地區網站通常用 hreflang 標記,不要互設 canonical!

重複頁面好困擾?迷圖SEO幫你處理還提升流量!

Canonical 設定與驗證:HTML、CMS、HTTP 標頭到檢查方法

那該如何設定 Canonical 標準網址?下面我們就分為 4 個步驟來向你詳細說明。

1. 單一頁面實作,在頁面 HTML head 加上 rel=”canonical”

在網頁的<head> 區塊中加入如下語法:

<link rel="canonical" href="你要指向的標準網址">

注意事項:

  • 請使用完整絕對網址(不可使用相對路徑)
  • 每頁僅能有一個 canonical 語法
  • 優先指向 HTTPS 版本
  • 確保標準網址內容與該頁內容高度相似

2. CMS/模板層設定:WordPress/Shopify 等常見做法

  • WordPress:可用外掛(如:Yoast SEO、Rank Math)自動輸出 canonical,或在主題設定中調整。
  • Shopify:Shopify 會自動為每頁添加 canonical 標籤,若需自訂,可在主題程式碼中調整。
  • 其他 CMS:大多數 CMS 皆支援在模板層設定 canonical,或可使用外掛/擴充功能。

⚠️ 注意:動態頁、分頁、參數頁等需有例外處理,避免出現多重 canonical 或指向錯誤頁面。

3. 非 HTML 檔與 HTTP 標頭、Sitemap 配合

若有 PDF、文件等非 HTML 檔案,也可透過 HTTP 標頭指定 canonical。而 Sitemap(網站地圖)僅應提交首選網址,與 canonical 設定一致。

4. 檢查與驗證方法

設定後,可透過以下方式檢查 canonical 是否生效:

  • 查看原始碼/HTTP 回應:確認<head> 區塊是否有正確的 canonical 語法。
  • Google Search Console:在「網址檢查」工具中查看「Google 選擇的標準網址」與索引狀態。
  • 線上工具與瀏覽器外掛:使用如:Screaming Frog、Ahrefs、Yoast 等工具做單頁或批次檢測。

常見錯誤清單:這些 Canonical 寫法會害你被忽略

以下列出常見的 canonical 錯誤設定,建議設定前後都要再次檢查,以避免錯誤的 canonical 寫法影響 SEO 效果。

🚫 多個 canonical 標籤

🚫 互相指向或出現循環指向

🚫 指向 301 轉址或 404 頁面

🚫 指向 HTTP 而非 HTTPS 版本

🚫 內容不相符硬指向

🚫 所有頁都指向首頁

🚫 與 robots.txt 或 noindex 衝突

🚫 與 hreflang 或 Sitemap 不一致

Canonical 與 301 轉址怎麼選?實務比較與建議

當網站改版、合併頁面或遇到重複內容問題時,該用 canonical 還是 301 轉址?兩者差異如下:

Canonical (標準網址標籤)301 轉址 (301 Redirect)
用戶體驗用戶仍可瀏覽所有版本頁面 (不會發生跳轉)用戶會被強制跳轉至新頁面 (無法瀏覽舊頁面)
訊號傳遞速度較慢 (Google 視為強烈建議,非絕對指令)較快且直接 (視為絕對指令,幾乎完整傳遞權重)
適用情境內容高度相似,但需保留多版本 (如:商品顏色/尺寸頁、追蹤碼參數網址)頁面永久移動、網址結構變更、網域更換、刪除舊頁面並合併權重時
維運成本較低 (僅需在頁面 <head> 埋設 HTML 標籤)較高 (需透過伺服器設定檔 .htaccess 或外掛管理規則)

判斷建議:

  • 能轉址且內容完全相同 ➜ 用 301 轉址
  • 內容高度相似,但需保留多版本 ➜ 用 canonical

🚨 特殊情境:

  • AMP、跨網域轉載、暫時性活動頁等 ➜ 用 canonical
  • 網站改版、合併頁面 ➜ 用 301 轉址

FAQ:關於 Canonical 的進階疑問

如果參數頁需要被收錄,還能用 canonical 嗎?

不建議。若參數頁需被收錄,應保留該頁可被索引,並避免使用 canonical 指向其他頁面。可搭配 robots 規則、內部連結與內容差異化來處理。

Canonical 可以跟 noindex 一起用嗎?

不建議。canonical 與 noindex 的訊號可能衝突,讓搜尋引擎難以判斷。一般建議在同一頁面僅使用其中一種設定。

設了 canonical,還需要在 Sitemap 指定首選網址嗎?

建議 Sitemap 也僅提交首選版本,與 canonical 保持一致,以協助搜尋引擎更快對齊理解。

Canonical 設定錯了會怎樣?

若 canonical 設定錯誤,可能導致搜尋引擎忽略該設定,甚至影響網站 SEO 表現。因此設定前後皆需謹慎檢查!

找迷圖專業SEO,避免用錯Canonical讓成效流失!

看完之後,希望你對於 Canonical 標準網址的概念、設定與檢查方式有更進一步的了解,且能夠運用在自己的網站上。若你想把這些最佳做法延伸到整體 SEO 策略,讓正確頁面被找到、避免重複內容分散權重,並把排名實際轉成商機,歡迎與迷圖SEO聊聊。我們致力於協助企業提升網站流量與轉換率,提供量身打造的 SEO 解決方案,幫你用更輕鬆且更符合需求的方式達成行銷目標、提升品牌知名度!歡迎聯絡我們,或是預約免費健檢,迷圖SEO三大優勢,讓消費者怎麼搜尋都能找到你!

  1. 地圖式SEO佈局策略
    消費者在 Google 搜尋找不到你嗎?迷圖透過地圖式的 SEO 關鍵字佈局,並藉由策略分析與排名優化,提升網站排名及流量,讓消費者搜尋每個關鍵字都能找到你!
  2. R2R 轉換數據報表
    相信許多商家、企業都有過一樣的疑問:SEO 對轉換有用嗎?迷圖與資料數據分析公司聯手推出 Rank2Revenue 轉換追蹤 SEO 服務,可清楚顯示 SEO 帶來的轉換、助攻!量化 SEO 成效,讓你真正看見 SEO 帶來的效果。
  3. 免動手服務
    花了一筆費用想做好 SEO,但對方只給建議,修改、文章撰寫還是要自己來?迷圖不會讓這樣的事情發生!從網站修改到文章撰寫,迷圖皆可提供專業服務,解決人手不足、加速專案進度與成效顯現。
延伸閱讀