Google rich card結構化資料

Google Rich Card 結構化資料開始支援:食譜料理、新聞文章、AMP HTML甚至電商網站?

2016-05-18

Google 於 5/17 開始將結構化資料進行大改版!!!!

Rich Card 資訊卡正式上線

那甚麼是Rich Card呢?

Google 重新定義了結構化資料,並且更新了所有資訊,基本上概念一致,目前為止還沒看到參數需要被更新。
https://developers.google.com/search/docs/guides/search-gallery#recipes

首先支援Rich Card 資訊卡的是食譜Recipes以及新聞平台文章,意味著關於食譜網站網站會從手機裝置上獲得不錯的自然搜尋流量。
rich card 資訊卡

Rich Card 有一些必要元素

  1. 必須支援Mobile 裝置,網站採用RWD設計或是獨立m. 行動版本
  2. 必須要建立結構化資料,除了透過HTML下手修改,也可以透過JSON格式來呼叫參數

料理網站Rich Card 資訊卡優先支援

可以看到愛料理網站下方,已經出現了食譜資訊卡Rich Card,透過行動裝置使用者只要往左右滑,在不用進入網站的形況下,就可以預先瀏覽相關食譜資訊,文章必須是最新的才會顯示於這邊。

rich card 食譜

另外大家也可以試著搜尋各種料理,像我搜尋"咖哩" 發現Pixnet 即使沒有使用結構化資料的語法,還是被Google判斷出有Rich Card

rich card 食譜

Search Console Rich Card 功能

若從Search Console 可以發現 搜尋結果呈現方式下方,有多一組Rich Card選項,若網站有支援食譜、電影、AMP HTML 的話,會在這邊開始看到Rich Card 的結構化資料呈現在這個區塊。

rich card search console

結構化資料線上測試工具

Google 也一併更新了結構化資料測試工具,除了貼上修改好網頁的URL 之外,還可以先預先把程式碼片段貼上來測試是否有帶出結構化資料。

https://search.google.com/structured-data/testing-tool/u/0/

結構化資料測試工具

測試完後,左邊是顯示結構化資料的原始碼,右邊則是顯示結構化資料是否正確,目前有支援Rich Card的結構化資料如“食譜",還可以進一步透過預覽功能查看。

結構化資料測試工具

結構化資料預覽的結果,可以馬上知道,加上結構化資料的HTML網頁,在搜尋結果頁上的呈現樣式

結構化資料預覽

這次Google 大動作更新結構化資料,也是為了即將於5月份加強Mobile 搜尋演算法有關,提升Mobile 使用者體驗而生。

至於這次Mobile 搜尋演算法會有甚麼影響,就有待觀察了。