这绝壁不是抄袭,谷歌AMP和百度MIP

2015年10月7日,谷歌宣布了他们的AMP计划。所谓AMP就是Accelerated Mobile Pages它是用于极致加速移动端网页显示的一个开源框架。

谷歌AMP vs 百度MIP

谷歌AMP vs 百度MIP

目的很直接,用Google的话讲:“We want webpages with rich content like video, animations and graphics to work alongside smart ads, and to load instantaneously. We also want the same code to work across multiple platforms and devices so that content can appear everywhere in an instant—no matter what type of phone, tablet or mobile device you’re using.”也就是说让多媒体文件和Smart Ads极速加载的同时,让页面代码跨平台跨设备地极速运作。用了AMP技术的页面就好像坐上了火箭,唰地一下就出来了。

Google AMP是怎么玩的?

AMP是十分易用的框架,通俗地说它大幅简化了网页结构。你只要简单调用谷歌已经为你缓存好的js和CSS便可。这些文件对所有的AMP网页都一致,因此当载入一个AMP页面的时候,你的浏览器实际上只需要载入网页的内容即可,因为定义行为的js文件和定义样式的CSS文件早已在你的缓存之中。这也解释了为什么加载速度会达到极致,也解释了为什么页面渲染速度大幅提升。除此之外它还有一些算法优化、字体优化和文件大小的限制来保证加速的进程。

对内容发布方来说,他们并非是“无私”地发布内容的,附带的自然是广告。谷歌显然很清楚这一点,AMP支持一些主流的广告框架(也限制了非主流的框架),它是谷歌整个广告战略部署的重要一环。因为越多页面快速并顺利地载入,就会有更多地符合iab规范的广告得到符合规范的有效展示。

总之,谷歌想要用户浏览网页爽快的同时,看广告也看得更爽。

一个Hello World的AMP页面是这样的:

一个最简单的谷歌AMP页面

一个最简单的谷歌AMP页面

是不是很简单?和我们平时写HTML没什么不同。如果我们把<h1>改成<h5>就是一个H5页面了!(扑哧……)如果你要插入图像呢?同样很简单只要把平时用的<img>标签换成<amp-img>即可。如果你要通知谷歌你的AMP页面你只要向非 AMP 页面中添加以下内容:

<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

向 AMP 页面中添加以下内容即可。

<link rel="canonical" href="https://www.example.com/url/to/full/document.html">

好,我们至此打住。

百度MIP (Mobile Instant Pages) 来了

为了解决广大用户无法使用被墙的谷歌AMP的问题。百度MIP在2016年8月问世了。百度MIP的加速原理和谷歌AMP如出一辙,使用方法也高度类似这简直是国内内容发布方的福音。一个Hello World的MIP页面是这样的:

一个最简单的百度MIP页面

一个最简单的百度MIP页面

如果你要使用图片呢?同样很简单只要把平时用的<img>标签换成<mip-img>即可。比较AMP页面,你会想除了把js放到最底部了那个schema.org的结构化数据声明哪里去了?没错,众所周知百度是没有加入schema.org框架的。但是你不要误解了,从今天这个MIP开始,百度竟然开始支持schema.org声明了!看下面截屏:

度娘什么时候开始支持schema.org了?

度娘什么时候开始支持schema.org了?

闻所未闻!那么如何让百度发现你的MIP页面呢?你只要向非 MIP 页面中添加以下内容:

<link rel="miphtml" href="https://www.example.com/url/to/mip/document.html">

向 MIP 页面中添加以下内容即可。

<link rel="standardhtml" href="https://www.example.com/url/to/full/document.html">

好,我们再次打住。

无巧不成书

互联网里有着太多的巧合。就好像我们今天举的这个例子。极诣本着爱国、敬业、诚信、友善的操守向大家介绍百度MIP,希望各位中国互联网人更多支持国货,支持我们自己的自主创新。不管怎么说如果百度真的开了窍开始支持Schema.org那会是普天同庆的好事。另外即便谷歌杀回墙内,对你来说,要想把MIP页面改成AMP页面也仅仅需要一些查找替换。如果你对MIP有自己的一番见解,请务必告诉我。感谢关注极诣。