Canonical URL 是什麼?別讓標準網址把自己的流量吃光光!

Canonical URL 是什麼?別讓標準網址把自己的流量吃光光!

Canonical URL(標準網址)是用來告訴搜尋引擎 「 哪一個網址才是相同內容中,你要收錄與排名在搜尋結果的主要頁面 」。

在網站上,同一份內容常常因為參數、不同裝置版本、網址格式差異等原因而產生多個 URL,對多數網站來說,重複內容並非抄襲,而是自然產生的技術現象。

接下來,我們會把 Canonical URL 的使用場景、如何設定與檢查,及容易踩的地雷分享給大家!

只要觀念正確、設定一致,Canonical 能幫助提升網站的 SEO 穩定度,讓每個頁面的價值集中在正確位置:)


什麼是 Canonical URL?

在網站上,同一份內容往往會因為網址參數、不同裝置版本、網址格式差異等原因,產生多個「 看起來幾乎一樣 」的頁面。

為了讓搜尋引擎確定哪一個版本才是主頁面,就需要使用 Canonical URL,也就是「 標準網址 」。它是一個明確的訊號,用來告訴 Google:這一頁才是你應該收錄與排名的主頁面

Canonical URL / Canonical Tag 的基本概念

Canonical URL 指的是你想讓 Google 認定為主頁面的那個網址;Canonical Tag 則是放在 HTML <head> 裡、負責宣告標準網址的語法,通常長這樣:

Canonical Tag HTML 語法通常為 rel="canonical" href="你指定的主要網頁"
Canonical Tag HTML 語法通常為 rel=”canonical” href=”你指定的主要網頁”

搜尋引擎會透過這個標籤,理解不同網址間的「 主從關係 」,並把各版本的資訊與權重集中到你指定的主頁面。

Canonical 到底會影響什麼?

正確設定 Canonical,會直接影響以下幾件 SEO 關鍵事項:

  1. 搜尋結果顯示哪個網址

對 Google 來說,你指定的網址會被視為「 正式版本 」,優先出現在 SERP。

  1. 權重與信號累積在哪一頁

使用者的點擊、回訪、外部連結等行為信號,都會被合併到指定的標準網址,而不是分散在一堆副本網址。

  1. Googlebot 的爬蟲效率

減少重複內容的索引成本,讓 Google 更快抓到你真正重要的新內容。


為什麼 Canonical 很重要?「 重複內容 」不只是抄襲問題

大多數網站都會自然產生重複內容,例如帶參數的網址、商品不同規格頁、篩選頁、分類頁等。

雖然內容重複不代表你抄襲,但在沒有 Canonical 的情況下,這些頁面會讓搜尋引擎難以判斷「 到底該把排名給誰 」。久而久之,反而會拉低整體網站的 SEO 表現。

重複內容對 SEO 的三個風險

  1. 排名被自己網站不同網址瓜分

同一篇內容若有多個網址,Google 可能分別對它們打分。結果就是:你本來應該衝上第一頁的文章,被拆成數個弱勢版本,排名一起往下掉。

  1. Google 認不出主頁面,SERP 隨機顯示頁面版本

如果你沒有指定 Canonical,Google 可能選錯版本顯示在 搜尋結果(SERP),例如:

  • 顯示帶參數的網址
  • 顯示無內容、無轉換價值的版本
  • 顯示舊文章而不是更新後的版本

這會直接影響點擊率與使用者體驗。

  1. 爬蟲額度浪費在「 同一篇內容 」的不同網址上

Googlebot 的爬蟲預算有限。若你的網站充滿重複頁面,它會把時間浪費在重複抓取,而不是索引你的新內容。對大型網站(電商、內容站等)這種大量右面的網站來說尤其傷。

Canonical 能帶來的四個好處

