改造一个MIP站点

2016-09-07    分类: 网站建设

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

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

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

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

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

二、 详细改造流程

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

1. Doctype改造

1.1打开你的模板或代码文件看第一行,不出意外的话是这么一句:

也有可能是这么一句:

无论是那句记住第一句一定是:

2.

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

或:

直接改成:

3.Head部分改造

3.1

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

3.3页面中加入

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

3.5  这里需要告诉搜索引擎改页面对应的标准html页面地址,如果存在则标识

4.Body内改造

4.1首先

4.2加入MIP专用JS文件:

4.3  常见标签替换表

原html标签

替换成

备注