2016-09-07 分類: 網(wǎng)站建設(shè)
一、 改造前期準(zhǔn)備和注意事項(xiàng)
1.首先你必須得有移動(dòng)站點(diǎn)(當(dāng)然你也可以完全重新開發(fā)MIP站);
2.你可以選擇直接將原先的移動(dòng)站點(diǎn)直接改成MIP站,也可以單獨(dú)在做一套MIP站點(diǎn)與移動(dòng)站并存。
3.復(fù)雜的頁面暫不建議MIP改造,目前支持資訊、圖文類支持已較好,若功能較為復(fù)雜的建議自定義組件或等待MIP項(xiàng)目小組開發(fā)。
4.改造需具備一定的html知識(shí),改造MIP教程請(qǐng)按照教程來,特別注意大小寫,建議全局小寫。
二、 詳細(xì)改造流程
我們從一個(gè)html頁面的上下順序一步步改造,只要按照本文章內(nèi)的一步步來,即可完成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" >
3.5 這里需要告訴搜索引擎改頁面對(duì)應(yīng)的標(biāo)準(zhǔn)html頁面地址,如果存在則標(biāo)識(shí)
4.Body內(nèi)改造
4.1首先
4.2加入MIP專用JS文件:
4.3 常見標(biāo)簽替換表
原h(huán)tml標(biāo)簽 | 替換成 | 備注 | |||
在head內(nèi)style只能出現(xiàn)一次,請(qǐng)注意合并 | |||||
script | 不替換 | Script標(biāo)簽被列為禁止使用。需要JS部分可看看是否有組件支持。 | link | 不替換 | 不允許使用link標(biāo)簽進(jìn)行樣式表的加載 |
a | 不替換 | 但不可以href="javascript:",target必須設(shè)置為_blank | |||
frame | 原則禁止使用,組件支持詳見https://www.mipengine.org/doc/4-widget/3-extend-widget/iframe-widget.html | ||||
Form | 刪除該標(biāo)簽 | 禁止使用 | |||
input, textareaa, select, option | 禁止使用 |
更全的標(biāo)簽禁止使用表請(qǐng)見:
https://www.mipengine.org/doc/3-tech/1-mip-html.html5.使用MIP Cache注意事項(xiàng)
5.1一般Cache圖片、樣式、腳本,做完上述4步后,建議修改資源地址為相對(duì)地址;
5.2Cache的內(nèi)容需要更新需要通過MIP數(shù)據(jù)提交中的更新數(shù)據(jù)接口,把更新的url鏈接推送過去,等待百度更新。
三、其他注意事項(xiàng)
3.1 本文旨在快速將移動(dòng)站點(diǎn)改造成MIP站點(diǎn),部分遺漏部分功能詳細(xì)見https://www.mipengine.org。
3.2 除了上述這些需求外,一部分站點(diǎn)可能需要用到組件,里面包含了目前來說支持的一部分組件,后續(xù)我在繼續(xù)講解組件的使用方法,因?qū)s引用的限制,我簡(jiǎn)單舉例說明一下使用百度統(tǒng)計(jì)該如何實(shí)現(xiàn):
3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在前。
3.2.2 去百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼
3.2.3 獲取畫框部分token,在js引用代碼前放入代碼:
3.3 上述步驟做完mip站點(diǎn)改造基本結(jié)束,我們?cè)趍ip頁面標(biāo)識(shí)了標(biāo)準(zhǔn)頁面的地址,同樣為了加速收錄我們也需要在我們標(biāo)準(zhǔn)移動(dòng)頁面標(biāo)識(shí)該頁面相對(duì)應(yīng)的mip頁面,代碼如下:
3.4 最后我們做完了mip頁面建議大家都做一下數(shù)據(jù)推送,會(huì)有意想不到的效果!
分享文章:改造一個(gè)MIP站點(diǎn)
當(dāng)前鏈接:http://muchs.cn/news/46185.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)公司、定制開發(fā)、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容