iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 24
1
Modern Web

Google Tag Manager Micro Challenge系列 第 24

GTM 24 - 透過 Tag Manager 來建立結構化資料(Structured Data) - 網站資訊(JSON-LD)

GTM 社團


結構化資料(Structured Data)

透過 GTM 把網站資訊,如:名稱(Name),標誌(Logo)和社群連結(Social Links)等結構化資料(Structured Data)加到 JSON-LD 中,有機會當 User 搜尋自己的公司網站時,在搜尋列表頁右側呈現對應的公司卡片資訊,如下圖所示:

https://ithelp.ithome.com.tw/upload/images/20171212/20107582gXx3E1FLUl.png

GTM 設定

在 GTM 中要加先建立 Custom HTML Tag,HTML 的內容如下所示,中括號的內容是要填上對應的資訊,社群連結填可以一到多個,如果只有一個就寫一個就好

https://ithelp.ithome.com.tw/upload/images/20171212/20107582X6T92rax7a.png

完成的程式碼:

<script>
{
	"@context": "http://schema.org",
	"@type": "Organization",
	"name": "[網站名稱]",
	"logo": "[網站 Logo]",
	"url": "[網站網址]",
	"sameAs": [
		"[社群連結 1], ex:https://www.facebook.com/[ID]",
		"[社群連結 2], ex:https://twitter.com/[ID]",
		"[社群連結 3], ex:https://www.youtube.com/channel/[ID]",
		"[社群連結 4], ex:https://www.linkedin.com/company/[ID]"
	]
}
</script>

更詳細的內容可以這篇 Google 的官方文件【Enhance Your Site's Attributes】和【Social Profile Links
最後在 Tag 加上 Trigger 的條件,通常是網站的首頁 ,再發佈就完成了

https://ithelp.ithome.com.tw/upload/images/20171212/20107582N2Y1eMNZxm.png

如何驗證是否正確,可以上【Google 結構資料測試工具】上去驗證,如下圖右側呈現出對應的資訊就代表完成了!

https://ithelp.ithome.com.tw/upload/images/20171212/20107582NUz53sgrcA.png

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


上一篇
GTM 23 - 如何透過 Tag Manager 整合第三方(Third-party)服務
下一篇
GTM 25 - 透過 Tag Manager 來建立結構化資料(Structured Data) - 文章資訊(JSON-LD)
系列文
Google Tag Manager Micro Challenge30

1 則留言

0
dancegame
iT邦新手 5 級 ‧ 2018-01-12 13:10:39

在沒有工程資源進來前,GTM真是個神救援.....

我要留言

立即登入留言