当前位置: 首页 > 后端技术 > PHP

让WordPress支持googleAMP

时间:2023-03-29 18:09:53 PHP

1。关于移动互联网时代的AMP,虽然网站的响应式设计可以满足多屏(pc、手机、ipad等)浏览,但谷歌在2015年10月推出了更快的移动页面访问速度技术——AcceleratedMobilePages(AMPacceleratedmobilepages),AMP页面大大简化了移动页面,旨在提高移动页面的访问速度。AMP的特点如下:AMP的HTML代码是标准HTML的子集,极大地简化了html代码,一些Html代码将不再适用,比如table,frame等。大大简化了css,只能以HTML编写,不能调用外部CSS文件。JS的大部分功能已经不能用了,但是很多交互功能也没有了。虽然富交互受到影响,但速度有所提升。加强对页面资源的控制,比如图片、视频等,在用户下拉到图片的时候再加载。利用缓存,Google在自己的服务器上缓存AMP页面。关于AMP的更多信息,请参考以下链接:AMP官网:https://www.ampproject.orgAMP2016年度回顾:http://developers.googleblog....AMP路线图:https://www.ampproject.org/ro...首次推出AMP时,它仅限于新闻页面。2016年8月,谷歌宣布AMP将应用于所有类型的移动页面。目前,虽然谷歌明确表示AMP页面不会影响排名,但谷歌不遗余力地推广AMP,很难保证以后不会在算法中考虑AMP。2、让WordPress支持AMPAMP,非常适合新闻、博客等信息类网站。作为一个老牌的博客系统,WordPress在2016年10月6日推出了官方的AMP插件,目前该插件对文章页面进行了极大的简化,文章AMP页面的导航、评论等都被去掉了,只有保留文章本身的内容。此页面还兼容在台式计算机(pc)上浏览。首页、分类、翻页都没有对应的AMP页面。预计后续版本应该会增加更多的功能,如果不想等的话,可以直接修改这个插件,增加导航、分类等功能。安装并启动WordpPress的AMP插件后,该插件会创建一个AMP文章页面,该页面的链接地址是在原页面的链接地址后加上“/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标签来表示原文页面地址:PC端显示的AMP页面手机端显示的AMP页面有闪电螺栓标记和说明顶部的AMP字样。用户点击后,页面会快速打开,显示谷歌服务器上的缓存页面。Google搜索中的AMP页面如下图所示:4、百度会跟进AMP吗?国内站长最关心的是百度(baidu)搜索会不会跟进AMP?好消息是百度也支持类似的AMP。坏消息是,百度在2016年8月推出了自己的一套类似的AMP-MobileInstantPages(MIP移动网页加速器)。AMP和MIP非常相似,无论是HTML,CSS,disabledlargePartsofJS,资源控制、缓存等与AMP几乎相似,原始页面与MIP页面之间的相互引用方式(标记)与GoogleAMP相同。官网的页面布局、菜单排列、技术说明几乎都是一样的。看到百度的MIP基本上照抄了AMP也很意外。那为什么百度不像谷歌那样用AMP呢?此外,AMP是开源的。我觉得一个重要的原因是AMP需要调用官网的JS库来控制资源加载、缓存等功能:这大概是百度不愿意采用AMP的一个核心原因。鉴于国内的网络环境(大qiang),难免不会有人担心那天这个js库被封了。目前,没有适用于MIP的WordPress插件。如果在WordPress中使用MIP,只能靠更换主题模板的方法。这种方式最麻烦的是需要单独为MIP页面启用二级域名。不打算跟进了,感觉这个方法不如插件简单快捷。