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

今天我想要分享的「canonical 標籤」(canonical tags)就是一個相當重要的 SEO 標籤,它可以解決重複內容的問題,因此不只很多部落格平台有這個 SEO 欄位,canonical 標籤對於很多電商網站來說,更是相當實用的功能!

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


Canonical 是什麼意思?

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

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

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


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 說:請你以我提出的標準網址為主,我這個頁面就不要太在意——藉此降低重複內容的負面影響。

關於重複內容的更多討論,請見以下文章。

SEO 重複內容終極指南:什麼是重複內容,及為何 Google 討厭重複內容?

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


Canonical 常見 5 大使用情境

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

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

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

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

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

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

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

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


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

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

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


3. 網站有大小網站時

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

我們以 momo 購物作為舉例:

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

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

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

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

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

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

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

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


5. 就算沒有重複頁面,也可設定 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 設定

就我所知,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 的所有內容,希望對你有幫助。要寫這樣的文章還真不容易,體力消耗非常大,希望你能多分享給有需要的朋友,你們的觀看都是我寫作的重要動力。

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

2020.9.18
法蘭克


衍伸閱讀及參考資料

留下一個答复

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