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

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

Rich Card 資訊卡正式上線

那甚麼是Rich Card呢?

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

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

Rich Card 有一些必要元素

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

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

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

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

Search Console Rich Card 功能

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

結構化資料線上測試工具

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

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

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

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

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

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