-
讓全網(wǎng)營(yíng)銷(xiāo)與管理真正落地
400-615-8050
導(dǎo)讀：在讀這篇文章之前，請(qǐng)確定你已經(jīng)了解MIP定義及加速原理。如果不確定的話(huà)，可以到MIP官網(wǎng)了解。那今天【深度網(wǎng)】小編就來(lái)說(shuō)說(shuō)如何用MIP快速搭建體驗(yàn)友好的移動(dòng)頁(yè)面。
改造前期準(zhǔn)備和注意事項(xiàng):
你可以選擇直接將原先的移動(dòng)站點(diǎn)直接改成MIP站，也可以單獨(dú)再做一套MIP站點(diǎn)與移動(dòng)站并存。復(fù)雜的頁(yè)面暫不建議MIP改造，目前對(duì)資訊、圖文類(lèi)支持已較好，若功能較為復(fù)雜的建議自定義組件或等待MIP項(xiàng)目小組開(kāi)發(fā)。
改造需具備一定的html知識(shí)，改造MIP教程請(qǐng)按照教程來(lái)，特別注意大小寫(xiě)，建議全局小寫(xiě)。我們從一個(gè)html頁(yè)面的上下順序一步步改造，只要按照本文章內(nèi)的一步步來(lái)，即可完成MIP改造。
1. Doctype改造
1.1 打開(kāi)你的模板或代碼文件看第一行，將<! DOCTYPE ***>改為<!DOCTYPE html>
2.標(biāo)簽改造
2.1 完成第一步后，繼續(xù)修改下一行代碼，將： <html xmlns="http://www.w3.org/1999/xhtml">或：<html> 改成：<html mip>注意全部小寫(xiě)。
3. Head部分改造
3.1標(biāo)簽必須是完全小寫(xiě)。
3.2 頁(yè)面的編碼必須是utf-8，修改聲明為：<meta charset="utf-8">
3.3 頁(yè)面中加入<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
3.4 頁(yè)面中加入MIP專(zhuān)用樣式文件< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >
3.5 這里需要告訴搜索引擎改頁(yè)面對(duì)應(yīng)的標(biāo)準(zhǔn)html頁(yè)面地址，如果存在則標(biāo)識(shí)<link rel="canonical" href="https://www.baidu.com"> 其中href值修改成為與當(dāng)前mip頁(yè)面相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面（移動(dòng)頁(yè)）url地址。如果只有mip頁(yè)面沒(méi)有相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面則標(biāo)識(shí)為：<link rel="canonical" href="https://www.baidu.com"> 其中的href值為當(dāng)前頁(yè)面地址。
4. Body內(nèi)改造
4.1 首先標(biāo)簽必須是小寫(xiě)的；
4.2 替換<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>標(biāo)簽為對(duì)應(yīng)MIP組件標(biāo)簽，具體見(jiàn)官網(wǎng)文檔。
4.3 引用MIP-JS 運(yùn)行環(huán)境 <script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在頁(yè)面尾部。
5. 使用MIP Cache注意事項(xiàng)
5.1 一般Cache圖片、樣式、腳本，做完上述4步后，修改資源地址為相對(duì)地址或合法絕對(duì)地址（以校驗(yàn)工具為準(zhǔn)）；
5.2 Cache的內(nèi)容需要更新需要通過(guò)MIP數(shù)據(jù)提交中的更新數(shù)據(jù)接口，把更新的url鏈接推送過(guò)去，等待百度更新。
6. 其他組件使用
6.1 除了上述這些需求外，一部分站點(diǎn)可能需要用到組件，官網(wǎng)文檔包含了目前支持的所有組件，本文簡(jiǎn)單舉例說(shuō)明一下使用百度統(tǒng)計(jì)該如何實(shí)現(xiàn)：
6.2 查找原有百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼(可全局查找 var _hmt 關(guān)鍵字)獲取token（hm.js?之后的編碼），在頁(yè)面底部，所有script前放入代碼：
6.3 去除原有百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼，刪除整段js.
隨著“互聯(lián)網(wǎng)+”時(shí)代的到來(lái)，全網(wǎng)營(yíng)銷(xiāo)已經(jīng)變得非常重要，你是否也想讓你的企業(yè)在網(wǎng)上發(fā)展更快更強(qiáng)大呢?那您身邊的深度網(wǎng)就是一家專(zhuān)致于企業(yè)營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，營(yíng)銷(xiāo)型手機(jī)網(wǎng)站建設(shè)的公司，不斷為傳統(tǒng)企業(yè)打造網(wǎng)絡(luò)快速賺錢(qián)機(jī)器，為不少企業(yè)贏得了搶占網(wǎng)絡(luò)市場(chǎng)的先機(jī)。而你離成功只差一個(gè)電話(huà)! 趕緊撥打深度網(wǎng)免費(fèi)熱線(xiàn)電話(huà)：400-615-8050。您可以點(diǎn)擊：
,進(jìn)行進(jìn)一步的咨詢(xún)!
獻(xiàn)血讓生命延續(xù)，奉獻(xiàn)使愛(ài)心永存。12月17日，公司組織員工開(kāi)展無(wú)償獻(xiàn)血活動(dòng)，同事們積極響應(yīng)號(hào)召，踴躍參與獻(xiàn)血活動(dòng)，以實(shí)際行動(dòng)弘揚(yáng)無(wú)私奉獻(xiàn)精神。
項(xiàng)目調(diào)研
簽訂協(xié)議
營(yíng)銷(xiāo)顧問(wèn)
營(yíng)銷(xiāo)型網(wǎng)站建設(shè)
項(xiàng)目運(yùn)營(yíng)
團(tuán)隊(duì)復(fù)制
