改造一個MIP站點

一、 改造前期準備和注意事項

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標簽	替換成	備注
<img	<mip-img
<style	<style mip-custom	在head內style只能出現一次，請注意合并
script	不替換	Script標簽被列為禁止使用。需要JS部分可看看是否有組件支持。	link	不替換	不允許使用link標簽進行樣式表的加載
a	不替換	但不可以href="javascript："，target必須設置為_blank
frame		原則禁止使用，組件支持詳見https://www.mipengine.org/doc/4-widget/3-extend-widget/iframe-widget.html
Form	刪除該標簽	禁止使用
input, textareaa, select, option		禁止使用

更全的標簽禁止使用表請見：

https://www.mipengine.org/doc/3-tech/1-mip-html.html

5.使用MIP Cache注意事項

5.1一般Cache圖片、樣式、腳本，做完上述4步后，建議修改資源地址為相對地址；

5.2Cache的內容需要更新需要通過MIP數據提交中的更新數據接口，把更新的url鏈接推送過去，等待百度更新。

三、其他注意事項

3.1 本文旨在快速將移動站點改造成MIP站點，部分遺漏部分功能詳細見https://www.mipengine.org。

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引用代碼前放入代碼：

3.3 上述步驟做完mip站點改造基本結束，我們在mip頁面標識了標準頁面的地址，同樣為了加速收錄我們也需要在我們標準移動頁面標識該頁面相對應的mip頁面，代碼如下：

3.4 最后我們做完了mip頁面建議大家都做一下數據推送，會有意想不到的效果！

當前標題：改造一個MIP站點
當前路徑：http://m.kartarina.com/news35/46185.html

成都網站建設公司_創新互聯，為您提供虛擬主機、關鍵詞優化、外貿網站建設、響應式網站、動態網站、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