使用 JSON-LD 處理 SEO,並讓 Google 針對不同形式網站做獨特的搜尋結果呈現

​
Mar 28 · 6 min read

最近在開發 AMP 時才發現到 JSON-LD 這東西,又為了要處理 SEO 所以特別去看了一下怎麼使用,又剛好這兩天看到幾篇關於 Google for Jobs 在台灣上線的文章…

Google 整合 104, 1111, 518… 數十萬職缺,幫你找工作! —— 重灌狂人

現在只要同樣在搜尋列輸入「職務別+工作/職缺」關鍵字,就可以快速搜尋到包含熱門網站、人力資源網和企業官網在內的各類職缺。目前搜尋結果提供數十萬個職缺,合作平台包括國內常用的104人力銀行、1111人力銀行、518人力銀行、yes123求職網,另外也囊括Linkedin、MichaelPage、Jobs77.com以及recruit.net等國際人力資源網的搜尋結果 —— 聯合新聞網

等等,Google 有可能這麼佛心去看你各家求職網有哪些資料、要怎麼撈然後做整合嗎?當然不是


何謂 JSON-LD

全名為 JavaScript Object Notation for Linked Data,JSON 是什麼就不多解釋了,而 JSON-LD 即是 JSON 格式的結構化資料,簡單來說就是在描述這個網頁的型態及內容,然而 Google 會去讀取網頁中這樣的結構化資料,並能針對不同的網頁型態做對應的搜尋結果呈現


如何使用

只需要在你的頁面中如下方式加入結構化資料即可

比方說今天我們要促進部落格文章 SEO 及更好的搜尋結果呈現,那就可以在文章頁面中加入 JSON-LD,並提供 文章標題圖片摘要作者出版 等資訊,最後組合出的結果就像下面這樣

而呈現在 Google 搜尋結果則會像下面這樣 (以蘋果日報為例),想必大家對這樣的呈現結果都不陌生


欄位

你現在頭頂可能會有個問號:那我怎麼知道有哪些欄位可以使用?

Google 開發者文件中有提供了 20 多種的類型可以在搜尋結果有不一樣的呈現,其中都有範例以及欄位說明,而 JSON-LD 標準的欄位其實多到數不完,詳細可以參考 https://schema.org/

另外 Google 也提供了測試工具可以讓開發者快速的檢查是否有欄位缺漏,對於某些類型的資料也能直接預覽搜尋結果,如 QAPageJobPosting


應用一:QAPage

Google 的文件中可得知若我們要呈現一篇問答形式的網頁,需要使用 QAPage 且下層又包了 QuestionAnswer 兩種資料,並且需要給予問題題目與內容、解答內容、最佳解答等,最終結果就會是這個樣子


應用二:JobPosting

也就是所謂 Google 與各家求職網合作 的部分,首先我們透過 Google 搜尋「前端」職缺

在結果中看到了一個來自 CakeResume 最近很紅的職缺,點進去後有更多職缺的資訊,包含職缺名稱、公司名稱、公司地址、職缺發佈時間、薪資、職缺內容,然而這些資料有可能是 Google 去跟 CakeResume 要 API 來戳到的嗎?

這時候我們把這則職缺拿去餵給結構化資料測試工具,顯而易見的所有搜尋結果所呈現的資料早就被依照特定格式填在 JSON-LD 中了

並且能直接透過測試工具預覽搜尋結果的呈現樣式

結論就是,照著 Google 所開出來的欄位需求來加入 JSON-LD,就能在搜尋結果讓人誤以為你的平台有跟 Google 合作呢


Microdata

認真看文章的你一定有看到上面提到的 microdata,這是更早期在做網頁結構化資料的方式,對於 Google、Bing 也都能透過這種方式來解讀網頁資料來做搜尋結果的呈現,只是相較 JSON-LD 麻煩許多


最後,其實我也只是第一次使用 JSON-LD 順便記錄一下,文中若有錯誤的解讀還請糾正,而如果你喜歡這篇文章可以拍 10 下手,不喜歡的話可以拍 1 下或分享給其他 5 個人,感恩

​

Written by

YY​ ​-​ ​ʟ​ᴠ​.​ ​1​3​ ​見​習​前​端​ ​I

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade