AMP-Accelerated Mobile Pages,加快行動版網頁速度

AMP-Accelerated Mobile Pages,意為「加快行動版網頁速」,是Google為提升行動裝置對網站的存取速度所開發的專案,於2016年2月正式發布。

客戶前往到達網頁後,網頁的載入速度快慢會是促使他們完成轉換或掉頭離開的關鍵因素。行動版網站的載入時間一旦超過 3 秒,訪客通常就會選擇離開,但大部分行動版網站的載入時間平均卻比這個目標多出 19 秒 (資料來源)。如想在眾多競爭對手中脫穎而出,建議您不妨使用 AMP 打造出最優質的到達網頁體驗。

引用關於 Accelerated Mobile Pages (AMP)

塞巴貓最近也開始啟用AMP,這篇文章就是要向各位報告啟用了AMP的心得。

如何啟用AMP

如果您的網站是使用WordPress架設的,首先安裝AMP for WordPress,如果您也使用『Yoast』 SEO外掛,那麼還要安裝Glue for Yoast SEO & AMP,顧名思義就是要與『Yoast』 SEO外掛串接。
[su_label]參考[/su_label]WordPress Yoast SEO 綠燈全攻略


安裝了『Glue for Yoast SEO & AMP』之後,『Yoast』 SEO的選單裡會自動顯示AMP設定。
AMP-Accelerated Mobile Pages

Post types:設定啟用/停用AMP的頁面,塞巴貓只對文章(Post)啟用AMP,之後會說明原因。
【參考】 WordPress的文章與頁面的差別
Design:AMP網頁的頁首(Header)與頁尾(Footer)與一般網頁不同,所以必須另外設計。
Analytics:AMP網頁 必須使用專屬的 Analytics (分析) 代碼


啟用AMP之後,在WordPress管理畫面的右上方區塊就會顯示AMP:已啟用,預覽修改的右方也會多出AMP的“閃電 icon”。
以下這段影片是在Mac電腦的Safari瀏覽器的『開發』>『回應設計模式』下截取的AMP的修改預覽畫面:

AMP網頁的優點

其一、AMP網頁就是Google為提升行動裝置對網站的存取速度所開發的專案,因此『快!』就是AMP網頁的最大優點。
其二,因為網頁存取速度快,因此更容易在行動版的搜尋結果曝光,即有利於SEO。
⇓七天前發表的文章出現在手機版收尋結果第二頁。

AMP網頁的缺點

瘦子跑起來比胖子快,同樣的道理,Google的AMP專案是為用戶提供可在手機版等行動裝置上快速下載網頁內容,為了達到這個目地,就必須在網頁結構上做些”瘦身”運動。
為了讓手機版網頁跑得更快,AMP專案致力於縮小用於創建網頁的技術。透過簡化網頁的程式碼,讓網頁下載速度更快。因此,AMP不允許使用讓網頁更精美的JavaScript技術。這也就是我們為何只對文章(Post)啟用AMP的理由。換句話說,目前為止,文章型的網頁比較適合啟用AMP。

AMP-Accelerated Mobile Pages,加快行動版網頁速度

如果您也想要體驗一下啟用AMP之後行動版網頁的“快感”,不仿安裝外掛試試看,不過『AMP for WordPres』的評價呈現兩極化,有用戶反應安裝後網站就掛掉了,祝您好運!
延伸閱讀:Google 搜尋指南:AMP 網頁

More from our Article

See all posts