<cite id="f5qq5"><i id="f5qq5"><center id="f5qq5"></center></i></cite>
<ruby id="f5qq5"></ruby><ruby id="f5qq5"></ruby>

      <acronym id="f5qq5"></acronym><optgroup id="f5qq5"></optgroup>
      <ol id="f5qq5"><blockquote id="f5qq5"></blockquote></ol>

      全國咨詢熱線:
      當前位置:首頁 » 解決方案 » 【深度網分享】如何用MIP快速搭建體驗友好的移動頁面

      【深度網分享】如何用MIP快速搭建體驗友好的移動頁面

      文章出處:深圳市深度網絡有限公司作者:深度網 人氣:-發表時間:2016-12-13 14:42:00

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


        改造前期準備和注意事項:


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


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


        1. Doctype改造

        1.1 打開你的模板或代碼文件看第一行,將改為

        2. 標簽改造

        2.1 完成第一步后,繼續修改下一行代碼,將: 或: 改成:注意全部小寫

        3. Head部分改造

        3.1 標簽必須是完全小寫。

        3.2 頁面的編碼必須是utf-8,修改聲明為:

        3.3 頁面中加入

        3.4 頁面中加入MIP專用樣式文件< link rel="stylesheet" type="text/css" href="mip.css" >

        3.5 這里需要告訴搜索引擎改頁面對應的標準html頁面地址,如果存在則標識 其中href值修改成為與當前mip頁面相對應的標準頁面(移動頁)url地址。如果只有mip頁面沒有相對應的標準頁面則標識為: 其中的href值為當前頁面地址。詳細說明

        4. Body內改造

        4.1 首先標簽必須是小寫的;

        4.2 替換<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>標簽為對應MIP組件標簽,具體見官網文檔。

        4.3 引用MIP-JS 運行環境放在頁面尾部。

        5. 使用MIP Cache注意事項

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

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

        6. 其他組件使用

        6.1 除了上述這些需求外,一部分站點可能需要用到組件,官網文檔包含了目前支持的所有組件,本文簡單舉例說明一下使用百度統計該如何實現:

        6.2 查找原有百度統計工具查看統計JS代碼(可全局查找 var _hmt 關鍵字)獲取token(hm.js?之后的編碼),在頁面底部,所有script前放入代碼:

        6.3 去除原有百度統計工具查看統計JS代碼,刪除整段js.


      此文關鍵字:深度網
      爱看福利电影网