Canonical 能帶來的四個好處
Canonical 能帶來的四個好處
  1. 指定希望出現在 SERP 的「 主網址 」你可以明確告訴 Google:「這一頁才是我想排名、想曝光的版本。」
  1. 整合多個網址的連結&行為信號所有版本的外部連結、點擊、瀏覽,都會被合併到主頁面,提高整體權重。
  1. 簡化報表與轉換追蹤當所有信號都集中在 Canonical URL 時,你不會看到 GA、GSC 裡一堆相似但分散的 URL,,只需看一個 URL 就好,更容易分析轉換。
  1. 讓 Google 把時間花在「 新內容 」減少不必要的重複網址,有助提升 Google 的爬蟲效率,而不是浪費在重複頁面,間接提高內容更新的速度與收錄品質。

哪些情況要用 Canonical?7 個最常見的場景

網站上會自動產生「 高度相似的頁面 」其實非常正常,而 Canonical 的角色,就是在這些版本之間說明「 誰是主頁面 」。

以下整理最常見、實務上一定會遇到的 7 個狀況,只要符合其中之一,就該考慮設定 Canonical,避免讓 Google 自己猜。

最常見、實務上一定會遇到該設定 Canonical 的 7 個狀況
最常見、實務上一定會遇到該設定 Canonical 的 7 個狀況

一、一頁有好多網址版本

這是最典型、最多網站會遇到的情況。只要網址有 http 與 https有無 wwwRWD 與 AMP行動 / 桌機版同內容的不同查詢參數等差異,就可能被搜尋引擎視為「 不同頁面 」。

技術上雖然內容一樣,但搜尋引擎會把它們視為多個版本,因此必須透過 Canonical 主動告訴 Google 哪一個才是標準版。一般而言,建議統一使用:

  • https
  • 不帶多餘參數
  • 不包含 www(或統一為 www,但前後一致即可)
  • 網站主版本(桌機版或主要 RWD 版)
  • 與 HTTPS、行動版、AMP 的搭配

Google 會優先採用 HTTPS 當 Canonical,但仍強烈建議明確設定,避免 Google 自行判斷造成混亂。

如果網站還存在 行動版網址(m.example.com)或 AMP,需要遵循以下基本原則:

  • AMP 頁面必須用 <link rel=”canonical”> 指向標準頁
  • 行動版 / m 版也要 Canonical 回主要 URL

簡單來說,你想進到排名的那一頁,就是 Canonical 的 href。

二、網址帶不同追蹤參數

同一個頁面內容,網址可能會因為各種參數而不同。雖然內容相同,但若不加 Canonical,Google 會把這些網址都視為「 獨立頁面 」,造成:

  • 排名信號分散
  • 外部連結效益被稀釋
  • GA / GSC 報表變成一堆參數網址

這類情況應該讓所有變化版網址 Canonical 回最乾淨的主網址。

三、同商品有不同規格

電商網站常會因為規格不同,例如:不同顏色、尺寸、容量,而產生多個商品頁,若文案、圖片大部分相同,只有小幅差異,就屬於高度重複內容。

這時就要選擇最完整的資訊頁、預設款、市場需求最大的「 主要頁面 」作為 Canonical,其餘規格頁保留給使用者瀏覽沒問題,但要 Canonical 指回主頁面。

四、聯合刊登 & 內容轉載

如果你的文章內容被媒體、合作夥伴轉載在他們的網站上,通常是客座文章合作,「 原始文章 」、「 該網站轉載文章 」兩個不同網址、同樣內容,就會同時存在。

若你希望原始文章在搜尋結果中保留排名,應請對方放上 Canonical 指回你自己的主頁面。否則 Google 可能會誤以為對方的版本才是主要內容,反而讓你的原文排名下滑。

五、類別 / 標籤 / 搜尋結果頁高度重複

內容型網站常出現像是:類別 A 和類別 B 的文章列表內容 80% 相同、標籤頁之間差異極小,或搜尋結果頁也可能跟分類列表頁重複。

