首页 > 经验 > 关键词 > 百度MIP是什么最新资讯 > 正文

【大拿分享】如何用MIP快速搭建体验友好的移动页面

2017-01-10 09:19 · 稿源:站长学院

什么是MIP?

MIP,即Mobile Instant Pages,移动网页加速器。是一套应用于移动网页的开放性技术标准,通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。

改造前期准备和注意事项:

你可以选择直接将原先的移动站点直接改成MIP站,也可以单独再做一套MIP站点与移动站并存。

复杂的页面暂不建议MIP改造,目前对资讯、图文类支持已较好,若功能较为复杂的建议自定义组件或等待MIP项目小组开发。

改造需具备一定的html知识,改造MIP教程请按照教程来,特别注意大小写,建议全局小写。

我们从一个html页面的上下顺序一步步改造,只要按照本文章内的一步步来,即可完成MIP改造。

1. Doctype改造

1.1 打开你的模板或代码文件看第一行,将<! DOCTYPE ***>改为<!DOCTYPE html>

2. <Html>标签改造

2.1 完成第一步后,继续修改下一行代码,将 :<html xmlns="http://www.w3.org/1999/xhtml">或:<html> 改成:<html mip>注意全部小写

3. Head部分改造

3.1 <head>标签必须是完全小写。

3.2 页面的编码必须是utf-8,修改声明为:

<meta charset="utf-8">

3.3 页面中加入

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">

3.4 页面中加入MIP专用样式文件:

< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >

3.5 这里需要告诉搜索引擎改页面对应的标准html页面地址,如果存在则标识<link rel="canonical" href="https://www.baidu.com"> 其中href值修改成为与当前mip页面相对应的标准页面(移动页)url地址。

如果只有mip页面没有相对应的标准页面则标识为:

<link rel="canonical" href="https://www.baidu.com"> 

其中的href值为当前页面地址。详细说明

4. Body内改造

4.1 首先<body>标签必须是小写的;

4.2 替换<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>标签为对应MIP组件标签,具体见官网文档。

4.3 引用MIP-JS 运行环境 <script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在页面尾部。

5. 使用MIP Cache注意事项

5.1 一般Cache图片、样式、脚本,做完上述4步后,修改资源地址为相对地址或合法绝对地址(以校验工具为准);

5.2 Cache的内容需要更新需要通过MIP数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。

6. 其他组件使用

6.1 除了上述这些需求外,一部分站点可能需要用到组件,官网文档包含了目前支持的所有组件,本文简单举例说明一下使用百度统计该如何实现:

6.2 查找原有百度统计工具查看统计JS代码(可全局查找 var _hmt 关键字)获取token(hm.js?之后的编码),在页面底部,所有script前放入代码

<mip-stats-baidu token="22090d4a309827eb62bc1335b2b28f11(网站统计token值)">

</mip-stats-baidu>

6.3 去除原有百度统计工具查看统计JS代码,删除整段js.

更多教程参考,可查看:《MIP(移动网页加速器)全解读

