免费国产VA在线观看,777爽死你无码免费看一二区,日本JAPANESE漂亮丰满,在线播放国产精品三级

當(dāng)前位置：首頁>新聞資訊 > 深度商學(xué)院 > 網(wǎng)站運營培訓(xùn) > 如何用MIP快速搭建體驗友好的移動頁面

如何用MIP快速搭建體驗友好的移動頁面

文章出處：深圳市深度網(wǎng)絡(luò)有限公司 作者：深度網(wǎng) 閱讀量：- 發(fā)表時間：2016-12-13 14:26:00
標(biāo)簽：

深度官網(wǎng)

　　導(dǎo)讀：在讀這篇文章之前，請確定你已經(jīng)了解MIP定義及加速原理。如果不確定的話，可以到MIP官網(wǎng)了解。那今天【深度網(wǎng)】小編就來說說如何用MIP快速搭建體驗友好的移動頁面。


　　改造前期準(zhǔn)備和注意事項:

你可以選擇直接將原先的移動站點直接改成MIP站，也可以單獨再做一套MIP站點與移動站并存。復(fù)雜的頁面暫不建議MIP改造，目前對資訊、圖文類支持已較好，若功能較為復(fù)雜的建議自定義組件或等待MIP項目小組開發(fā)。


　　改造需具備一定的html知識，改造MIP教程請按照教程來，特別注意大小寫，建議全局小寫。我們從一個html頁面的上下順序一步步改造，只要按照本文章內(nèi)的一步步來，即可完成MIP改造。


　　1. Doctype改造

　　1.1 打開你的模板或代碼文件看第一行，將<! DOCTYPE ***>改為<!DOCTYPE html>


　　2.標(biāo)簽改造

　　2.1 完成第一步后，繼續(xù)修改下一行代碼，將： <html xmlns="http://www.w3.org/1999/xhtml">或：<html> 改成：<html mip>注意全部小寫。


　　3. Head部分改造

　　3.1標(biāo)簽必須是完全小寫。

　　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 這里需要告訴搜索引擎改頁面對應(yīng)的標(biāo)準(zhǔn)html頁面地址，如果存在則標(biāo)識<link rel="canonical" href="https://www.baidu.com"> 其中href值修改成為與當(dāng)前mip頁面相對應(yīng)的標(biāo)準(zhǔn)頁面（移動頁）url地址。如果只有mip頁面沒有相對應(yīng)的標(biāo)準(zhǔn)頁面則標(biāo)識為：<link rel="canonical" href="https://www.baidu.com"> 其中的href值為當(dāng)前頁面地址。


　　4. Body內(nèi)改造

　　4.1 首先標(biāo)簽必須是小寫的；

　　4.2 替換<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>標(biāo)簽為對應(yīng)MIP組件標(biāo)簽，具體見官網(wǎng)文檔。

　　4.3 引用MIP-JS 運行環(huán)境 <script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在頁面尾部。


　　5. 使用MIP Cache注意事項

　　5.1 一般Cache圖片、樣式、腳本，做完上述4步后，修改資源地址為相對地址或合法絕對地址（以校驗工具為準(zhǔn)）；

　　5.2 Cache的內(nèi)容需要更新需要通過MIP數(shù)據(jù)提交中的更新數(shù)據(jù)接口，把更新的url鏈接推送過去，等待百度更新。


　　6. 其他組件使用


　　6.1 除了上述這些需求外，一部分站點可能需要用到組件，官網(wǎng)文檔包含了目前支持的所有組件，本文簡單舉例說明一下使用百度統(tǒng)計該如何實現(xiàn)：

　　6.2 查找原有百度統(tǒng)計工具查看統(tǒng)計JS代碼(可全局查找 var _hmt 關(guān)鍵字)獲取token（hm.js?之后的編碼），在頁面底部，所有script前放入代碼：

　　6.3 去除原有百度統(tǒng)計工具查看統(tǒng)計JS代碼，刪除整段js.


  　隨著“互聯(lián)網(wǎng)+”時代的到來，全網(wǎng)營銷已經(jīng)變得非常重要，你是否也想讓你的企業(yè)在網(wǎng)上發(fā)展更快更強大呢?那您身邊的深度網(wǎng)就是一家專致于企業(yè)營銷型網(wǎng)站建設(shè)，營銷型手機網(wǎng)站建設(shè)的公司，不斷為傳統(tǒng)企業(yè)打造網(wǎng)絡(luò)快速賺錢機器，為不少企業(yè)贏得了搶占網(wǎng)絡(luò)市場的先機。而你離成功只差一個電話!  趕緊撥打深度網(wǎng)免費熱線電話：400-615-8050。您可以點擊：20150812105449203.jpg,進行進一步的咨詢!

上一篇 百度SEM賬戶運營中的基本設(shè)置操作，你會了嘛?下一篇 青島華詩麗娃借助營銷型網(wǎng)站年營業(yè)額突破1000w，并在徐州成立了分公司

相關(guān)資訊

“紅色行動”無償獻(xiàn)血，深度網(wǎng)員工綻放正能量

“紅色行動”無償獻(xiàn)血，深度網(wǎng)員工綻放正能量

獻(xiàn)血讓生命延續(xù)，奉獻(xiàn)使愛心永存。12月17日，公司組織員工開展無償獻(xiàn)血活動，同事們積極響應(yīng)號召，踴躍參與獻(xiàn)血活動，以實際行動弘揚無私奉獻(xiàn)精神。