如果這些頁面不需要 SEO 排名,就適合用 Canonical 指定回主要的分類頁或內容頁。

六、多語系 / 多地區版本配合 hreflang

多語系網站的網址會有不同版本,在這種情況下,Canonical 與 hreflang 的搭配非常重要。

每一個語系頁面都要有自己的 Canonical(指向同語系版本),例如:不要把中文頁 Canonical 到英文頁,或把台灣頁 Canonical 到香港頁等。

hreflang 是用來描述「 語言與地區 」,不是用來取代 Canonical。簡單來說,Canonical 指自己,hreflang 指彼此。

七、沒有重複頁面,也可以用 Self-Canonical

即使頁面沒有多個版本,Google 官方仍建議每一頁都放 Self-Canonical(指定本頁),例如犬哥網站首頁設定自己為標準頁面:

<link rel=”canonical” href=”https://frankknow.com/”>

主要原因有三:

  1. 強化訊號一致性(Google 不需替你猜)
  2. 預防日後網址被帶參數時造成混亂
  3. 提高索引穩定性

Canonical 要怎麼設定?如何在網站設定語法

Canonical 的設定方式並不複雜,只要掌握正確語法、放在對的位置,再確保整個網站的 URL 訊號一致,Google 就能清楚知道哪一頁才是你希望被收錄與排名的版本。

Canonical 基本語法與位置

Canonical Tag 是在網頁的 <head> 和 </head> 標籤之間插入一個 <link> 標籤,用來宣告標準網址。語法如下:

<link rel=”canonical” href=”https://example.com/your-url/” />

設定重點:

  • rel=”canonical”:告訴搜尋引擎這個連結是標準網址。
  • href=”完整的標準網址”:必須使用絕對路徑 (包含 https:// 和完整的網域名稱) 指向你希望被索引的標準頁面 URL。

常見網站平台設定方式

不同平台的設定方式如下:

  • WordPress大多數 SEO 外掛程式(如 Yoast SEO 或 Rank Math)都提供簡單的欄位讓你在編輯頁面時輸入標準網址,無需手動修改程式碼。
  • Wix 或 Weebly 等架站平台通常在頁面的「 SEO 設定 」或「 進階設定 」中有地方可以直接填寫 Canonical URL。
  • 自架或客製化網站通常在模板層(Layout / Head Component)加入 Canonical Tag,並確保網址有參數或變體的頁面能正確輸出 canonical。
  • Shopify、WooCommerce 等電商多數平台已自帶基本 canonical,但需確認多規格商品頁是否大量重複內容,及篩選或排序頁產生參數 URL,canonical 是否正確。

非 HTML 檔案的 Canonical:用 HTTP Header

如果頁面是一個非 HTML 檔案(例如 PDF、Word、Excel 等文件),或是無法編輯 HTML 的 <head> 區塊,可以在 HTTP Header 回應中加入:

Link: <https://example.com/your-url/>; rel=”canonical”

適用情境包含:PDF 與 HTML 內容相同白皮書和報告提供多種格式下載想把權重集中回 HTML 版本 等。

配合 Sitemap 一起設定

Sitemap 是另一個「 向 Google 說明頁面結構 」的重要信號。原則有兩個:

  1. Sitemap 只列出 canonical URL(真正想要被索引的版本)
  2. 不要把帶參數、追蹤碼、排序頁、篩選頁放到 Sitemap

原因是 Sitemap 會加強 Google 的「信號一致性」判斷,若 Sitemap 列出 A,但 canonical 指 B,Google 可能忽略你的設定。務必讓 Sitemap、Canonical、內部連結三者一致。

打好技術基礎,SEO 才能真正發揮效果

了解 Canonical 怎麼設定後,你會發現正確使用 <link rel=”canonical”> 其實只是技術 SEO 的其中一環。真正複雜的,是讓網站 URL 結構、Sitemap、內部連結、內容架構都維持一致。

很多企業網站會有重複內容、參數網址被 Google 誤當主頁、或 Sitemap 和 Canonical 對不起來等問題,所以可能一直無法進入前頁排名,甚至出現無法收錄的狀況。

犬哥網站 SEO 案例——「 室內設計公司 」 網站諮詢數量穩定成長中,多組產業相關關鍵字進入 Google 第一頁
犬哥網站 SEO 案例——「 室內設計公司 」
網站諮詢數量穩定成長中,多組產業相關關鍵字進入 Google 第一頁

以我們近期協助「 室內設計公司 」的 SEO 行銷服務 為例,他們的網站原本也有重複內容的問題,同時也缺乏明確的 技術 SEO 架構,在分析後,我們從兩個方向下手:

1. 技術 SEO 調整重建整站的 canonical 架構、清理重複內容與參數頁、統一 HTTPS / www 與內部連結路徑等。

2. 內容與關鍵字強化佈局深度優化作品集與服務頁內容、增加「 北部地區 」的區域關鍵字覆蓋,並針對高意圖搜尋(如「 台北室內裝修、辦公室設計 」等)強化內容策略。

當網站的技術地基穩固後,Google 才真正能看懂網站的主頁面與層級架構。該公司的詢問量也穩定上升中,並成功讓多組核心關鍵字進入 Google 第一頁

如果你也想讓官網技術架構完善、內容被 Google 正確理解,並讓 Canonical、Sitemap、內容策略能完整設定,歡迎與犬哥網站聊聊我們的 SEO 行銷服務:)