网友热搜:

  • 相关推荐
  • 大家在看
  • 百度MIP功能下线 MIP核心、组件等前端静态资源仍可使用

    6 月 4 日,百度搜索资源平台发布《MIP入口下线通知》称,因业务调整,搜索资源平台的“资源提交-MIP”入口即日起下线。MIP核心、组件等前端静态资源仍正常维护与使用,不影响已改造为MIP标准的站点的正常访问、收录、排序。

  • 百度度小店是什么

    在抖音小店与快手小店之后,百度的度小店也来了。据了解,度小店平台成立于 2019 年 ,服务内容针对全面的电商解决方案,并提供建店、交易、结算、订单等全链路能力,充分满足客户所需,实现多维度营销及订单转化。那么度小店怎么样?以下是关于百度度小店的详细介绍。

  • 如何将访客转化为潜在客户?这个8个网站优化策略了解下

    你是否已经将自己的网站优化到最佳状态了呢?通过优化来产生潜在客户是转化网站已经获得的流量的最好方法之一。然而,如果你认为在网站的主页上添加几个“点击这里”的CTA策略(注:Callto Action,行动呼吁),就能获取更多的潜在客户,很遗憾的说,这个想法大错特错。

  • 爱采购是什么?百度爱采购平台介绍

    百度爱采购是百度旗下的B2B垂直搜索引擎,于 2018 年 10 月 19 日上线。百度爱采购旨在帮助用户一站直达全网商品信息,触达海量优质商家。商家可通过百度爱采购与百度搜索无缝对接,满足用户对于采购信息检索的需求,同时为入驻企业找到精准买家。百度爱采购用AI帮助中小企业更好地解决采购批发渠道、货源问题。以下是百度爱采购平台的详细介绍。

  • 百度搜索界面改版 按钮变圆润页面更加整洁

    近日,有网友发现百度搜索首页以及百度搜索结果页出现了改版的情况,相比旧版,新版的百度搜索按钮更加的圆润,同时蓝色色值从#3385ff改成#4e71f2,并且搜索结果页面的区域划分更加明显。

  • 百度推出高考放心搜计划 高考放心搜计划是什么

    今年全国高考时间安排在了7月份,对于即将到来的高考,百度也推出了一项高考放心搜计划,利用实时动态大数据平台,为高考考生和家长提供一站式服务。

  • 腾讯跟百度谈入股爱奇艺?百度:不予置评

    6月16日消息,外媒援引知情人士透露的消息称,腾讯已经与拥有56.2%爱奇艺股权的百度就购买爱奇艺股份进行接洽,计划成为爱奇艺的最大股东。对此消息,百度方面回应不予置评。最新财报显示,爱奇艺2020年第一季总营收达76亿元人民币(约合11亿美元),同比增长9%,但运营亏损仍然达到22亿元人民币(约合3.166亿美元)。根据易观千帆的数据显示,2019年9月国内综合视频app排行,日均使用时长上,爱奇艺和腾讯视频分居第一?

  • 百度为什么那么喜欢「卖」公司?

    自 6 月 16 日,路透社报道称腾讯欲取代百度控股爱奇艺后,微博话题#腾讯计划入股爱奇艺#阅读量高达6602. 6 万,讨论达1. 4 万,爱奇艺股价涨幅更是达到40%。如果交易达成,长视频格局将从此变天。

  • 电商,百度的新战役

    百度正在不遗余力的加码移动生态的服务能力。在今年 5 月份的万象大会上,百度集团执行副总裁沈抖明确表示:“服务是移动生态的新方向。”在沈抖说完这句话后的一个多月的时间里,百度完成了对电商平台有赞以及消费品排行榜盖得排行的投资。

  • 度小店赚钱吗?百度度小店挣钱吗

    现在还是做网店创业赚钱的时候吗?遍地都是卖家,怎么才能从中脱颖而出?现在开店平台多了一个新的选择,百度度小店是为所有有开店诉求,具备企业或个体工商户资质的企业、机构、个人提供的直营电商行业解决方案,提供建店、交易、结算、订单等全链路能力,帮助电商客户实现多维度营销及订单转化。那么百度度小店挣钱吗?

  • ​百度回应向腾讯出售爱奇艺股权:爱奇艺是百度重要组成部分

    今日,针对“百度拟向腾讯出售爱奇艺股权”的报道,百度公关总监郭锋回应称,大家别乱猜了。爱奇艺是百度内容生态战略的重要组成部分,百度会一如既往地支持爱奇艺的发展。

  • 百度李震宇:百度无人车业务不会拆分 没有对外融资计划

    在今日下午的Apollo媒体沟通会上,百度集团副总裁、智能驾驶事业群组总经理李震宇表示,百度无人车不会分拆,现在也没有对外融资的计划。

  • 百度推出“高考放心搜计划”:清理2. 6万个恶意网站

    6 月 10 日,百度推出「高考放心搜计划」,为高三考生及家长提供信息和智能搜索服务:包括上千场高考直播、高考搜索大数据、闪电估分以及智能志愿助手等。考生和家长在百度App搜索「高考」、「高考直播」等关键词即可获取上述服务。

  • 排名超百度,这个搜索APP什么来头?

    搜索引擎行业风云变幻,各路人马登场亮相。今年 3 月,华为针对海外市场的搜索引擎HUAWEI Search开始内测。与此同时,经过半年多的测试,脱胎于网页版的头条搜索也上线了自己的APP。

  • SEO优化,4个独辟蹊径的策略!

    有的时候SEO工作就是一个数字游戏,每天看着数据的增长,不断的调整相关性的策略,但我们非常清楚,有的时候SEO优化会面临各种调整,特别是同行业之间的竞争。

  • 优速快递聚力品效,不断实践 不断优化

    品效驱动货量 货量牵引收益收益拉动盈利 加速赢取未来品效、品效、品效。打牢集团底盘,以持续、稳定的品效服务驱动网络盈利能力,是集团决胜千里的不二法宝。加之,当前疫情所带来的挑战与机遇的双面性影响,我们更要聚焦品质和效率,伺机而起,不放过任何一个逆势而起的机遇。基于此, 4 月 17 日集团在全网吹响了为期 120 天的“品效提升季——全网在行动”战役号角。即集团总部高管、省区高层管理人员集体深入分拨中心操作一线

  • 车轮"加油"频道,深入优化客户体验

    近年来,得益于我国经济高速发展,人们的生活水平稳定提升,汽车消费呈现井喷之势。众所周知,汽车的使用离不开汽油的支持,因此,汽车加油成为用车养车中的主要消费项目。而使消费者在加油中感到便利和实惠,在当今社会人们日益忙碌,压力越来越大的情况下,显得尤为重要。专注于全国汽车生活服务领域的移动互联网公司车轮互联想车主所想,解车主之难,在全国范围内推出了加油服务,"价格优惠"和"一键加油"是其服务的亮点。目前,

  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 百度打脸哈佛新冠肺炎论文:不严谨

    6月12日消息,今年6月8日美国哈佛医学院一研究团队在哈佛 DASH 学术平台发表一篇未经同行评议的论文称,通过分析武汉医院停车场卫星图片、百度搜索趋势数据,发现早在2019年8月,武汉就开始出现新冠肺炎流行的迹象。因为该论文使用百度上“咳嗽”与“腹泻”关键词检索数量的变化来推导结论,对此,百度方面进行回应,表示,哈佛大学医学院论文这种研究方式是“非常牵强和不严谨的”,并呼吁相关研究更加科学严谨地引用

  • 直播带货段位升级:从“OMG,买它”到百度“慢”直播

    刚刚结束的618,最大的亮点当属直播带货。抖音、快手等短视频平台拥有头部主播,发挥了“人”的核心优势;淘宝、京东等电商平台展现了“货”的优势;而百度作为知识与信息的平台,像一路奇兵,发挥了“场”的优势。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天