谷歌AMP和百度MIP怎樣應用于電子商務網站?
前兩篇帖子都是關于移動搜索優化的,一篇是Google的AMP(加速移動頁面),一篇是百度的MIP(移動網頁加速器),這兩個技術基本上是一樣的,都是為了使用戶能更快速打開移動搜索結果頁面,簡單說其原理都是大大簡化和緩存的HTML頁面。
不過因為AMP或MIP限制了很多東西,如CSS、JS、HTML代碼等,也就限制了不少功能,我在寫谷歌AMP帖子時就疑惑過,這種簡化的移動頁面是不是不適用于需要較復雜功能的網站,如電子商務網站呢?其實eBay7月份就開始試驗AMP了。
前幾天Google發了一個帖子Getting Started with AMP for E-commerce,剛好回答了這個問題,給出了電子商務網站該怎樣應用AMP的建議。這些建議應該也適用于百度MIP,和Google AMP一樣,百度MIP也是首先應用于新聞內容,然后擴展至其他垂直領域。
首先要考慮的
Google建議不必急于整個網站同時支持AMP,可以挑選目標及功能適當的頁面先做AMP。AMP有很多用于互動的組件,如產品描述、圖片、評論、導航等,實現起來都很簡單。
但需要更復雜功能的購買過程目前還不能通過AMP實現。可以考慮將用戶引導到非AMP頁面完成購買。AMP以后也可能支持購買類的功能,AMP是開源的(百度MIP沒明確說是開源的,但FAQ中說會開源),用戶可以反饋、貢獻等等。
第一步:瀏覽類頁面
如首頁和分類頁面是很適合做成AMP的,沒什么復雜功能,只是靜態展示產品。如Google做的這個AMP瀏覽頁面例子,下面是抓圖:
AMP用于瀏覽類頁面
第二步:產品頁面
用戶點擊首頁上某個產品后來到產品頁面,AMP可以充分展現產品信息,如<amp-carousel>標簽支持加圖片,<amp-video>用于加視頻,還有加社交媒體分享按鈕、側導航等都很方便。對百度MIP的話,標簽里的amp一般改為mip,如<mip-video>,具體見百度MIP官網。
第三步:查看相關產品
用戶經常從一個產品瀏覽到另一個產品,所以相關產品鏈接是電商網站的標配。AMP有標簽可以動態生成相關產品,而且是個性化的。
第四步:個性化和理解用戶
理解用戶偏好并返回個性化的內容是電商類網站的強有力工具。使用AMP的<amp-access>組件可以依據用戶狀態(如是否已登錄)返回不同內容模塊。
AMP也支持流量分析組件。
第五步:支持購買
用戶決定購買,按下加入購物車按鈕,這時需要把用戶從AMP頁面轉到正常HTML頁面。
關于緩存
AMP是高度緩存的,好處是快,缺點是可能造成流量統計的誤差,有的用戶訪問的是緩存,沒有真的訪問原服務器上的文件。分析流量時要注意這一點。
有了Google官方AMP用于電子商務網站的建議,又有eBay的AMP頁面做例子,我們大概可以知道AMP以后的應用方式。中文電商網站使用MIP和在百度的表現目前還看不到例子,大家拭目以待吧。
來源:SEO每天一貼 Zac 昝輝