Canonical 是一種 HTML 標籤（<link rel=”canonical”>），用來告訴搜尋引擎某個網頁的「標準版本」。當網站上有多個網址包含相同或非常相似的內容時，canonical 標籤能幫助搜尋引擎判斷哪一個版本應該被索引及排名。這樣可以避免重複內容（duplicate content）對 SEO 帶來負面影響。
什麼時候應該用 canonical？
- 網店產品頁有多個篩選參數版本
- 網站內容經常被分類、標籤、分頁顯示
- 同一內容被發布於不同網址或平台
為什麼 canonical tag 對 SEO 重要？
重複內容會讓搜尋引擎難以判斷哪一頁才是應該排名的主頁。舉例來說，同一頁內容可能會出現在以下多個網址中：
- https://example.com/product
- https://example.com/product?ref=homepage
- https://example.com/product?utm_source=ad
這些網址可能會被視為不同的網頁，但實際上內容一樣。這時候只要在這些頁面加上 canonical tag 指向標準網址（例如 https://example.com/product），就能告訴 Google「這才是主要內容」，集中權重並提升主頁的排名機會。
如何使用 canonical 標籤？
在決定好哪個網址是你想讓搜尋引擎索引及排名的「主要網頁」後，你只要在 <head> 區塊加入一行 HTML 程式碼：
<link rel="canonical" href="https://www.example.com/product" />這行程式碼表示這一頁的標準版本是 https://www.example.com/product，即使目前網址是包含參數或被引用的版本，搜尋引擎也會將權重集中到 canonical 指定的頁面上。
例如：
<link rel="canonical" href="https://www.example.com/current-page" />這樣的做法有助於維持網站內容的 SEO 一致性，也能防止搜尋引擎分散內容權重或錯誤地視為抄襲。
使用 canonical 時的最佳做法
- 標示原始頁面：在重複內容的所有版本中加上 canonical tag，並指定標準頁的 URL。
- 使用絕對網址：為了兼容不同情況，最好使用完整的 URL，例如 https://www.example.com/page。
- 注意內容連結：連結至網站內部網頁時，請連結至標準網址，而非重複網址。 如果能一致地連結至你選擇的標準網址，有助於 Google 瞭解你的偏好。
- 搭配 hreflang 使用：如有多語言版本，canonical 與 hreflang 可以一起使用，避免誤導搜尋引擎。
- 請勿為相同網頁指定不同的標準網址：舉例來說，不要在網站地圖中為網頁指定一個網址，卻又使用
rel="canonical"為同樣的網頁指定另一個網址。 - 採用自我指向（self-referencing canonical）：即使某個頁面只有唯一版本，也應該加入標準網址。