WordPress秒变谷歌AMP加速移动页面并自动推送

谷歌AMP(Accelerated Mobile Pages)字面意思就是“加速移动网页”,官方解释是:Accelerated Mobile Page (AMP) 是根据开放源代码规范设计的网页。经过验证的 AMP 网页会缓存在 Google 的 AMP 缓存中,从而可以更快速地呈现给用户

AMP 页面是大大简化了移动页面,旨在提高针对移动页面访问速度,AMP 的特点如下:

  • AMP 的 HTML 代码是标准 HTML 的一个子集,大大简化了 html 的代码,部分 Html 代码将不再适用,如 table,frame 等。
  • 大大简化 css,且只能写在 HTML 中,不能调用外部 CSS 文件
  • JS 大部分功能不能用了,但很多互动功能也就没了,虽然影响了丰富的交互,但速度提升了速度。
  • 加强对页面资源控制,比如图片、视频等用户下拉到图片时再加载。
  • 充分利用高速缓存,Google 将 AMP 页面缓存在自身的服务器上。

AMP for wordpress 插件下载:


WordpPress 后台搜索安装并启用 AMP 插件后,插件自动文章页创建一个 AMP 文章页面,页面链接 URL 是在原页面链接 URL 加上“?amp”,文章页链接 URL 是在原页面链接 URL 加上“/amp”,以本博客文章链接为例:

文章页面链接:
//https://qq52o.me/1921.html
AMP页面链接:
//https://qq52o.me/1921.html?amp

如果站点是在页面原有的 URL 后面加上/amp 或?amp 来达成 AMP 页面的,那么我们有必要禁止百度和谷歌之外的搜索引擎抓取这些 amp 页面

如果百度和谷歌都是共用一套 AMP 页面,那么 robots.txt 可以这样写:

disallow: /amp
disallow: ?amp

如果百度用 MIP 页面,谷歌用 AMP 页面,那么 robots.txt 可以这样写:

disallow: /mip
disallow: ?mip
disallow: /amp
disallow: ?amp

在发布文章或者页面自动主动推送提交 AMP 页面的,只需要将以下代码添加到当前主题的 functions.PHP 文件最后一个 ?> 的前面即可

> 网站支持 >> 数据引入 >> MIP&AMP >> AMP 下方的数据提交就能看到 AMP 推送接口调用地址
        $request = new WP_Http;
        $result = $request->request( $api,array( 'method' => 'POST','body' => $url,'headers' => 'Content-Type: text/plain') );
        $result = json_decode($result['body'],true);
        //如果推送成功则在文章新增自定义栏目 Baiduamp,值为 1
        if (array_key_exists('success_amp',$result)) {
            add_post_Meta($post_ID,1,true);
        }
    }
    add_action('publish_post','Baidu_amp',0);
}

相关文章

我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我...
很多朋友在做wordpree主题制作的时候会经常遇到一个问题,那...
wordpress后台的模块很多,但并不是每个都经常用到。介绍几段...
从WordPress4.2版本开始,如果我们在MYSQL5.1版本数据中导出...
很多网友会遇到这样一个问题,就是WordPress网站上传图片、附...
对于经常要在文章中出现代码的IT相关博客,安装一个代码高亮...