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自适应站。

  1. <meta name="applicable-device" content="pc,mobile">

  

在html站点,加入以下代码,通知百度蜘蛛页面对应的mip页URL。

  1. <link rel="miphtml" href="http://www.1145.cn/cfda/mip/">

  

在mip站点,加入一下代码与html站点对应:

  1. <link rel="canonical" href="http://www.1145.cn/cfda/">

  

MIP站点的通用的html结构:

  1. <!DOCTYPE html>
  2. <html mip>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  6. <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
  7. <!--对应的非mip页面URL-->
  8. <link rel="canonical" href="http://www.1145.cn/cfda/">
  9. <title>食品药品安全数据 - 1145.cn</title>
  10. <style mip-custom>
  11. <!--CSS放到这里,mip标准不允许引入外部css-->
  12. </style>
  13. </head>
  14. <body>
  15. 页面正文内容
  16. <!--mip 运行环境,必须引入-->
  17. <script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
  18. </body>
  19. </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. django-celery 创建多个broker队列 异步执行任务时指定队列

    一.这里不再详细述说 django 框架中如何使用celery, 重点放在如何实现创建多个队列, 并指定队列存放异步任务 笔者使用   django-celery==3.2.2 模块, 配置项及配置参 ...

  2. Archive required for library “xxx” cannot be read or is not a valid zip file报错解决

    在项目中导入别人的maven项目时报错:Archive required for library “xxx” cannot be read or is not a valid zip file 网上查 ...

  3. 机器学习技法笔记:16 Finale

    Roadmap Feature Exploitation Techniques Error Optimization Techniques Overfitting Elimination Techni ...

  4. centos7防火墙管理的变化

    当我们在centos7中输入service iptables status 查看系统的防火墙状态,会出现如下错误: 网上查阅才知道centos7的防火墙管理工具变了,原来的iptables已经不用了, ...

  5. IIS服务器多站点 的 https证书使用443端口 解决方案

    默认情况一个服务器的IIS只能绑定一个HTTPS也就是443端口 要实现多个站点对应HTTPS只能更改IIS配置 首先把每个站点分配个不同端口,如443.444.445…(证书一定要是多域的) 然后重 ...

  6. es6中的对象的可计算的属性名

    先简单的啰嗦一下对象的属性: var obj = { a:2 } 要访问obj中a的位置,方法:1. obj.a     //2            2..obj ["a"]   ...

  7. 用synchronized同时修饰父类和子类,线程是安全的。即对象锁可重入

    public class SyncDubbo { static class Main { public int i = 10; public synchronized void operationSu ...

  8. Log4Net使用详解1

    log4net是一个功能著名的开源日志记录组件.利用log4net可以方便地将日志信息记录到文件.控制台.Windows事件日志和数据库(包括MS SQL Server, Access, Oracle ...

  9. iOS开发必会的坐标系探究

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由落影发表于云+社区专栏 前言 app在渲染视图时,需要在坐标系中指定绘制区域. 这个概念看似乎简单,事实并非如此. When an a ...

  10. 简单的端口扫描器(TCP connect)

    端口扫描器原理相对简单,采用的是TCP connect状态判断.具体来说:TCP connect方式使用系统网络API connect向目标主机的端口发起连接,如果无法连接,说明该端口关闭.该方式扫描 ...