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

投稿  明月登楼的博客 2016-11-07 阅读 121 次 评论 33 条

最近百度新近推出的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都是啥情况?

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

如何使用MIPAMP呢?

无论是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网页精简了很多,内容方面的可读性还是很不错的,该显示的都显示了。

谷歌AMP,百度MIP都是啥情况? 移动端AMP网页

图片也都能完美的展现

AMP插件仅仅是适配了AMP标准而已,想做一些专门的定制的话,还需要借助另外的一个插件叫“Accelerated Mobile Pages”,这个应该是AMP插件的扩展包装了,可以在这个插件里设定AMP页面的Logo、样式等等,具体如下图:

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

在这里面可以设定的其实还是不少的,除了General里的外,在Single里记得要把Featured Image打开哦,这是一个显示“特色图像”的开关,其它的选项,大家自己体验吧。

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

AMP网页如何访问的?

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

谷歌AMP,百度MIP都是啥情况? 加上“?amp”调用AMP网页

谷歌AMP,百度MIP都是啥情况? 加上“/amp”调用AMP网页

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

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

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

  1. <link rel="canonical" href="http://blog.ymanz.com/"/>
  2. <link rel="amphtml" href="http://blog.ymanz.com/?amp"/>

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

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

没有抓取到AMP时在Search Console(谷歌站长平台)里“搜索结果外观”——Accelerated Mobile Pages里显示的就是“开启”。

谷歌AMP,百度MIP都是啥情况? Accelerated Mobile Pages显“开启”

抓取到AMP网页的时候就可以看到抓取曲线了!这就表示抓取成功。

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

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

本文地址:http://boke112.com/3632.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 明月登楼的博客 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana
CPA教学与引流技巧

发表评论

呲牙憨笑坏笑偷笑色微笑抓狂睡觉酷流汗鼓掌大哭可怜疑问晕惊讶得意尴尬发怒奋斗衰骷髅啤酒吃饭礼物强弱握手OKNO勾引拳头差劲爱你

表情

  1. 瑾瑜
    瑾瑜 【农民】 @回复

    排版还是不如自己搞的放心啊。

  2. 玩赚网
    玩赚网 【农民】 @回复

    现在应该还不太完善,看看先

  3. 趣趣金屋
    趣趣金屋 【队长】 @回复

    留个记号,空了仔细学学

  4. 橘子书
    橘子书 【县长】 @回复

    看不懂不去折腾这个。

    • boke112导航
      boke112导航【站长】 @回复

      @橘子书 我也是,目前还不想折腾这个,当再成熟一些再考虑看看

  5. 我爱动感单车网
    我爱动感单车网 【省长】 @回复

    咱不急,等百度推出适配WordPress的MIP插件再说!

  6. 一介小民
    一介小民 【市长】 @回复

    没流量的我暂时不考虑

  7. 苍蓝公爵
    苍蓝公爵 【镇长】 @回复

    哦哦!学习了,看样子要针对性优化下!

    • 明月登楼的博客
      明月登楼的博客 【总理】 @回复

      @苍蓝公爵 是的,不过,我发现这个AMP插件需要主题代码都非常的标准才可以!要不,会有很多的提示警告错误!比较郁闷!

  8. 我要网赚
    我要网赚 【县长】 @回复

    今天的文章好长啊,使劲看

  9. 热腾网
    热腾网 【市长】 @回复

    看新闻说,谷歌在开发移动内容排名,现在用的是PC端的算法。

    • 明月登楼
      明月登楼 【总理】 @回复

      @热腾网 是的,谷歌正在全力准备拓展移动端得

      • 我爱动感单车网
        我爱动感单车网 【省长】 @回复

        @明月登楼 谷歌就是牛啊,永远走在搜索的前端,而百度哩则一直只是在跟风而已(可以说完全不在一个档次,山中无老虎猴子称大王)!

  10. 马超金博客
    马超金博客 【村长】 @回复

    还真看不懂哦,深奥

  11. benen005
    benen005 【镇长】 @回复

    确实不错的东西

  12. 韩娱部落
    韩娱部落 【村长】 @回复

    谷歌的技术就是牛

  13. 吉祥坊
    吉祥坊 【农民】 @回复

    可以,网站不错

  14. Koolight
    Koolight 【省长】 @回复

    研究得好深刻啊!我还真没发现这个。

  15. 管家婆
    管家婆 【镇长】 @回复

    原因在于代码

  16. 刘传鹏博客
    刘传鹏博客 【农民】 @回复

    感谢分享

  17. 一介小民
    一介小民 【市长】 @回复

    泪雪博客确实值得不错

  18. 淘宝优惠券秒杀
    淘宝优惠券秒杀 【县长】 @回复

    看着简单不会用啊

  19. 小萝博客
    小萝博客 【市长】 @回复

    应该写百度的

  20. 捌零男人
    捌零男人 【镇长】 @回复

    长见闻了

  21. 爱时尚
    爱时尚 【市长】 @回复

    加速的??

  22. 金榜台博客
    金榜台博客 【县长】 @回复

    来看看,送个IP过来