让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.cn/2016/11/amp-accelerated-mobile-pages.html
3.amp的路线图:https://www.ampproject.org/roadmap
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页面启用一个二级域名,我还不打算跟进,觉得这种方法没有插件来的简单快捷。
上一个:前端网站制作需要学习哪些基础知识
下一个:便宜营销型网站建设存在的缺点有哪些
监利网站建设,监利做网站,监利网站设计