MIP:是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。
一、Doctype改造
1、打开你的模板或代码文件看第一行,将<! DOCTYPE ***>改为<!DOCTYPE html>
二、<Html>标签改造
1、完成第一步后,继续修改下一行代码,将:<html xmlns="http://www.w3.org/1999/xhtml">
2、或将<html>改成<html mip>注意全部小写
三、Head部分改造
1、<head>标签必须是完全小写。
2、页面的编码必须是utf-8,修改声明为:<meta charset="utf-8">
3、页面中加入<metacontent=">
4、页面中加入MIP专用样式文件< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >
5、这里需要告诉搜索引擎改页面对应的标准html页面地址,如果存在则标识<link rel="canonical" href="https://www.baidu.com">其中href值修改成为与当前mip页面相对应的标准页面(移动页)url地址。如果只有mip页面没有相对应的标准页面则标识为:<link rel="canonical" href="https://www.baidu.com">其中的href值为当前页面地址。
四、Body内改造
1、首先<body>标签必须是小写的;
2、替换<img>,<style>,<frame>,<form>,< input>,<textarea>,<select>,<option>标签为对应MIP组件标签,具体见官网文档。
3、引用MIP-JS 运行环境<script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在页面尾部。