seozac：Google的AMP－加速行動頁面

原文標題：Google的AMP－加速行動頁面，作者 Zac

上週在第6屆SEO排行榜上做了一個演講，分享了一些國際上SEO產業的最新情況。其中一個內容是Google的AMP項目，也在這裡聊聊。

AMP，Accelerated Mobile Pages，譯意大致是”加速的移動頁面”，是Google去年10月份推出的一個提高移動頁面訪問速度的技術，具體技術細節可以在專案官網看到，有簡單的中文版。 （詳見：Google AMP 是什麼鬼？）

簡單而不一定準確地說，AMP頁面是大大簡化了的行動頁面，因此載入更快。

AMP有幾個特點：

AMP的HTML程式碼是標準HTML的子集，某些程式碼不讓用了，如table, frame等

CSS程式碼也簡化，而且要寫在HTML中，不能呼叫外部CSS檔案

JS大部分不能用了，當然就快了，但很多互動功能也就沒了

資源控制，例如圖片、影片等用戶下拉到圖片時再加載

高度緩存，Google將頁面緩存在自己伺服器了

AMP具體應用是今年2月份才上線的，僅使用在新聞結果中，支援了AMP的新聞頁面顯示在頂部圖片輪播中，用戶點擊其中的新聞時，緩存在Google伺服器上的極為簡化的AMP版本確實是秒開。

目前AMP新聞頁面只在10多個國家顯示，不包括中國，也不包含新加坡。

如果只限於新聞網站，我也就不那麼關心了。不過8月2號Google又公佈，AMP將應用於所有類型的行動頁面。其實在這之前，除了BBC、紐約時報等新聞網站，連ebay這種網站也已經上線了AMP版本。所有行動頁面都支援AMP的話，更多網站將有動力加上AMP版本了。

普通頁面的AMP現在還沒有出現在正常Google搜尋結果中，只在這個地址的demo中可以看到：g.co/ampdemo

我也趕緊實驗了一下AMP ，資訊類網站，如博客，還是很適合AMP的。 WordPress實作AMP很簡單，下載、啟用AMP外掛就行了。外掛程式會為貼文頁面建立AMP版本（首頁、分類、翻頁等頁面沒有）。例如本貼文的URL是：

https://www.seozac.com/gg/google-amp/ ‎

AMP頁面就是在原頁面後面加/amp/ :

https://www.seozac.com/gg/google-amp/amp/

在原始貼文HTML程式碼中，需要用amphtml標籤指明AMP版本位址：

<link rel=”amphtml” href=”https://www.seozac.com/gg/google-amp/amp/” />

AMP版本的HTML程式碼中也要用canonical標籤指明原始頁面位址：

<link rel=”canonical” href=”https://www.seozac.com/gg/google-amp/” />

這樣，Google就知道誰對應誰了。

在Google搜尋結果中是這樣展現的（如上所說，從demo位址可以看到）：

頁面描述最前面有個閃電標記和AMP字樣。使用者點擊後頁面秒開，顯示的是Google伺服器上的快取：

https://www.google.com.sg/amp/www.seozac.com/baidu/aureum-algorithm/amp/

AMP頁面開啟是這個樣子：

點擊本貼文的AMP位址就可以看到AMP版本的樣子，桌上型電腦也一樣能正常存取。目前WordPress的AMP外掛程式把導覽、留言等等都去掉了，只剩下貼文內容本身，確實是簡化到家了，HTML檔只有10幾K。如果自己開發AMP版本的話，還是可以多加點東西的，例如重要導覽。

AMP的目的沒別的，就是快，也確實是快了，但不一定適合必須有互動功能的頁面，如電子商務網站。即使像部落格貼文這種頁面，拿掉評論功能是否真的用戶友好也還要觀察。純資訊類頁面確實很適合。

Google最近在大力推廣AMP（Google為什麼要推出AMP計畫？），很可能AMP會變成國際上資訊類網站行動頁面的主流。採用AMP的頁面是否對排名有幫助？目前是沒有，Google明確表示，AMP不在排名演算法中，但誰知道以後呢。 SEO們，尤其是做英文網站的，還是要密切注意。

百度會不會支援AMP呢？ 短時間應該不會，（目前百度搜狗已經宣布支持了哦，詳見：百度、搜狗、雅虎正式支持AMP）倒不是百度願意不願意，而是AMP頁面需要呼叫官網的JS庫，似乎是控制資源之類的功能（如圖片延遲）的：

<script src=”https://cdn.ampproject.org/v0.js” async></script>

任何國外的東西，說qiang就qiang，百度想支援也危險，中文網站沒辦法用。呵呵，呵呵。

以上是seozac：Google的AMP－加速行動頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！