學習 SEO 的過程中,了解一些專業術語跟程式標籤跟語法是必要的基本功,但也是最容易勸退新人的地方。

今天我想要分享的「canonical 標籤」(canonical tags)就是一個相當重要的 SEO 標籤。

它可以解決重複內容的問題,因此不只很多部落格平台有這個 SEO 欄位,canonical 標籤對於很多電商網站來說,更是相當實用的功能!

接下來我會盡量用淺顯的語言,幫助各位了解這個重要的 SEO 標籤,包含:canonical 標籤是什麼、什麼情境下需要用到 canonical 標籤、canonical 標籤又要如何設定。

本文更新於 2024 年。


Canonical 是什麼意思?

在 SEO 語境中,canonical 是「標準網址」的意思。

如果你去查英文字典,canonical 的意思為:「權威的」、「神聖的」、「典範的」、「標準的」,有那麼一點點宗教意味。

而設定某個網址為 canonical,等於告訴搜尋引擎:「請你以這個網址,當做標準網址」的意思。

延伸閱讀:《SEO 自學大全:一篇就搞懂 SEO,完整說明 SEO 的底層邏輯


Canonical 長什麼樣子?

眼見為憑,如果一個網站有設定 Canonical 標籤,你檢視網站原始碼,然後搜尋「canonical」,就能找到這段 code。

