You are currently viewing 透過 Google Tag Manager為網站增加 Canonical標準網址標記改善 SEO

透過 Google Tag Manager為網站增加 Canonical標準網址標記改善 SEO

當你的網站有多個類似內容的頁面時(分頁內容、同商品的不同色子頁等),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.然後點一下空白處選擇「網址」>「元件類型」選擇「完整網址」>「儲存」

透過 Google Tag Manager為網站增加 Canonical標準網址標記改善 SEO 1

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>

透過 Google Tag Manager為網站增加 Canonical標準網址標記改善 SEO 2

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上的最佳使用時機》這篇文章。

Sid

喜愛電腦資訊、歷史、古文明、宇宙、自然生態的主題。喜歡看卡通和科幻主題的電影,有長不大的心情。從事金融業相關工作,分享的技巧多來自工作上的各項應用實作。

This Post Has 2 Comments

  1. ELI

    想請問有手把手在教GTM嗎?

    1. Sid

      你遇到了哪方面的困難呢?

發佈留言