怎麼檢查 Canonical 是否成功設定?

Canonical 設定好之後,還必須確認搜尋引擎是否「 有採用 」,尤其是 Google 有時會因訊號矛盾,自行選擇不同的標準網址。以下提供三種最可靠的檢查方式:

使用瀏覽器「 檢視網頁原始碼 」

這是最直接的檢查方法:

  1. 開啟你要檢查的網頁。
  2. 在頁面上按下滑鼠右鍵,選擇檢視網頁原始碼(或按下鍵盤快速鍵 Ctrl + U / Cmd + Option + U)。
  3. 在原始碼頁面中使用搜尋功能(Ctrl + F 或 Cmd + F)搜尋關鍵字 canonical
  4. 找到類似語法:<link rel=”canonical” href=”https://example.com/your-url/” >

最後就是檢查 href 指向的 URL 是你期望的標準網址,並且語法沒有錯誤。

使用瀏覽器開發者工具

如果 Canonical 是設定在 HTTP 標頭中,需要使用「 開發者工具 」:

  1. 開啟你要檢查的網頁。
  2. 按下滑鼠右鍵,選擇「 檢查 」(或按鍵盤上的 F12)。
  3. 切換到「 Network 」(網路)標籤頁。
  4. 重新整理頁面。
  5. 點擊列表中第一個資源(通常是你目前網頁的名稱)。
  6. 在右側的面板中,尋找「 Headers 」(標頭)部分,並在「 Response Headers 」(回應標頭)中尋找 Link 標頭,確認是否有包含 rel=”canonical” 的設定。

使用 Google Search Console

Google Search Console 是 Google 官方用來確認網站與搜尋引擎互動的工具。

  1. 登入 Google Search Console。
  2. 使用頂部的「 網址審查 」工具(URL Inspection Tool)。
  3. 輸入要檢查的頁面 URL。
  4. 查看結果中的「 Google 選擇的標準網址 」(Google-selected canonical)。
  • 如果 Google 選擇的標準網址與你設定的網址一致:表示你設定成功,且 Google 已經接受你的建議。
  • 如果 Google 選擇了不同的網址:表示 Google 可能基於某些原因忽略了你的設定,可能需要檢查設定是否有誤,或頁面是否真的重複性很高。

使用 SEO 爬蟲工具或外掛程式