以我的這個網頁(https://frankchiu.io/google-data-studio-dashboard/)為例,你會看到:

<link rel=”canonical” href=”https://frankchiu.io/google-data-studio-dashboard/”>

紅框之處,即為 canonical
紅框之處,即為 canonical

為什麼需要 canonical?

在細談 canonical 標籤之前,我們要先討論一個問題:為何我們需要 canonical 標籤?

答案是:Google 不喜歡「重複內容」(duplicate content)的緣故。

請你試想,因為如果一個網站中有很多的重複內容跟重複頁面,Google 去你網站走了一圈,發現爬了很多一模一樣的東西,會覺得浪費了爬蟲的資源跟時間,因此討厭你。

而 canonical 就是一種對 Google 爬蟲的溝通手段,告訴 Google 說:請你以我提出的標準網址為主,我這個頁面就不要太在意——藉此降低重複內容的負面影響。

關於重複內容的更多討論,請見文章《完整了解重複內容》。

備註:如果這一段描述你看不太懂,或想了解更多索引原理,強烈推薦這篇《超好懂的 Google 搜尋引擎運作原理:按下 Google 搜尋時發生什麼事?》,可以幫助你輕鬆搞懂 Google 搜尋引擎的基本運作原理。


工商時間

如果你想要更系統化、更輕鬆的學好 SEO,推薦你參考我與知識衛星合作的 SEO 線上課程《SEO 排名攻略學:從產業分析到落地實戰,創造翻倍流量》。

這是我的 SEO 集大成之作,讓你從入門到精通,附贈實戰模板跟檢核表,讓你真正學好 SEO。


Canonical 常見 6 大使用情境

了解 canonical 標籤目的,是為了解決重複內容問題之後,我們就能來細談什麼時候要用 canonical 標籤了。以下列舉幾個我在實務中會用 canonical 標籤來處理的情境。


1. 網站有重複內容狀況發生

Google 並不喜歡重複內容,因此當 Google Search Console 報表中出現「這是重複網頁;使用者未選取標準網頁」,就代表你應該要設定 canonical 了。


2. 產品有不同顏色或規格

當你的產品有不同顏色或規格,並且都是獨立的網址,此時就是 canonical 最佳上場時機。(電商的朋友請畫重點)

好比說你今天衣服有紅色、綠色、藍色,分別有如下不同的獨立網址。

  • frankchiu.io/products/clothes-red
  • frankchiu.io/products/clothes-blue
  • frankchiu.io/products/clothes-green

這時候,如果把其他顏色的網頁下架或進行轉址,顯然是不智的——因為消費者就是需要看到綠色或紅色的衣服頁面。

此時,最好的方式就是選定一個標準網址,其他頁面設定 canonical 指向到標準網址,既可以保留原網頁,又能降低重複內容的負面影響。

小結:如果你的產品有很多規格或尺寸,像是 S、M、L 號衣服;不同顏色,像是白色、黑色、胡桃色書櫃,而且每個產品單項都有一個獨立、相異的網址,就很建議設定 canonical。


3. 重複頁面卻無法轉址或下架

如果你的網站有重複頁面的情況,通常我會建議網站主下架這個頁面(404),或是將重複的頁面 301 轉址到正確的頁面上。

不過實務上,有時候就是沒辦法做到(攤手),或是網站因為各種光怪離奇的原因產生很多重複內容。此時我們會建議:至少在重複頁面上,要設定 canonical 標籤,並指向到唯一的標準網址。


4. 網站有大小網站時

如果你的網站是大小網,也就是桌面版本跟手機版本有不同的網址,這時候也要記得做 canonical 標籤,將小網(行動版)指向到大網(桌面版)。

我們以 momo 購物作為舉例:

此時我們發現行動版的 canonical 設定,就有指向到桌面版本的網址 https://www.momoshop.com.tw/。

行動版本網址(小網),有 canonical 指向桌機的標準網址(大網)
行動版本網址(小網),有 canonical 指向桌機的標準網址(大網)
桌機版(大網)則做了 self-canonical
桌機版(大網)則做了 self-canonical

備註:桌面版(PC site、大網),則需要使用「rel=”alternate”」指向手機版(mobile site),讓 Google 知道大網跟小網之間的關聯。

詳細作法可參考 Google 官方說明


5. 網站內容轉載到別的網站平台上

假設你的多平台棲息的作者,好比說同時有自己的 blog、medium、vocus,並且都上傳了同樣的內容;此時你的內容對於 Google 來說,也是重複內容——而且別的平台的內容,很有可能反嗜你主網站的 SEO。

此時,canonical 標籤「有可能」降低這件事情的負面影響:你可以在「非主要的轉載平台」中,設定 canonical 標籤,告訴 Google 說這篇轉載文章,其實應該要參考我的原創文章才對。

不過實務上,如果文章轉載給媒體,媒體才不會幫你設定 canonical 呢,至少我沒見過。(如果哪家媒體願意這麼做,我絕對會鞠躬致敬)

同樣的,如果內容農場盜取你的文章,你也沒辦法在自己的網站設定 canonical 來對付它,非常遺憾——因為你只能處理自己掌控範圍內的文章而已。

備註:為何我會說「有可能」?因為 Google 不見得會遵照你的設定進行,像是 Medium 這種平台因為網域太強勢,有時候我設定 canonical 也沒用,但有設定就有機會,請各位還是盡量設定。


6. 就算沒有重複頁面,也可設定 self-canonical

如果你沒有重複頁面或上述幾種情境,你依然可以針對本來就唯一存在的網址進行 canonical ,告訴 Google 這就是我的標準網址——我們稱這個叫做「self-canonical」,也就是自己指向自己。

像是前面 momo 的舉例,桌面版本就是做了 self-canonical。

桌機版(大網)則做了 self-canonical
桌機版(大網)做了 self-canonical

而我前面舉例的圖片,粉紅色這一部分也是所謂的 self-canonical。

順帶一提,我部落格的文章也都有預設做 self-canonical,歡迎檢查看看。


Canonical 如何設定

關於 canonical 標籤要如何設定呢?

其實超級簡單,只要你的網站後台有 canonical 的欄位,接著在其中填入「你希望 Google 認列的標準網址」即可。

以我的部落格為例,yoast SEO 就有這樣的欄位。

注意,你在 canonical 欄位放置的網址,是標準網址、標準網址、標準網址,別放錯了!(太重要了,必須說三次)


常見問題:Canonical 為何無法阻止抄襲?

在一個網頁中,由於 Canonical 是告訴搜尋引擎:「我不是標準網址,另一個網頁才是」。

因此要解決抄襲、非自願轉載的狀況,要請對方在「對方的網頁上設定 canonical」,而多數會抄襲的網站根本不會願意做這件事情。

這是 Canonical 會沒辦法發揮功用的情境。


其他平台的 canonical 設定

就我所知,Shopify 可以設定這個 canonical 標籤,而 medium、vocus 也能設定 canonical 標籤。

關於 medium canonical 設定,可以參考我這篇《Medium SEO 策略指南:老司機指路,帶你識破 Medium SEO 奧秘!》。


Canonical 的常見錯誤及討論

前面說完了 canonical 標籤的基本概念,接下來補充一些實務上很常碰到的設定錯誤及討論。

常見錯誤 1. canonical 到 http 網址

很多人網站的 canonical 設定,會錯誤指向到 http 的版本;像是 91App 某些網站就有這個毛病。


常見錯誤 2. sitemap.xml 提交非標準網址

嚴格來說這不算是跟 canonical 直接相關的議題,不過我也想順便聊一下。

提交 sitemap.xml 時,文件中的網址應該都是標準網址,也就是你希望 Google 認真爬取的頁面;如果是一些你會用 canonical 來處理的重複頁面,就不用特別提交了。


常見錯誤 3. Canonical 指向邏輯混亂

Canonical 指向邏輯混亂,就是指 canonical 指向沒有邏輯可言,讓搜尋引擎非常混亂。

好比說,指網址 A 指向到 B,B 又指向到 C,然後 C 可能又指向 B。這樣的詭異操作會讓 Google 很困擾,這樣就很糟糕了——做 SEO,就是不能讓 Google 感到困擾。

下面這張圖片是錯誤示範,請大家不要這麼做;請乾脆俐落地指向到正確的標準網址吧。

錯誤

正確


結語

以上,就是關於 canonical 的所有內容,希望對你有幫助。要寫這樣的文章還真不容易,體力消耗非常大,希望你能多分享給有需要的朋友,你們的觀看都是我寫作的重要動力。

那麼今天就說到這,我們下次見。

法蘭克


工商時間

如果你想要更系統化、更輕鬆的學好 SEO,推薦你參考我與知識衛星合作的 SEO 線上課程《SEO 排名攻略學:從產業分析到落地實戰,創造翻倍流量》。

這是我的 SEO 集大成之作,讓你從入門到精通,附贈實戰模板跟檢核表,讓你真正學好 SEO。


衍伸閱讀及參考資料

4 意見

  1. Frank 你好
    想請問若是自己的商品除了自己的官網外,商品也有上架其他的通路平台,而商品標題說明內容都是一樣的,這樣是否也是會被認為是重複內容呢?

    • 對哦,會有重複內容問題,但這幾乎不可避免(上通路很重要),也未必會有很明顯的代價,可以多觀察一下。

    • 可以參考這篇說明,有提到這個:https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing?hl=zh-tw

留下一個答复

請輸入你的評論!
請在這裡輸入你的名字