资讯专栏INFORMATION COLUMN

让WordPress支持google AMP

陈江龙 / 2742人阅读

摘要:那百度为什么不和一样用呢况且还是开源的。我想一个重要的原因是使用的需要调用官网的库,用于控制资源加载缓存等功能这个恐怕是百度不愿意采用的一个核心原因,鉴于国内的网络环境伟大的,难免不让人担心这个库那天被屏蔽了。

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...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/25646.html

相关文章

  • 【译】 WebP 支持:超出你想象

    摘要:的支持程度实际上比你想的可能要好得多。的安卓浏览器从版本起开始官方支持最初发布于年月,版本起开始部分支持。安卓版从起开始支持。而且目前并无添加支持的任何打算。浏览器市场份额截至年月的数据显示,占有约的市场份额,以约位居第二。 本文转载自:众成翻译译者:文蔺链接:http://www.zcfy.cc/article/862原文:https://optimus.keycdn.com/sup...

    Steven 评论0 收藏0
  • WordPress REST API的基本使用

    摘要:所以通常使用这种易于编写阅读解析的数据格式规范来进行数据通信。插件地址安装启用后,除了已经登陆的管理员,其他用户无权限访问数据。 WordPress系统默认开放REST API,也就是说,除了以HTML格式输出内容, 还可以以JSON格式输出文章/用户/评论等数据。 之所以支持JSON数据格式响应,是由于目前各种智能终端设备,如手机/平板/电视/路由器/家电/玩具等, 都要与云端服务器...

    fancyLuo 评论0 收藏0
  • 「2021.9」ThemeForest主题森林每月限免主题 - Simple &

    摘要:官方限时下载主题限免下载备用下载地址备用下载地址这里,我们可以选择时间节点中的备用下载地址。年月份,主题森林有提供款主题,官方限免是支持到月日,如果有需要可以到官方下载。时间过的真快,一晃眼9月份都将过去,这不早上还和朋友们讨论十一国庆节是否出去玩还是蹲家里。这里想到每月必更新整理的ThemeForest限免主题这个月还没有更新。这个月我们可以看到ThemeForest限免主题居然只有两个,...

    gekylin 评论0 收藏0
  • 无线页面加速解决方案-AMP

    摘要:特点是与年月推出的一个开源的,移动端页面加速解决方案。仅运行加速动画移动端动画优化主要方案。缓存缓存页面,加速文档请求相应。参考资料中文文档如何提升性能,来自的移动页面优化方案关于谷歌的,你需要知道这些浏览器渲染页面过程与页面优化 showImg(https://segmentfault.com/img/bVbfUVe?w=394&h=219); AMP在国内应该很少有人接触得到,今天...

    wangxinarhat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<