谷歌 AMP,百度 MIP 都是啥情况?

2016-11-0618:00:00 37 5,647
摘要

最近百度新近推出的MIP很是受到博客站长们的关注,其实在一个多月前明月就在关注了!因为明月一直比较关注优化移动端博客浏览体验的,今时今日智能手机普及率已经快达到最高了,如果博客站长还不重视那就是真的“奥特曼”了,太落伍了!今天明月就带着大家来通过AMP的实现顺便了解一下百度MIP,就当是MIP前的热身。

最近百度新近推出的 MIP 很是受到博客站长们的关注,其实在一个多月前明月就在关注了!因为明月一直比较关注优化移动端博客浏览体验的,今时今日智能手机普及率已经快达到最高了,如果博客站长还不重视那就是真的“奥特曼”了,太落伍了!今天明月就带着大家来通过 AMP 的实现顺便了解一下百度 MIP,就当是 MIP 前的热身。

百度 MIP、谷歌 AMP 都是干什么的?

我们先从字面意思上看看,谷歌 AMP(Accelerated Mobile Pages),字面意思就是“加速移动网页”,官方解释是:Accelerated Mobile Page (AMP) 是根据开放源代码规范设计的网页。经过验证的 AMP 网页会缓存在 Google 的 AMP 缓存中,从而可以更快速地呈现给用户。我们再来看看百度 MIP:MIP(Mobile Instant Page - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。可以看出来就是加速移动网页的一个技术标准,至于说加速更加直观的效果,可以借用【什么是 MIP?』里的演示动画来看到:

谷歌 AMP,百度 MIP 都是啥情况?

说白了就是是可以实现移动网页的“秒开”

如何使用 MIP、AMP 呢?

无论是 MIP 还是 AMP,其实原理都是通过 CDN 来提升网站移动端的载入速度位主要目的的,效果就是“秒开”的载入。目前移动端 4G 网络的普及、WiFi 的运用、网站 CDN 等等技术下这种“加速”的效果有时候并不是那么的明显,但因为是搜索引擎推出的优化方案,无论是谷歌还是百度都强调会在排名、权重方面给予一定的偏移,所以 AMP、MIP 也成了当前网站优化不可缺少的一个环节了!受到了众多站长们的关注,虽然我们是草根博客站长,但这并不能阻挡我们追求优化极致的脚步,百度的 MIP 目前正在起步阶段,需要对代码进行大量的修改才能使用,对于 WordPress 的支持也仅仅是停留在代码阶段,可操作性很低(当然,不排除你是 web 开发高手可以自己动手)。谷歌的 AMP 相对来说推出的时间比较久了,标准化和规范化都很到位了,特别是 WordPress 官方推出了 AMP 的插件,这就相对的简单了很多,我们可以先从 AMP 入手体验一下。

在 WordPress 里先安装一个插件“AMP”这个插件是 Automattic(WordPress 的母公司,就是 WP 的娘家)推出的把 WP 网页转换成 AMP 标准的网页。安装完成“AMP”插件后,可以发现在在 WP——“外观”里有一个 AMP 项,进入后就是个 AMP 网页的可视化编辑,如下图:

谷歌 AMP,百度 MIP 都是啥情况?

应该是调用的最近的一篇文章来演示的,大家可以看到相对以前自适应主题的移动端 AMP 网页精简了很多,内容方面的可读性还是很不错的,该显示的都显示了。

谷歌 AMP,百度 MIP 都是啥情况?
图片也都能完美的展现

AMP 插件仅仅是适配了 AMP 标准而已,想做一些专门的定制的话,还需要借助另外的一个插件叫“Accelerated Mobile Pages”,这个应该是 AMP 插件的扩展包装了,可以在这个插件里设定 AMP 页面的 Logo、样式等等,具体如下图:
谷歌 AMP,百度 MIP 都是啥情况?在这里面可以设定的其实还是不少的,除了 General 里的外,在 Single 里记得要把 Featured Image 打开哦,这是一个显示“特色图像”的开关,其它的选项,大家自己体验吧。

上述两个插件安装设置完成后只能说是拥有了 AMP 标准网页了,怎么才能让谷歌发现和收录?AMP 网页如何访问的?下面我们再来详细说明一下,明月也是研究了很久才算是明白,囧!

AMP 网页如何访问的?

如何访问自己网站的 AMP 网页?其实很简单,在插件安装好后,你网站的链接后面加上“/amp”或者“?amp”就可以看到 AMP 网页效果了,这里要强调的是如果网址是"/"结尾的,可以加上“?amp”调用 AMP 网页的,比如首页、分类目录这些。具体效果如下图:

谷歌 AMP,百度 MIP 都是啥情况? 谷歌 AMP,百度 MIP 都是啥情况?

目前明月的博客(www.imydl.com)和主站(www.ymanz.com)都已经支持 AMP 网页了,所以大家可以照着上述方法在手机端来调用 AMP 网页体验一番。

怎么才能让谷歌发现和收录?

要想让谷歌发现和收录 AMP 网页,需要使用两个<link>标签在你的 WP 网页里指明 AMP 网页的访问规则示例,具体代码如下(记得要修改成自己的域名哦!):



将上述标记代码放入当前主题的 head.php 的中就可以了。 然后要做的就是等待谷歌来抓取了,如果想加快抓取等待时间,可以登录谷歌的 Search Console(谷歌站长平台)里在“抓取”——“抓取方式”里面提交 AMP 网页的链接让谷歌识别一下再把结果“提交到索引”。 这样等待大概 48 个小时左右,在 Search Console(谷歌站长平台)里“搜索结果外观”——Accelerated Mobile Pages 里就可以看到谷歌的收录情况了! 谷歌 AMP,百度 MIP 都是啥情况? 没有抓取到 AMP 时在 Search Console(谷歌站长平台)里“搜索结果外观”——Accelerated Mobile Pages 里显示的就是“开启” 谷歌 AMP,百度 MIP 都是啥情况? 抓取到 AMP 网页的时候就可以看到抓取曲线了!这就表示抓取成功。

至此,AMP 网页启用大功告成了原理和百度 MIP 是一样的,百度的 MIP 目前实现起来很复杂,官方的 WP 插件也迟迟不见踪影,自己动手修改实在是力不从心呀!整个主题都得大修改,明显是不现实的,目前已经有支持 MIP 的 WP 主题了,有免费版的,想尝鲜的话,大家可以下载体验一番,可以到【泪雪博客』下载 Fanly-MIP 主题。

[dl href='http://zhangzifan.com/fanly-mip.html']Fanly-MIP 主题下载直达[/dl]

其实无论是 MIP 还是 AMP 都是一个加速而已,可需求性并不是很大,收到众多站长青睐其实还是因为可以获得搜索引擎的优先展示而已,至于真假如何,明月也不知道的,具体的效果是什么样,都是猜测而已!谷歌的 AMP 说实话是非常的水土不服,其调用的谷歌字体就让国内网站望而止步了(可以通过修改 AMP 插件代码来禁用谷歌字体,有需要的站长可以告知我,我会在随后发文贴出来),百度 MIP 目前看还是一个宣传和推广阶段,推出适配 WordPress 的 MIP 插件据说官方正在开发,我们只能是拭目以待了,有谷歌这个先锋,我想实行起来应该是不难的,技术上应该不是问题。

历史文章推荐:

  • 本博客公众号
  • 扫一扫关注!
  • weinxin
  • 本博客小程序
  • 微信内浏览本博客
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:37   其中:访客  19   博主  18

    • 拿着灼热的铁 拿着灼热的铁 2

      文章不错,竟然在博客112链接在我的文章,缘分啦。

      • 明月 明月 1

        修改AMP插件代码来禁用谷歌字体这个我需要啊,明月君分享出来吧

          • 明月登楼 明月登楼 Admin

            @明月 这个呀!我都忘了,呵呵!网上好像有,是个很早的代码了,你用谷歌搜搜吧!

          • 子凡 子凡 5

            我来凑个热闹,哈哈哈,发现评论框输入这个效果挺漂亮的,不错。。。

              • 明月登楼 明月登楼 Admin

                @子凡 呵呵,如果大家都喜欢的话,我就分享给大家!

              • 阿飞 阿飞 2

                看来移动端是大趋势啊。都在搞。话说博主这个留言打字冒星星这特效不错。

                  • 明月登楼 明月登楼 Admin

                    @阿飞 呵呵,是吧,很炫酷的!移动端的流量已经远远超过PC端了!

                  • 高考巴士 高考巴士 0

                    博主你好,请问一下你在文章中的复制后提示版权信息是如何做到的呢?

                    • 我爱动感单车网 我爱动感单车网 5

                      咱不急,限于水平也急不来,等百度推出适配WordPress的MIP插件再说!

                      • 一生一世套图 一生一世套图 0

                        没玩过博客,来看看了!