十年潍坊网站建设经验,服务客户千余家。专业潍坊网站设计公司潍坊网站制作公司关于我们 | 客户服务欢迎来到潍坊网站建设公司骏马网络!
年轻,更要脱颖而出
对于网站建设,我们有活力,有态度
我们的优势: 专业网络公司,顶尖设计师量身定制 配备阿里云主机,BGP多线,高速访问 99.999%网站数据可靠性 免费提供快速ICP备案 承诺24小时快速解决网站问题

什么是MIP站点快速改造一个MIP站点(入门篇)

更新时间:2016-11-02 17:23   已阅读: 次 |  作者:骏马网络  来源:潍坊做网站

站长工具最近加入了新的成员“MIP引入”,很多站长对此迷糊不已,小编特别联系了我们的版主飞鹰正义,让他为大家讲解下如何入门。飞鹰正义,本名翁新宝,百度站长社区超级版主,是国内较早关注搜索引擎优化研究的SEOER,具备多年的实战经验。为多家互联网企业提供顾问式服务。此次他将用通俗易懂的方式带大家简单快速的理解和改造属于自己的的MIP站点。

在进行改造前我们再来回顾一下MIP是什么?能带来哪些收益?

简单来说MIP是由百度推出的一套移动网页开放性标准,直白点说就是百度为了进一步提高用户体验进而推出的一系列规范标准,站长参与MIP改造计划能够与百度共同获得一定的收益。

从目前看来站长朋友改造MIP站点除了获得收录排序等潜在优势外,可以解决绝大部分站点因加载慢、展现慢等劣势。虽然现在大部分站点解决了PC站点的加载速度,但因移动端的特性很多站点在移动端的全局加载并非能够达到最佳状态,那么通过改造MIP Cache就能够缓存你的页面资源!让你免费使用与百度搜索引擎一样的CDN,你说是不是够叼?

言归正传,我们来快速的改造,将原本的移动站点改造成为MIP站点。

一、  改造前期准备和注意事项

1.首先你必须得有移动站点(当然你也可以完全重新开发MIP站);

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

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

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

二、 详细改造流程

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

1. Doctype改造

1.1打开你的模板或代码文件看第一行,不出意外的话是这么一句:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

也有可能是这么一句:

<!DOCTYPEhtml>

无论是那句记住第一句一定是:<!DOCTYPEhtml>

2. <Html>标签改造

2.1 完成第一步后,代码往下看,将:

<htmlxmlns="https://www.w3.org/1999/xhtml">

或:<htmllang="en">

直接改成:<html mip> 注意大小写

3.Head部分改造

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

3.2 页面的编码必须是utf-8,修改声明为:<metacharset="utf-8">

3.3页面中加入<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

3.4   页面中加入MIP专用样式文件< linkrel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

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

4.Body内改造

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

4.2加入MIP专用JS文件:<script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script>

4.3   常见标签替换表

原html标签

替换成

备注

<img

<mip-img

 

<style

<style mip-custom

在head内style只能出现一次,请注意合并

script

不替换

Script标签被列为禁止使用。需要JS部分可看看是否有组件支持。

link

不替换

不允许使用link标签进行样式表的加载

a

不替换

但不可以href="javascript:",target必须设置为_blank

frame

 

原则禁止使用,组件支持详见https://www.mipengine.org/doc/4-widget/3-extend-widget/iframe-widget.html

 

Form

删除该标签

禁止使用

input, textareaa, select, option

 

禁止使用

更全的标签禁止使用表请见:https://www.mipengine.org/doc/3-tech/1-mip-html.html

5.使用MIP Cache注意事项

5.1一般Cache图片、样式、脚本,做完上述4步后,建议修改资源地址为相对地址;

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

三、其他注意事项

3.1 本文旨在快速将移动站点改造成MIP站点,部分遗漏部分功能详细见https://www.mipengine.org。

3.2 除了上述这些需求外,一部分站点可能需要用到组件,里面包含了目前来说支持的一部分组件,后续我在继续讲解组件的使用方法,因对js引用的限制,我简单举例说明一下使用百度统计该如何实现:

3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在</body>前。

3.2.2 去百度统计工具查看统计JS代码

3.2.3 获取画框部分token,在js引用代码前放入代码:<mip-stats-bidutoken="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-bidu>并将token值换成你统计代码内的token值。

3.3 上述步骤做完mip站点改造基本结束,我们在mip页面标识了标准页面的地址,同样为了加速收录我们也需要在我们标准移动页面标识该页面相对应的mip页面,代码如下:<linkrel="standardhtml" href="改成该页面对应的mip页面地址">

3.4 最后我们做完了mip页面建议大家都做一下数据推送,会有意想不到的效果!

 


文章引用:https://www.wfwz.net/news/162.html如需转载,请注明出处。

