當你的網站有多個類似內容的頁面時(分頁內容、同商品的不同色子頁等),Google搜尋引擎會自動將最實用的頁面作為標準頁面,除了作為減少搜尋引擎工作量外,也是讓頁面權重的計算更正確。
大多數的 CMS,如 WordPress都可以很簡單的設定 Canonical標準網址標記,如果你不是使用 CMS或是你的網站環境比較特殊無法隨意修改或是頁面很多時,透過 Google Tag Manager也可以做到。
一、Canonical標準標記組成
Canonical標準網址標記要放在<head>和</head>之間,而組成如下:
<link rel=”canonical” href=”填入頁面網址” />
二、使用 Google Tag Manager加入 Canonical標記
要使用 GTM來加入的首要條件是,你已經在頁面中加入 GTM代碼!如果還沒有請先將 GTM加入你的頁面中。
以下這個方法是透過 GTM在頁面中執行 JavaScript,將 Canonical標記加到 Head中。
1.建立網址變數:透過 GTM的內建功能,可以讓後續的語法更簡單。
A.進入 GTM後,按一下左側「變數」>「使用者定義的變數」>「新增」
B.變數名稱輸入「Page URL Canonical」
C.然後點一下空白處選擇「網址」>「元件類型」選擇「完整網址」>「儲存」
2.輸入代碼:將 JavaScript加入代碼中
A.在左側「代碼」>「新增」>代碼名稱可以好記就好
B.按一下「代碼設定」>選擇「自訂HTML」
C.然後貼入以下代碼
<script>
var c = document.createElement(‘link’);
c.rel = ‘canonical’;
c.href = {{Page URL Canonical}};
document.head.appendChild(c);
</script>
D.「觸發條件」按一下「+」>「網頁瀏覽」
E.在這裡你可以選擇特定要建立的頁面或是為所有頁面加入
F.選擇好觸發條件後儲存代碼
3.驗證與提交
A.按一下「預覽」>「輸入要預覽的頁面」
B.頁面載入後,按一下「F12」或開啟你的開發者工具
C.在開發者工具中搜尋「Canonical」,如果有找到這個標籤,表示正確加入了
D.回到 GTM後,按下「提交」即可
三、這樣加入的 Canonical,Google理解嗎?
是的,Google的機器人可以理解並且準確地抓到你在網站上透過這個方法加入的 Canonical標準網址。你可以在加入這個語法後,透過 Google Search Console去檢查頁面,過陣子就會在「使用者宣告的標準網址」欄位中看到 Google已經記錄了這項資訊。
如果要了解更多 Canonical對於 SEO的幫助和使用時機,可以參考 awoo 《rel=”canonical” 語法應用教學,SEO上的最佳使用時機》這篇文章。
想請問有手把手在教GTM嗎?
你遇到了哪方面的困難呢?