一、 改造前期准备和注意事项
1.首先要做的是如果要改造mip站点必须要有移动站点,如果需要移动站点的话可以重新开发一个mip站。
2.你可以在原来的移动站点上改造mip站点,当然也可以重新做一套mip站点与移动站点同时存在
3.对于一些复杂的网站,暂时由于mip还不是很完善,所以现在可以支持资讯、图文类的,想要改造网站页面功能较大的需要自定义组件或者是等待mip项目小组开发
4.改造mip站点需要有在html上有基础知识,改造的同时需要按照教程,不能随意,也不能大意。另外还特别需要注意大小写,建议全局小写。
二、 详细改造流程
需要改造的站点可以在html页面上,按部就班的改造,不可急于求成,一步步的改造。方可完成mip改造。
1. doctype改造
1.1打开你的模板或代码文件第一行:<!doctypehtml>
2. 标签改造
2.1 完成第一步后,代码往下看,将:<htmlxmlns=http://www.w3.org/1999/xhtml>
或:<htmllang=en>
直接改成:<html mip> 注意大小写
3.head部分改造
3.1 标签必须是完全小写。
3.2 页面的编码必须是utf-8,修改声明为:<metacharset=utf-8>
3.3页面中加入<metaname=viewportcontent=width=device-width,minimum-scale=1,initial-scale=1>
3.4 页面中加入mip专用样式文件< linkrel=stylesheet
type=text/csshref=https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css
>
3.5
这是要告诉搜索引擎seo推广改造页面对应的标准html页面地址,如果存在则标识
其中href值https://www.baidu.com修改成为与当前mip页面相对应的标准页面(移动页)url地址。如果只有mip页面没有相对应的标准页面则标识为:
其中的href值为当前页面地址。
4.body内改造
4.1首先<body>标签必须是小写的;
4.3 常见标签替换表
5.使用mip cache注意事项
5.1通常来说cache图片,风格,脚本,上述四个步骤后,建议修改资源地址为相对地址
5.2cache的内容需要更新需要通过mip数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。
cache由mip数据需要更新的内容需要提交更新数据接口,更新url链接推过去,等待百度更新。
三、其他注意事项
3.1 在快速将移动站点改造成mip站点时,会出现忘记的地方详可参照mip官网。
3.2其中的一些站点可或许会用到组件,目前来说可以支持其中的一部分组件,对于js引用的限制,举例说明一下使用百度统计该如何实现:
3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在前。
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页面完成后,数据推送建议可以做下,结果是出人意料的!
社交电商行业深度研究:行业模式与趋势展望福州到梁山物流专线广州到淮安物流专线温州到杞县物流专线洛阳到石家庄物流专线刚开始做网站首先要先了解哪些知识网站设计优化因素有哪些?赣州到招远物流专线