相关文章:
最新文章:
  • eyoucms二次开发易优compare 比较大小小于等于标签
  • 阿里宣布淘宝天猫全面融合我们应该思考什么
  • 如何建设一个自己的博客网站?
  • eyoucms如何判断第一条和最后一条数据
  • DEDE织梦留言自定表单自动发送邮件到阿里云企业邮箱
  • 常用的织梦调用时间标签详细介绍
  • 随机文章:
  • 企业网站如何在百度上获得好的排名
  • 大数据告诉你高考状元一般来自什么样的家庭
  • htaccess重写如何二级目录变二级域名
  • 网站被降权了怎么办?
  • 如何建设一个自己的博客网站?
  • 什么是冰桶算法?百度移动搜索冰桶算法升级公
  • 微商高手都做到了这三招
  • 华帝的套路法国队夺冠 退全款却赚的盆满钵满
  • 网站优化的三大难题架构内容外链
  • 潍坊商标注册申请的流程是什么?
  • 思维分析:如何通过出“租手机”这个小项目年
  • 戏说格力空调不涨价是董明珠新谎言
  • 青州营销型企业网站建设的几个常见错误
  • 点击自动复制文本代码
  • 通用的SEO关键词优化方案
  • 7月8号淘宝一淘屏蔽商品链接搜索
  • 织梦留言自定义表单提交之后发送到邮箱(亲测
  • 为什么我的网站优化效果不是很好
  • 双11宝塔专业版授权组队活动开始啦~欢迎上车
  • 八月万网阿里云服务器优惠券续费代金券1000元
  • 网站被K之后快速恢复技巧
  • 7个有助于优化的网站文章编辑技巧
  • 织梦后台前台空白页怎么办dedecms开启报错调试
  • DEDECMS织梦自定义表单ajax判断提交不跳转处理
  • PHP带权重的随机跳转源码直接运行无错版2秒跳转
  • 姚振华万科野蛮人的前世今生
  • CSS2 video点击中间播放按钮播放视频代码
  • 网站编辑如何做好网站优化
  • 《百度搜索引擎网页质量白皮书》完整版正式上
  • 潍坊建一个网站需要多少钱费用?
  • 网站优化的详细方案步骤【优化必须做的】
  • 潍坊网站建设做个网站要花多少钱?
  • 百度通报17起内部违纪案件-包括篡改排名
  • 动态的关键词搜索织梦标签调用相关关键词的文章
  • 网站建设内部页面如何正确的微调?
  • 王思聪新浪微博抽奖113人每人1万
  • 潍坊说-早里地时候-【原创视频推荐】
  • 2014互联网大会8月26在北京国际会议中心举行
  • DEDE织梦留言自定表单自动发送邮件到阿里云企业邮箱
  • 潍坊市人民政府办公室关于试鸣防空防灾警报的
  • 什么是MIP站点快速改造一个MIP站点(入门篇)
  • linux宝塔专业版优惠券体验活动1元0.99元永久最高减2000
  • 潍坊网站推广做好品牌故事是最好的软广告
  • 建议让百度蜘蛛自行决定抓取频次
  • 网站友情链接的作用有多大?
  • 王宝强的成功-Smart五大原则分析
  • 互联网信息办公室调研组来潍坊调研
  • 织梦dede文章页面调用当前栏目的图片二次开发
  • 如何分析网站用户需求做好网站优化
  • 潍坊企业网站改版(新版)如何将改版损失降到
  • 【zac大咖】做SEO网站优化多久才能看到效果?
  • 重要信息-百度搜索网页标题规范-赶紧改改自己的
  • 内容为王!百度搜索发布优质内容生产指南
  • 揭穿微信朋友圈卖东西月入几万的真相
  • dedecms织梦增加栏目缩略图、栏目图片功能的方法
  • 京东下乡潍坊刷墙:发家致富靠劳动,勤俭持家
  • 通知:阿里云备案核查电话为95187一定要接听
  • 阿里云服务器系统盘容量扩容给/磁盘扩容不关机扩展
  • 较短的时间里让新站够获得百度排名
  • 做什么样的网站能够给您带来生意?
  • 阿里宣布淘宝天猫全面融合我们应该思考什么
  • 潍坊seo骏马网络助推中小企业成长
  • 如何写好一篇好的网站优化软文
  • 突然网站百度排名下降怎么恢复?
  • 最全的网站推广优化教程100条汇总
  • 中国巴西元首出席百度巴西葡语搜索引擎启动
  • 怎样选择利于排名的虚拟空间服务器
  • 如何判断一个网站优化做的好不好?
  • 宝塔专业版2019Linux终身授权300元/个(原价1388元)
  • 企业做网站建设哪家好【受益匪浅】
  • “闪电算法”上线了速度决定排名
  • 百度的蜘蛛的抓取时间和收录时间
  • 链接抓取模型百度蜘蛛抓取反馈时间多久合适
  • SEO经典口诀及解析
  • 推广包年骗局—百度竞价包年操作详解(揭秘)
  • 网站到底要不要用CDN?
  • eyoucms如何判断第一条和最后一条数据
  • SEO能做到什么时候?
  • 潍坊企业网站维护主要是做哪些大约什么价格
  • 潍坊网站优化如何做网站用户的体验
  • 百度首页改版新首页极致至简
  • SWOT、PDCA、6W2H、SMART、WBS、时间管理
  • eyoucms二次开发易优compare 比较大小小于等于标签
  • 专访李彦宏:技术创新是中韩互联网的共同话题
  • 谷歌投资5亿美元 欲将当日达业务拓展到全美
  • 为什么要做手机移动网站?
  • 2016年7月以后医疗网站优化总结
  • 企业做网站前需要准备那些资料?
  • 常用的织梦调用时间标签详细介绍
  • 榆林产妇坠楼身亡【真相】 家属医院各执一词
  • 整改反馈功能上线:首批通知石榴算法命中站点
  • js代码百度商桥对话框点击自定义按钮弹出
  • 潍坊营销型企业网站该怎么做?
  • 中小型企业为什么一定要制作建设网站
  • 潍坊网站建设
    潍坊网站优化
    潍坊网站制作
    潍坊网站建设
    返回顶部