標準網址(Canonical Tag)小教室
SEO初學者一定有聽過一個名詞:標準網址(即Canonical Tag,以下混用;附帶一提,DNS設定中,C Name的C就是指Canonical),英文有典範之意,卻不清楚實際作用為何,這邊會深入淺出的講解什麼是標準網址、WordPress如何佈署、何時該運用標準網址。運用的當,可以讓搜尋結果頁(以下皆稱為SERP)顯示我們想主推的頁面。
什麼是標準網址(Canonical Tag)
照字面上解釋,canonical有典範、標準之意,用在SEO上,就是跟Google說Canonical Tag裡面的網址是標準網址、主要網址,請他優先顯示,根據Google的解釋,主要用來解決重複性內容(duplicated content)。這個標記非常重要,原則上就是每個網頁都要有,但是佈署時要考量蠻多事情,後面會說明注意事項。
Canonical是寫在原始碼的head區塊,僅供Google識別,不影響網友的瀏覽(反之,轉址就會)。以https://www.wpandseo.tw/111/seo-periodic-table-onpage/為例,原始碼的head中有這一段「link rel=”canonical”」的程式碼:
<link rel="canonical" href="https://www.wpandseo.tw/3212/seo-periodic-table-2021-content-architecture-html/" />
這段程式碼的意思就是跟Google說網址"https://www.wpandseo.tw/111/seo-periodic-table-onpage/"的標準網址是"https://www.wpandseo.tw/3212/seo-periodic-table-2021-content-architecture-html/",請Google將所有SEO相關權重都歸屬到"https://www.wpandseo.tw/3212/seo-periodic-table-2021-content-architecture-html/"。
這個設定僅會影響到Google判斷該在SERP顯示哪個網頁,不會影響到網友看內容,所以"https://www.wpandseo.tw/111/seo-periodic-table-onpage/"依然可以被正常瀏覽,只是若Google接受這設定後,搜尋"SEO元素週期表"時,它會優先顯示"https://www.wpandseo.tw/3212/seo-periodic-table-2021-content-architecture-html/"。
用WordPress架站的話,如果沒安裝任何外掛或調整程式則無法自訂 Canonical Tag標記 ,安裝Yoast SEO或其他SEO外掛後便可以做這件事。
做完設定過一段時間後,可以利用新版Google Search Console的網址審查功能確認Google的處理狀況:
順帶一提,上面那張截圖提供的資訊其實是互相矛盾的,在網頁索引狀態顯示「網頁未編入索引:替代頁面 (有適當的標準標記)」,代表Google沒有索引這個網址,但Google所選的標準網址又是這個網址。那到底Google有沒有索引呢?答案請見下圖。
標準網址使用情境
為何實務上會建議標準網址要佈署到全站呢?因為有太多情況會造成多個不同網址顯示極為類似或根本一樣的內容,沒適當的佈署標準網址很容易造成重複性內容。茲舉部分情境如下:
- 類似商品有高價跟低價,定位不同、都需要賣,但是希望Google優先顯示高價,這時候就可以在低價商品的原始碼中,將高價商品網址設為標準網址
- 同一個商品有多種顏色或尺寸,基於某些原因….網址不一樣,這時候可以考慮使用標準網址試著整合SEO
- 類似文章有多篇(例如一篇是主推文章,另一篇是異業合作相關),這時大多希望Google優先顯示主推文章,就可以在異業合作文章的原始碼中將主推文章設為標準網址
- 我一開始描繪的情境,一開始先寫了文章A,有排名了,之後寫出更完整的文章B,希望將自然搜尋流量整合到文章B,但A跟B不完全一樣,需要讓網友還是可以看到文章B
- 網址因為行銷或異業合作的關係,有很多追蹤參數但完全不影響內容(例:UTM),這時候也需要在有追蹤參數的網址中,將沒有參數的網址設成標準網址。對Google而言,有沒有行銷參數並不影響網頁內容,很容易構成重複性內容的問題
以上是標準網址的主要使用情境,下面兩個情境比較少見,但也是會用到:
另,根據我的實驗,跨網域的標準網址設定也有用,就是可以在網域A的某個網頁,指定B網域的某個頁面為標準網址,Google覺得沒問題就會接受。
標準網址使用注意事項
相對於301轉址是強制性的設定,標準網址對Google來說只是參考 / 訊號 / 提示,它不會照單全收;換句話說….就算我們覺得這個設定是符合邏輯的,Google還是可能會忽略。
不管如何,內容類似是基本要求,Google還會考慮頁面使用者體驗、在搜尋結果頁的表現、網站的內部連結通常使用哪個網址、XML sitemap使用的網址等等,來評估它到底要選哪一個呈現在SERP。
由Google Search Console也可以找出那些Google的認定跟我們的設定不一致的標準網址:
「網頁索引狀態」 – 「未建立索引」 – 「這是重複網頁;Google 選擇的標準網頁和使用者的選擇不同」
另外要注意下列事項,別造成Google困惑或製造SEO問題:
- 一個網頁只能有一個Canonical設定
- 不能A網頁的Canonical指到B,B網頁的Canonical又指到A,這樣會造成迴圈,Google不知道到底哪一個才是正確的
- 如果A網頁的Canonical指到B、B網頁的Canonical指到C,建議將A網頁的Canonical調整為指到C
- 如果將所有網頁的標準網址都指到同一個頁面(例如首頁),一旦Google接受這個設定,就只會收錄那個頁面。要做這種設定請三思而後行,通常這種設定….都是有問題的,請謹慎評估
如果系統是客製開發(就是請軟體公司或公司人員開發),在請相關人員佈署Canonical Tag時,建議採取白名單的方式:
- 確認相關人員理解Canonical Tag後,請他們列出哪些參數會影響到網站內容、如何影響,SEO負責人判斷哪些參數要加到Canonical Tag。被選中的參數就是白名單
- 反之,黑名單就是排除,意即被列入黑名單的參數才會由Canonical Tag排除,不然就會被列入網址
- 採用白名單的原因:系統負責人不可能知道網站到底使用哪些參數(他們只知道開發面的參數,不會知道行銷面)。如果用黑名單處理,系統負責人三天兩頭就會接到需求要將特定行銷參數由Canonical Tag排除,非常浪費時間,不願配合是可以理解的,這樣會無法完善佈署Canonical Tag
標準網址 vs 301轉址
既然Canonical Tag的主要用途是處理重複性內容,301轉址也可做到這件事,兩者該如何抉擇呢?
其實很簡單,前面提到Canonical Tag是寫在原始碼中建議Google該優先索引跟排序哪個網址,而301轉址則是強制Google看到新網址、讓Google知道舊網址已經被新網址替代,網友也只會看到新網址,所以最簡單的判斷依據就是:
是否需要讓網友看到次要網址?如果不用,就用301轉址合併,如果兩個網址皆須讓網友瀏覽,但是想推其中一個,就用標準網址
上面的判斷依據也凸顯了Canonical Tag的限制:它頂多只能移轉自然搜尋的流量,無法移轉Referral的流量。換句話說,如果在網址A設定Canonical為B,但是在網址C上放的連結是網址A,那由網址C進站的還是A而不是B。
參考文章
- Canonical tags are easy, right? What’s the worst that could happen?
- Canonical Tags — 2020 SEO Best Practices
- Canonical URL Tag – The Most Important Advancement in SEO Practices Since Sitemaps
- SEO Best Practices for Canonical URLs + the Rel=Canonical Tag – Whiteboard Friday
參考影片
這影片非常有趣,是Google官方人員與SEO專業人士關於Canonical Tag的迷思與常見問題的對談,非常值得一看!
心得
標準網址是非常重要的SEO設定,但是仔細分析的話蠻複雜的,在客製系統佈署時也要考慮很多事情,務必謹慎使用,但一定要使用,最重要的是….這個對Google來講就是一個訊號跟提示,不代表它會全盤接受!
順帶一提,標準網址的佈署是SEO技術面的核心議題,如果想更深入了解SEO的技術面可參考連啓佑老師的線上課程。
延伸閱讀
- SEO小教室|Google Search Console簡介、基本功能說明、成效與索引報告使用建議
- SEO小教室|網站地圖Sitemap用途說明、產出與提交方式、特殊網址處理心得
- SEO小教室|數據分析神器-Looker Studio視覺化報表核心功能與用途分享
- SEO小教室|流量下滑分析-步驟一:以「指標」、「管道」、「時間段」釐清問題
- SEO小教室|電商網站常見重複性內容問題與建議處理方式
- SEO小教室|301轉址懶人包-轉址簡介、開發注意事項、評估方式、替代方案
- SEO小教室|SEO成效評估重點指標與推薦工具分享
- WordPress|內容網站SEO – 網域與索引、重點功能、內容編輯等七大主題教學
- WordPress|必裝SEO外掛 – 超完整Yoast SEO設定教學
- SEO小教室|Screaming Frog報表教學:索引狀態、Meta文案、失效連結等四大項目
- SEO小教室|排名追蹤工具SE Ranking介紹:專案設定、關鍵字排名報表、篩選功能
- SEO小教室|2021年SEO元素週期表-內容、架構、HTML
- SEO小教室|Rand Fishkin(蘭德.費希金)2019年SEO排名要素研究報告讀後心得