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校验工具检测一下我们做的模版。https://www.mipengine.org/validator/validate

屏幕快照 2017-05-09 8.55.57 PM.png

注意: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,必须手动刷新。

1145.cn 百度MIP适配实例的更多相关文章

  1. 百度MIP页规范详解 —— canonical标签

    百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...

  2. Webharvest网络爬虫应用总结,web-harvest 编写脚本 读取 百度 博客 实例

      Webharvest网络爬虫应用总结 Web-Harvest是一个Java开源Web数据抽取工具.它能够收集指定的Web页面并从这些页面中提取有用的数据.其实现原理是,根据预先定义的配置文件用ht ...

  3. 给你的网站添加谷歌AMP、百度MIP、神马MIP链接自动提交功能

    我们在做网站的时候,经常会听到别人说SEO优化,网站优化等等.但是我们经常听的云里雾里的,但是经过我们运营一段时间之后,我们慢慢的就会熟悉了,知道什么是SEO.SEO中文译名为搜索引擎优化,既然是叫搜 ...

  4. PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例

    原文:PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例 <!--小幅的坐标转换点位程序--> <!DOCTYPE html> <html&g ...

  5. selenium-java web自动化测试工具抓取百度搜索结果实例

    selenium-java web自动化测试工具抓取百度搜索结果实例 这种方式抓百度的搜索关键字结果非常容易抓长尾关键词,根据热门关键词去抓更多内容可以用抓google,百度的这种内容容易给屏蔽,用这 ...

  6. 谷歌AMP和百度MIP是什么鬼?

    首先我们来看定义: 谷歌AMP(Accelerated Mobile Pages,加速移动页面)是Google推出的一种为静态内容构建 web 页面,提供可靠和快速的渲染,加快页面加载的时间,特别是在 ...

  7. 利用PHP str_replace()函数替换符合百度MIP内容标准

    了解过百度MIP的同学都知道(什么?你不知道什么是百度MIP?就是移动网页加速器鸭

  8. 百度地图api 实例 自动提示 并计算两地的行驶距离

    百度地图api 实例 自动提示 并计算两地的行驶距离 <!DOCTYPE html> <html> <head> <meta http-equiv=" ...

  9. 百度MIP移动页面加速——不只是CDN

    MIP是用CDN做加速的么?准确答案是:是,但不只是. MIP全称Mobile Instant Pages,移动网页加速器,是百度提出的页面加速解决方案.MIP从前端渲染和页面网络传输两方面进行优化, ...

随机推荐

  1. Android开发 - 掌握ConstraintLayout(一)传统布局的问题

    在传统的Android开发中,页面布局占用了我们很多的开发时间,而且面对复杂页面的时候,传统的一些布局会显得非常复杂,每种布局都有特定的应用场景,我们通常需要各种布局结合起来使用来实现复杂的页面.随着 ...

  2. struts2框架学习笔记7:struts2标签

    三大标签: 1.JSP:脚本,为了替代servlet,已过时 2.JSTL:标准标签库(core.format.sql.xml),还未淘汰的只有core库 3.Struts2标签库:由Struts2开 ...

  3. JavaScript中子类调用父类方法的实现

    一.前言 最近在项目中,前端框架使用JavaScript面向对象编程,遇到了诸多问题,其中最典型的问题就是子类调用父类(super class)同名方法,也就是如C#中子类中调用父类函数base.** ...

  4. Win10手记-IIS部署网站问题解决

    最近在自己的Win10电脑上尝试部署ASP.NET网站时出现了问题,经过多方查找定位到IIS为问题来源. 开始之前 先描述下技术环境: 1.Windows 10 PC 2.Windows 自带的IIS ...

  5. Windows Azure开发之Linux虚拟机

     Windows Azure是微软的云服务集合,用来提供云在线服务所需要的操作系统与基础存储与管理的平台,是微软的云计算的核心组成组件之一.其中windows azure提供的最重要的一项服务就是 ...

  6. Odoo : ORM API

    记录集 model的数据是通过数据集合的形式来使用的,定义在model里的函数执行时它们的self变量也是一个数据集合 class AModel(models.Model): _name = 'a.m ...

  7. ie请求缓存问题,页面内容没有及时更新

    问题一:列表页面删除一条数据成功了,但页面上还有数据,再次点击删除,报错了... 问题二:一个点赞按钮,点击后发送一个请求,后台返回1或0 (点赞.取消点赞) ,谷歌浏览器功能正常,但在ie浏览器,后 ...

  8. salesforce零基础学习(八十九)使用 input type=file 以及RemoteAction方式上传附件

    在classic环境中,salesforce提供了<apex:inputFile>标签用来实现附件的上传以及内容获取.salesforce 零基础学习(二十四)解析csv格式内容中有类似的 ...

  9. TCP/IP 笔记 - 防火墙和网络地址转换

    防火墙是位于内部网和外部网之间的屏障,是系统的第一套防线,作用是防止非法用户的进入. 网络地址转换是一种IP数据包通过路由器或防火墙时通过重写来源IP地址或目的地址的技术,可以用来隐藏或保护内部网络, ...

  10. Java 8 新特性-菜鸟教程 (8) -Java 8 日期时间 API

    Java 8 日期时间 API Java 8通过发布新的Date-Time API (JSR 310)来进一步加强对日期与时间的处理. 在旧版的 Java 中,日期时间 API 存在诸多问题,其中有: ...