Google Rich Card 提高行動裝置瀏覽體驗

相信網站有安裝 Google Search Console 的朋友,一定發現了前陣子新增在”搜尋結果呈現方式”內的Rich Card 項目。

到底什麼是Rich Card 呢???

是無額度上限的黑卡嗎?? 還是有錢人的俱樂部VVIP會員卡呢???
其實Rich Card 是 Google 為了提高行動裝置搜尋瀏覽體驗的優化,讓手機板的搜尋結果不再是只有文字加上圖片的列表方式。而採用了卡片式區塊的呈現,讓手機搜尋瀏覽者可以藉由左右滑動看到更多相關豐富的內容,提供更好的行動裝置瀏覽者體驗。

如何才能讓網站的內容有Rich Card 的搜尋呈現方式呢??

其實現在台灣的行動裝置搜尋已經有使用可以左右滑動的卡片瀏覽方式內容了,像是焦點新聞:

現在更進一步為食譜、電影類型內容的搜尋呈現方式做了Rich Card的優化(不過目前好像只有英文版的google行動裝置搜尋有提供)。
可以看見下面圖片,使用兩個相同的關鍵字 左邊為英文版google行動裝置的搜尋結果,右邊則是台灣google行動裝置的搜尋結果,很明顯的可以看出英文版的已經有食譜類型的卡片呈現方式,而台灣的看起來還沒有使用,不過相信未來台灣google也會引進這種搜尋呈現方式。

而為了讓網站內容能在行動裝置搜尋時呈現Rich Card,我們可以使用Schema的語意結構說明標籤,讓搜尋引擎可以藉由標籤判斷網站的主題與內容,而針對Rich Card語意標籤格式Google目前是推薦使用JSON-LD。

關於Rich Card 有什麼測試工具或文件嗎????

建議參考文件和工具:
Mark Up Your Content ItemsSearch Gallery結構化測試工具
而當網站有使用Rich Card的結構化資料,在Google Search Console則會出現下面圖表(圖片來源)

有錯誤的結構化資料

完整增強以及還可以再增強的結構化資料
其實從Google針對行動裝置體驗加強及各種測試工具提供,像是AMP、Rich Card、行動裝置體驗及網站速度測試工具,可以看出Google非常重視行動裝置搜尋,所以如果你還沒有建立符合行動裝置瀏覽體驗的網站的話就趕緊行動吧!!!
本篇文章有部分內容參考此文件