讓WordPress支持google AMP

1.關於AMP

在移動互聯網的時代，儘管網站響應式設計能夠知足多屏（pc、手機、ipad等）瀏覽,但google在2015年10月推出了更快移動頁面訪問速度的技術-Accelerated Mobile Pages（AMP 加速移動頁面），AMP頁面是大大簡化了移動頁面，旨在提升針對移動頁面的訪問速度，AMP的特色以下：

1. AMP的HTML代碼是標準HTML的一個子集，大大簡化了html的代碼，部分Html代碼將再也不適用，如table, frame等。
2. 大大簡化css，且只能寫在HTML中，不能調用外部CSS文件。
3. JS大部分功能不能用了，但不少互動功能也就沒了，雖然影響了豐富的交互，但速度提高了速度。
4. 增強對頁面資源控制，好比圖片、視頻等用戶下拉到圖片時再加載。
5. 充分利用高速緩存，Google將AMP頁面緩存在自身的服務器上。

有關AMP的更多內容參考下面的連接：

1. AMP官方網站：https://www.ampproject.org
2. AMP2016年度回顧：http://developers.googleblog....
3. AMP的路線圖：https://www.ampproject.org/ro...

AMP剛推出時，只限於新聞的頁面，2016年8月google宣佈AMP將應用於全部類型的移動頁面。目前，雖然google明確表示AMP頁面不會影響排名，但google如此竭盡全力的推廣AMP，難保未來不會在算法中考慮AMP的因素。

2.讓WordPress支持AMP

AMP很適合新聞、博客等信息資訊類的網站，做爲老牌博客系統WordPress在2016年10月6日推出了AMP的官方插件，目前該插件極大簡化了文章頁面，文章AMP頁面把導航、留言等都去掉了，只保留了文章內容自己，此頁面也同時兼容桌面電腦（pc）上瀏覽，首頁、分類、翻頁等都沒有相對應的AMP頁面，我預計後續版本應該會增長更多的功能，若是你不想等，也能夠直接改造這個插件加入導航、分類等功能。

安裝啓動WordpPress的AMP插件後，插件會建立一個AMP文章頁面，該頁面連接URL是在原頁面的連接URL加上「/amp」，以本博客文章連接爲例：

原文章頁面連接 ：//www.watch-life.net/wordpress/wordpress-google-amp.html ‎

AMP頁面的連接：//www.watch-life.net/wordpress/wordpress-google-amp.html/amp

爲了讓google的搜索引擎檢索到AMP頁面，在原文章頁面的HTML裏須要指明AMP頁面的地址，即用amphtml標籤指明AMP版本地址：

<link rel="amphtml" href="//www.watch-life.net/wordpress/wordpress-google-amp.html/amp" />

在AMP的頁面的HTML代碼中也要用canonical標籤指明原文章頁面地址：

<link rel="canonical" href="//www.watch-life.net/wordpress/wordpress-google-amp.html" />

AMP頁面在PC端展現

AMP頁面在手機端的展現

3.AMP頁面在google搜索的展現

AMP頁面被google搜索索引後，在搜索結果裏看到AMP的頁面，頁面描述最前面有個閃電標記和AMP字樣。用戶點擊後，頁面會迅速打開，顯示的是Google服務器上的緩存頁面。在google搜索裏AMP頁面以下圖展示：

4.百度是否會跟進AMP？

國內的站長最關注是百度（baidu）搜索是否會跟進AMP呢？好消息是百度也支持相似AMP，壞消息是百度2016年8月搞了本身一套相似的AMP-Mobile Instant Pages（MIP 移動網頁加速器），AMP和MIP很是類似，不管是HTML、CSS、禁用大部分JS、資源控制、緩存等都幾乎和AMP類似，還有原頁面與MIP頁面的互相引用方法（加標籤），都和Google AMP同樣，官網的頁面佈局、菜單安排、技術說明裏的內容幾乎也是吃驚的一致，看見百度的MIP基本上是照搬AMP了。那百度爲何不和google同樣用AMP呢？何況AMP仍是開源的。我想一個重要的緣由是AMP使用的須要調用官網的JS庫，用於控制資源加載、緩存等功能：

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

這個恐怕是百度不肯意採用AMP的一個核心緣由，鑑於國內的網絡環境（偉大的qiang），不免不讓人擔憂這個js庫那天被屏蔽了。目前尚沒有針對MIP的WordPress插件，若是採用WordPress採用MIP的話，目前只能靠換主題模版的方法，這種方法最麻煩的是須要單獨爲MIP頁面啓用一個二級域名，我還不打算跟進，以爲這種方法沒有插件來的簡單快捷。

本文首發地址：https://www.watch-life.net/wo...