什么是MIP技术?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了什么是MIP技术?相关的知识,希望对你有一定的参考价值。
参考技术A MIP是英文Mobile Instant Pages(移动网页加速器)的简写,是移动网页开放性技术标准。百度MIP的作用是通过MIP相关技术实现移动网页加速,改善用户体验。MIP的组成:MIP html+MIP JS+MIP Cache 三部分;百度目前告知站长:目前提交的MIP页面数据量非常之大,MIP项目组在筛查时发现存在较多因为技术使用不当而导致的质量问题。针对这部分问题他们正在做逐一检查,以确保当前用户体验不受影响。预计从12月开始将会逐步放开已提交站点的MIP流量。
希望大家利用好百度MIP,给自己的网站带来更好的体验和更多的收益。
1145.cn 百度MIP适配实例
MIP,全称Mobile Instant Pages(移动端即时页面),是百度推出的一套移动端网页开放技术标准。网站移动端页面统计MIP改造,能实现页面缓存,从而达到移动网页加速效果。
百度官方已经明确表示,应用了MIP的移动网站,将在百度搜索引擎获得更高权重。
在杭州沙龙的现场盛况中,Zac大神对百度工程师提出了非常尖锐的问题,“百度MIP到底会不会影响排名”,现场沉寂几秒中后响起了雷鸣般的掌声,对此,百度工程师也明确的表示:“百度MIP会影响排名”。我想这一点是所有SEO从业者最想要听到的吧,这一次百度工程师表态很坚定,他表示:”普通网页是通过蜘蛛抓取速度来评判网页速度的,而有了MIP后,MIP本身就网站速度快的证明。“如果你想提高移动端的网站打开速度,那么在MIP技术还没有完全普及的时候抢占MIP先机,将会事半功倍。
目前网上能找到的MIP改造的实例非常少,所以将我们公司网站 1145企业信用(http://www.1145.cn) 的部分MIP改造拿出来跟大家分享,希望能给希望进行MIP改造的站长提供一些帮助。
此次进行MIP适配的是 1145企业信用的子站点:食品药品安全。HTML站点URL为 http://www.1145.cn/cfda/ ,MIP站URL规则为http://www.1145.cn/cfda/mip/ 。从Meta看,此站点为PC,Mobile自适应站。
<meta name="applicable-device" content="pc,mobile">
在html站点,加入以下代码,通知百度蜘蛛页面对应的mip页URL。
<link rel="miphtml" href="http://www.1145.cn/cfda/mip/">
在mip站点,加入一下代码与html站点对应:
<link rel="canonical" href="http://www.1145.cn/cfda/">
MIP站点的通用的html结构:
<!DOCTYPE html> <html mip> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css"> <!--对应的非mip页面URL--> <link rel="canonical" href="http://www.1145.cn/cfda/"> <title>食品药品安全数据 - 1145.cn</title> <style mip-custom> <!--CSS放到这里,mip标准不允许引入外部css--> </style> </head> <body> 页面正文内容 <!--mip 运行环境,必须引入--> <script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script> </body> </html>
注意几个基本要点:
- 在<html>标签中增加mip标识
- 编码为 utf-8
- 添加meta-viewport,用于移动端展现
- 比如引入MIP运行环境,包括CSS,以及JS
- mip不允许引入除mip css以外的外部css,必须把css都写到页面<style mip-custom>内部
在页面正文内容中,和我们平时做网页模版没有什么区别。注意以下几点:
- 官方建议用<mip-link>标签代替原来的标签(目前可以保留^lt;a>标签)且href值必须是完整路径,不能用相对路径。
<a href="http://www.1145.cn/cfda/mip/category/10">国家食品安全监督抽检(合格产品)</a>
-
- div,p,span,table等基本HTML标签都可以直接使用。不要使用javascript,因为MIP不允许引用外部javascript,所以我们常用的jquery,bootstrap都不能用。 MIP页面的最终目的是加速,所以我们应该尽量使用最基本的html代码。
做好模版之后,可以在官网的MIP校验工具检测一下我们做的模版。https://www.mipengine.org/validator/validate
注意:MIP页面最终呈现给移动端用户并不是我们直接在浏览器打开的效果,因为用户访问的其实是从百度搜索结果点击过来的,是从百度mip缓存服务器展示您的页面,所以如果要预览您的页面,需要从 https://www.mipengine.org/validator/preview 输入你的mip的url,进行预览。除了你自己,基本不会有人直接访问你的mip的url。比如百度搜索关键词: 百度 mip,排在第一位的mipengine.org,如果在移动端点开结果,打开的其实是这个url: http://m.baidu.com/mip/c/s/www.mipengine.org/article/5-reasons-to-try-mip.html ,而不是mip页面的真实url http://www.mipengine.org/article/5-reasons-to-try-mip.html
所以用户最终看到的MIP页面的url规则是
http://m.baidu.com/mip/c/s/***************
因为MIP页面是从百度的缓存服务器读取展现给用户,所以速度非常快。如果你的MIP页面发成了修改,必须从百度站长平台后台,刷新你修改了的MIP页面。你可以把百度MIP想象成永不过期的CDN,必须手动刷新。
以上是关于什么是MIP技术?的主要内容,如果未能解决你的问题,请参考以下文章