讓WordPress支持google AMP

陳江龍發布于2019-06-28 13:26 / 2896人閱讀

摘要：那百度為什么不和一樣用呢況且還是開源的。我想一個重要的原因是使用的需要調用官網的庫，用于控制資源加載緩存等功能這個恐怕是百度不愿意采用的一個核心原因，鑒于國內的網絡環境偉大的，難免不讓人擔心這個庫那天被屏蔽了。

1.關于AMP

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

AMP的HTML代碼是標準HTML的一個子集，大大簡化了html的代碼，部分Html代碼將不再適用，如table, frame等。

大大簡化css，且只能寫在HTML中，不能調用外部CSS文件。

JS大部分功能不能用了，但很多互動功能也就沒了，雖然影響了豐富的交互，但速度提升了速度。

加強對頁面資源控制，比如圖片、視頻等用戶下拉到圖片時再加載。

充分利用高速緩存，Google將AMP頁面緩存在自身的服務器上。

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

AMP官方網站：https://www.ampproject.org

AMP2016年度回顧：http://developers.googleblog....

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版本地址：

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

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庫，用于控制資源加載、緩存等功能：

這個恐怕是百度不愿意采用AMP的一個核心原因，鑒于國內的網絡環境（偉大的qiang），難免不讓人擔心這個js庫那天被屏蔽了。目前尚沒有針對MIP的WordPress插件，如果采用WordPress采用MIP的話，目前只能靠換主題模版的方法，這種方法最麻煩的是需要多帶帶為MIP頁面啟用一個二級域名，我還不打算跟進，覺得這種方法沒有插件來的簡單快捷。

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

云服務器 GPU云服務器文字自動&039&039到google 讓安卓支持webrtc 讓apache支持php 如何讓瀏覽器支持webrtc

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/25646.html

【譯】 WebP 支持：超出你想象

摘要：的支持程度實際上比你想的可能要好得多。的安卓瀏覽器從版本起開始官方支持最初發布于年月，版本起開始部分支持。安卓版從起開始支持。而且目前并無添加支持的任何打算。瀏覽器市場份額截至年月的數據顯示，占有約的市場份額，以約位居第二。本文轉載自：眾成翻譯譯者：文藺鏈接：http://www.zcfy.cc/article/862原文：https://optimus.keycdn.com/sup...

Steven 2019-08-01 15:27 評論0 收藏0
WordPress REST API的基本使用

摘要：所以通常使用這種易于編寫閱讀解析的數據格式規范來進行數據通信。插件地址安裝啟用后，除了已經登陸的管理員，其他用戶無權限訪問數據。 WordPress系統默認開放REST API，也就是說，除了以HTML格式輸出內容，還可以以JSON格式輸出文章/用戶/評論等數據。之所以支持JSON數據格式響應，是由于目前各種智能終端設備，如手機/平板/電視/路由器/家電/玩具等，都要與云端服務器...

fancyLuo 2019-07-01 10:13 評論0 收藏0
「2021.9」ThemeForest主題森林每月限免主題 - Simple &amp;#038;

摘要：官方限時下載主題限免下載備用下載地址備用下載地址這里，我們可以選擇時間節點中的備用下載地址。年月份，主題森林有提供款主題，官方限免是支持到月日，如果有需要可以到官方下載。時間過的真快，一晃眼9月份都將過去，這不早上還和朋友們討論十一國慶節是否出去玩還是蹲家里。這里想到每月必更新整理的ThemeForest限免主題這個月還沒有更新。這個月我們可以看到ThemeForest限免主題居然只有兩個，...

gekylin 2021-09-24 10:24 評論0 收藏0
Solos AirGo Vision -全球首款搭載 Google Gemini和GPT-4o的智能眼鏡發布

智能眼鏡仍然是一個尚未完全成熟的未來概念，但生成式人工智能的到來顯著提升了這些設備的能力。Meta 的 Ray-Ban 智能眼鏡被許多人視為當今最好的選擇之一，而現在 Solos AirGo Vision 正在為其帶來競爭，這款眼鏡還集成了 Google Gemini 支持。盡管 Solos 不是一個大名鼎鼎的品牌，但他們已經推出了一些價格合理的智能眼鏡。該公司本周宣布了其最新一代產品 Solos...

UCloud小助手 2024-07-01 18:24 評論0 收藏0
無線頁面加速解決方案-AMP

摘要：特點是與年月推出的一個開源的，移動端頁面加速解決方案。僅運行加速動畫移動端動畫優化主要方案。緩存緩存頁面，加速文檔請求相應。參考資料中文文檔如何提升性能，來自的移動頁面優化方案關于谷歌的，你需要知道這些瀏覽器渲染頁面過程與頁面優化 showImg(https://segmentfault.com/img/bVbfUVe?w=394&h=219); AMP在國內應該很少有人接觸得到，今天...

wangxinarhat 2019-08-23 11:29 評論0 收藏0