如何用MIP搭建体验友好的移动页面

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

 

使用MIP搭建体验友好的移动页面:

一、Doctype改造

1、打开你的模板或代码文件看第一行,将改为

 

二、标签改造

1、完成第一步后,继续修改下一行代码,将: 

2、或将 改成注意全部小写

 

三、Head部分改造

1、标签必须是完全小写。

2、页面的编码必须是utf-8,修改声明为:ta charset="utf-8">

3、页面中加入ta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">

4、页面中加入MIP专用样式文件< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >

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

 

四、Body内改造

1、首先标签必须是小写的;

2、替换