許多第三方 SEO 工具可以大規模檢查網站的 Canonical 設定:

  • 瀏覽器外掛:例如 Ahrefs SEO ToolbarDetailed SEO Extension。這些工具會在你瀏覽頁面時自動顯示標準網址。
  • 網站爬蟲軟體:例如 Screaming Frog SEO Spider,可以抓取整個網站並列出每個頁面的 Canonical URL 及其狀態。

設定 Canonical 的原則與 Google 官方建議

設定 Canonical Tag,Google 會同時檢查整個網站的連結、Sitemap、內容品質等訊號,再決定是否採用你設定的標準網址。

因此,遵守正確原則能避免搜尋引擎忽略 canonical,確保你指定的主頁面順利被收錄與排名。

設定 Canonical 的 6 個原則,遵守正確能避免搜尋引擎忽略 canonical
設定 Canonical 的 6 個原則,遵守正確能避免搜尋引擎忽略 canonical

使用完整的「 絕對網址 」

永遠使用完整的 URL,包含 https://網域名稱路徑,避免測試站、子網域混亂。同時避免使用相對路徑。

  • 正確範例:

<link rel=”canonical” href=”https://example.com/your-url/” >

  • 錯誤範例:

<link rel=”canonical” href=”/your-url/” >(相對路徑)

全站一致性與偏好版本

確保指向的標準網址是你希望訪客和搜尋引擎看到的版本:

  • HTTP vs HTTPS:如果網站使用 HTTPS,請確保 Canonical URL 指向 HTTPS 版本。
  • WWW vs non-WWW:決定偏好的版本(例如 www.example.com 或 example.com),並確保所有 Canonical URL 都一致指向該版本。

Canonical 指向單一標準頁面

一個網頁只能有一個標準網址宣告。

如果你同時設定了多個 <link rel=”canonical”> 標籤,或者同時使用了 HTML 標籤法和 HTTP 標頭法,搜尋引擎可能會忽略所有設定,或者選擇一個錯誤的版本。

確保目標頁面存在且可被檢索

你設定的 Canonical URL 必須是一個有效的 URL,並且回傳 200 OK 的狀態碼。

避免指向:

  • 404 錯誤頁面:如果標準頁面不存在,Canonical 標籤將無效。
  • 被 noindex 或 robots.txt 封鎖的頁面:標準頁面必須允許 Googlebot 抓取和索引。

自我引用 Canonical(Self-Canonical)

即使頁面沒有重複內容,最佳作法是在標準頁面本身也加入指向自己的 Canonical 標籤

這有助於強化該頁面是「 標準版本 」的訊號,並防止因追蹤參數或其他變體產生不同網址,但重複內容得狀況。

例如,在 https://example.com/your-url/ 的原始碼中,設定:<link rel=”canonical” href=”https://example.com/your-url/” >

Canonical 是「 強烈建議 」非「 指令 」

Google 通常會遵循你的 Canonical 建議,但它保留最終決定權。

如果 Google 認為你指定的標準網址內容與當前頁面內容差異太大,它可能會忽略您的建議,並自行選擇它認為最適合的標準網址。


常見的 Canonical 錯誤案例

設定 Canonical Tag 時,即使語法正確,也常常會因為不理解運作原理而設定錯誤,進而影響網站 SEO。

以下是一些常見的設定錯誤案例:

常見的 Canonical 錯誤案例
常見的 Canonical 錯誤案例

將 Canonical 指向完全不相關的內容

這是最嚴重的錯誤之一。Canonical 標籤應該指向內容高度相似或重複的頁面

如果將它指向完全不相關的頁面,Google 會忽略該標籤,或者更糟的是,可能導致錯誤的頁面被索引,例如:

  • 將一篇介紹「 咖啡豆種類 」的文章的 Canonical 指向網站首頁。
  • 將產品 A 的頁面 Canonical 指向產品 B 的頁面。

將分頁內容 Canonical 指向第一頁

這是分類頁或部落格列表頁最常見的錯誤。

