当前位置:首页 >  站长 >  建站经验 >  正文

如何快速改造一个MIP站点(入门篇)

 2016-08-26 15:36  来源: 站长学院   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

站长工具最近加入了新的成员“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""">

也有可能是这么一句:

<!DOCTYPEhtml>

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

2. 标签改造

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

<htmlxmlns="http: xhtml?="" 1999="" www.w3.org="">

或:<htmllang="en">

直接改成: 注意大小写

3.Head部分改造

3.1 标签必须是完全小写。

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="" >

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

4.Body内改造

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

4.2加入MIP专用JS文件:

4.3 常见标签替换表

更全的标签禁止使用表请见:

5.使用MIP Cache注意事项

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

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

三、其他注意事项

3.1 本文旨在快速将移动站点改造成MIP站点,部分遗漏部分功能详细见。

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

3.2.1 引用 放在前。

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

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

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

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

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
百度mip

相关文章

  • 提高用户体验,共建Web生态,万家站点助力 MIP 技术

    2018年1月26日,来自各地的站长、开发者、建站商、科技记者、前端技术爱好者,共计两百余人,齐聚北京五棵松嘻哈包袱铺,共同庆祝MIP技术PV破亿,与此同时,共5千余人在线观看了此次庆典活动的直播。MIP(MobileInstantPage)是百度提出的一项开源技术,主要通过MIP规范、代码运行环境

  • MIP改造不再难 大量官方模板放出帮助站点改造

    简单来说MIP是由百度推出的一套移动网页开放性标准,直白点说就是百度为了进一步提高用户体验进而推出的一系列规范标准,站长参与MIP改造计划能够与百度共同获得一定的收益。【MIP改造已成主流】目前全网已有2800+个站点近10亿页面完成了MIP改造,百度搜索导给MIP页面的流量已近5000W,每天都有

  • 不止是网页加速,百度搜索MIP提升站点广告收入实录

    百度推出MIP项目已1年有余,站点对MIP改造也趋之若鹜,目前MIP已经覆盖全互联网9亿个页面,那么这么多站点改造后收益如何呢?在2017年3月23日百度站长平台广州VIP大讲堂&沙龙中,Mip项目的负责人通过一系列Mip改造后站点的数据给出了答案。『MIP带来用户体验提升』“用户体验第一”这句话不

  • 百度MIP负责人参加谷歌AMP峰会 双方将共同提升网页体验

    近日,首届谷歌AMP开发者大会正式召开,百度MIP技术负责人高磊受邀出席此次大会并发表演讲。高磊表示,百度的MIP与谷歌的AMP都是为了提升网页体验而做出的努力,MIP与AMP的技术规范是同根同源的,MIP在中国国内做了适合国内国情的的扩展。为了避免站长二次开发,MIP与AMP的技术融合是双方未来努

  • 站长新时代 百度搜索移动赋能成二次发展关键

    众所周知,移动互联网的大机会已经消失,而在此次12月22日的“百度搜索VIP大讲堂”上,搜索主任架构师谭待也表示,整个移动互联网的增速已经放缓,进入到了红利的末期。但是这对于站长来说并非灾难,因为这一趋势在倒逼整个行业在向更高的用户体验质量提升,从搜索引擎到站长,都将越来越看重用户留存的价值,从获取

热门排行

信息推荐