[GTM] 27 – 番外篇 – 多個不同的 Schema Type 如何放在同一個 JSON-LD 中

用 JSON-LD 去描述網站中的資訊是一個很好讓瀏覽器理解自己網站有什麼內容的方式但如果有多個不同 type 的 schema 如何放在同一個 JSON-LD 中呢? 如果是只有一種 type 是用下圖的方式： 如果有多種不同 type 就用”方括號” (陣列) 包起來，如下圖： 實際放到 Google Structured …

[GTM] 26 – 番外篇 – 如何實作 Openseach 於網站中，在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

如果網站有實作站內搜尋的話，如何加上 Opensearch，讓各瀏覽器可以加入自己網站的搜尋引擎，ex：在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容 加入 Opensearch 後就可以看到，輸入自家網站的網址，如下圖：(Chrome 右邊會提示按下 Tab 即可以搜尋網站內容) 按下 Tab 後就可以看到自家的網站變成藍色的字，如下圖：(要取消這個效果可以按 Backspace) 在後面接續要搜尋的 Keyword，如下圖：(第一個項目會提示這是在該網站內的搜尋) 按下 Enter …

[GTM] 25 – 透過 Tag Manager 來建立結構化資料(Structured Data) – 文章資訊(JSON-LD)

如果網站中有文章 (Article) 的資訊，可以試著用 JSON-LD 去描述，這樣在 Google 的搜尋結果頁(SERP)有機會可以看到比較不一樣的資訊呈現，如下圖所示： [來源：Google Developers] 而文章的 JSON-LD 的格式，如下圖所示： [詳細資訊，請參考：Google Developers] 格式確定好之後，即可透過 Google Tag Manager 的 Custom …

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

結構化資料(Structured Data) 透過 GTM 把網站資訊，如：名稱(Name)，標誌(Logo)和社群連結(Social Links)等結構化資料(Structured Data)加到 JSON-LD 中，有機會當 User 搜尋自己的公司網站時，在搜尋列表頁右側呈現對應的公司卡片資訊，如下圖所示： GTM 設定 在 GTM 中要加先建立 Custom HTML Tag，HTML 的內容如下所示，中括號的內容是要填上對應的資訊，社群連結填可以一到多個，如果只有一個就寫一個就好 …