如果你有多頁內容(例如:文章列表或產品分類頁有好幾頁),不要將第 2、3、4 等後面的頁面的 Canonical 指向第 1 頁,這會讓 Google 無法發現並索引第 2 頁及以後的所有內容。

正確做法應該是讓每一頁都自我引用,例如:https://example.com/category/page/2/ 應該 Canonical 指向它自己。

在 <body> 區塊設定 Canonical 標籤

根據 HTML 規範,<link rel=”canonical”> 標籤必須放在 <head> 區塊內。如果放在 <body> 裡面,搜尋引擎(尤其是 Google 以外的)可能會找不到或忽略該標籤。

將 Canonical 標籤用於網站搬家

Canonical 標籤是用來解決單一網站內聯合發布內容的重複問題。它不應該用在網站搬遷的時候,例如:將舊網域 old-site.com 的所有頁面 Canonical 指向新網域 new-site.com。

如果是網站搬家,建議使用 301 重新導向(301 Redirect)來進行網站永久搬家。


常見問題

已經 301 轉址了,還需要設定 Canonical 嗎?

不需要。

301 轉址代表「 舊網址已經永久搬到新網址 」,所有權重都會轉移到目標 URL;設定 Canonical 代表「 雖然這個頁面存在,但請把權重算給另一個頁面 」

這兩種方法雖然目的相似(都是為了整合重複內容的權重),但在技術上是不同的做法,不能同時使用。

Canonical 可以設定到其他網域嗎?(跨網域 Canonical)

可以,但要確保兩邊的內容幾乎一模一樣,並且你真的希望把權重集中到那個網域。
跨網域 Canonical 主要用於以下幾種情況:

1. 內容聯合發布:允許其他網站(例如:新聞媒體)轉載你的原創文章。
2. 關係企業網站的重複內容:有多個相關的網站,內容有重疊。
3. 測試環境或開發站:因測試站與正式站內容一致,但為不同網址。

Canonical 設錯了會怎樣?要怎麼補救?

設定錯誤通常可能影響:

・搜尋排名訊號流失(最常見):
如果指向的錯誤頁面內容品質較差或使用者體驗較差,網站整體排名可能會下降。

・重要的頁面消失在搜尋結果中 (最嚴重):
如果不小心將一個重要且獨一無二的頁面 Canonical 指向網站上另一個不相關的頁面,Google 會認為該頁面是重複內容,把它從索引中移除。

例如,將「 暢銷產品 」頁面 Canonical 指向「 促銷活動 」頁面,暢銷產品頁面就會消失在自然搜尋結果中。

・網站權重被分散或混亂:
如果設定的 Canonical 形成一個「 迴圈 」(A 指向 B,B 又指向 A)或者指向一個 404 錯誤頁面,Google 會感到困惑,最終可能忽略所有設定,導致網站權重無法集中。

補救方法相對簡單,但需要時間讓 Google 重新抓取並更新索引

1. 立即修正 canonical 語法與指向的網址
2. 在 Search Console 使用「 要求建立索引 」,加速更新
3. 用 Search Console「 網址審查 」確認 Google 是否接受新設定
4. 確保 Sitemap、內部連結等都指向同一版本


聯絡犬哥網站

在網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。

資源一:犬哥網站(專業 WordPress 網頁設計&數位行銷公司)

如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站(WordPress 網頁設計&數位行銷公司),請專家協助你會更容易!

我們有多年網頁設計、SEO 關鍵字行銷、Google 廣告投放經驗,加上上百個實戰案例,絕對能滿足您的需求!

犬哥網站|網頁設計&數位行銷公司
犬哥網站|網頁設計&數位行銷公司

資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)

如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?

可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!

WordPress 高手架站課&SEO 排名飆升課
WordPress 高手架站課&SEO 排名飆升課
  • WordPress 高手架站課
    從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
    課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
  • SEO 排名飆升課
    教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
    帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端