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. AMP的路线图:https://amp.dev/community/roadmap/?referrer=ampproject.org

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端展示

WordPress中怎么支持google AMP

AMP页面在手机端的展示

WordPress中怎么支持google AMP

3.AMP页面在google搜索的展示

AMP页面被google搜索索引后,在搜索结果里看到AMP的页面,页面描述最前面有个闪电标记和AMP字样。用户点击后,页面会迅速打开,显示的是Google服务器上的缓存页面。在google搜索里AMP页面如下图展现:
WordPress中怎么支持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页面启用一个二级域名,我还不打算跟进,觉得这种方法没有插件来的简单快捷。

原创文章,作者:NCPAY,如若转载,请注明出处:http://www.wangzhanshi.com/n/11222.html

(0)
NCPAY的头像NCPAY
上一篇 2025年1月1日 16:59:11
下一篇 2025年1月1日 16:59:13

相关推荐

  • WordPress链接跳转插件是哪个

    WordPress链接跳转插件是什么? 用WordPress做网赚推介的可能这个插件会有些帮助,它可以将您的推广链接使用跳转隐藏起来,还可以利用插件的追踪功能,统计用户点击次数等内…

    2025年1月1日
  • 利用百度快照变通下载安装 WordPress 插件的方法

    鉴于国内已两个多月无法正常访问 WordPress 官网的情况,下载安装更新 WordPress 插件成了问题,这里提供一个小技巧,帮你解决一下燃眉之急。 利用百度快照变通下载安装…

    WP博客 2025年1月1日
  • WordPress自动提取内容中第一张图片作缩略图的方法

    WordPress怎么自动提取内容中第一张图片作缩略图? 有时我们在发布文章时没有缩略图,我们希望系统自动提取我们发布的文章内容中第一张图片作为缩略图了,下面我来给大家介绍Word…

    WP博客 2025年1月1日
  • linux中wordpress gzip压缩怎么开启

    简介 Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,提高浏览的速度。 Gzip压缩效率非常高,通常可以达到70%的压缩率,也就是说,如…

    WP博客 2025年1月1日
  • WordPress 自定义文章列表列的实现方法

    上一篇,我们使用 Meta Box 为文章添加了一个“推荐指数”字段。添加后用了一段时间,似乎不那么方便,编辑文章虽然方便了,但是在文章列表里却不能直观的显…

    2024年12月17日
  • WordPress在SAE平台实现的静态化插件及用法示例

    本文实例讲述了WordPress在SAE平台实现的静态化插件及用法。分享给大家供大家参考,具体如下: WordPress是一款非常热门的博客系统,但是其对于静态化的支持却不是很好。…

    2024年12月17日
  • WordPress的.htaccess怎么优化

    WordPress的.htaccess优化技巧是什么 大家都知道页面加载速度对博客流量有非常重要的影响。越来越多人也在讨论页面加载速度很可能成为谷歌和其他搜索引擎一个重要的SEO因…

    WP博客 2025年1月1日
  • WordPress 是什么

    wordpress是世界上应用最广泛的开源CMS程序。 全球1/4的网站都是用wordpress制作,它起初只是一款个人博客系统,之后逐步演化成一款内容管理系统软件,你可以用它搭建…

    2025年1月1日
  • wordpress登录界面的方法

    wordpress如何登录界面? 对于用wordpress建站的新手玩家来讲,进入Wp后台都是一件困难的事情。很多新手经常忘记wordpress后面的登陆地址,如果wordpres…

    2025年1月1日
  • zabbix-整理

    前提:LAMP或者LNMP的环境  附1:搭载个人博客,可以内网访问的 1.基础组件安装 //maridb,php,curl,net-snmp,perl-DBI yum …

    WP博客 2025年1月1日

发表回复

登录后才能评论