導讀：在讀這篇文章之前，請確定你已經了解MIP定義及加速原理。如果不確定的話，可以到MIP官網了解。那今天【深度網】小編就來說說如何用MIP快速搭建體驗友好的移動頁面。
改造前期準備和注意事項:
你可以選擇直接將原先的移動站點直接改成MIP站，也可以單獨再做一套MIP站點與移動站并存。復雜的頁面暫不建議MIP改造，目前對資訊、圖文類支持已較好，若功能較為復雜的建議自定義組件或等待MIP項目小組開發。
改造需具備一定的html知識，改造MIP教程請按照教程來，特別注意大小寫，建議全局小寫。我們從一個html頁面的上下順序一步步改造，只要按照本文章內的一步步來，即可完成MIP改造。
1. Doctype改造
1.1 打開你的模板或代碼文件看第一行，將<! DOCTYPE ***>改為<!DOCTYPE html>
2.標簽改造
2.1 完成第一步后，繼續修改下一行代碼，將： <html xmlns="http://www.w3.org/1999/xhtml">或：<html> 改成：<html mip>注意全部小寫。
3. Head部分改造
3.1標簽必須是完全小寫。
3.2 頁面的編碼必須是utf-8，修改聲明為：<meta charset="utf-8">
3.3 頁面中加入<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
3.4 頁面中加入MIP專用樣式文件< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >
3.5 這里需要告訴搜索引擎改頁面對應的標準html頁面地址，如果存在則標識<link rel="canonical" href="https://www.baidu.com"> 其中href值修改成為與當前mip頁面相對應的標準頁面（移動頁）url地址。如果只有mip頁面沒有相對應的標準頁面則標識為：<link rel="canonical" href="https://www.baidu.com"> 其中的href值為當前頁面地址。
4. Body內改造
4.1 首先標簽必須是小寫的；
4.2 替換<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>標簽為對應MIP組件標簽，具體見官網文檔。
