国产第三区-国产丶欧美丶日韩丶不卡影视-国产叼嘿久久精品久久-国产短视频精品区第一页-成人a大片高清在线观看-成人av在线播放

當前位置:首頁>新聞資訊 > 深度商學院 > 網站運營培訓 > 如何用MIP快速搭建體驗友好的移動頁面

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

文章出處:深圳市深度網絡有限公司 作者:深度網 閱讀量:- 發表時間:2016-12-13 14:26:00
標簽:

深度官網

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


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

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


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


  1. Doctype改造

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


  2.標簽改造

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


  3. Head部分改造

  3.1標簽必須是完全小寫。

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


  4. Body內改造

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

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

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


  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.


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

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

相關資訊

“紅色行動”無償獻血,深度網員工綻放正能量

“紅色行動”無償獻血,深度網員工綻放正能量

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

主站蜘蛛池模板: 91久久国产综合精品 | 精品国产一区二区三区19 | 福利片午夜 | 91啦视频在线 | 国产拳头交一区二区 | aa级国产女人毛片水真多 | 亚洲国产高清精品线久久 | 亚洲国产精品久久久天堂麻豆 | 丁香综合缴情六月婷婷 | 华人亚洲欧美精品国产 | 国产白白视频在线观看2 | 一本久道热中字伊人 | 亚洲国内 | 色噜噜狠狠先锋影音久久 | 久久久久综合国产 | 91免费视频观看 | 在线播放亚洲美女视频网站 | 亚洲一区二区免费在线观看 | 亚洲最大色网站 | 日韩精品一区二区三区四区 | 四虎久久精品国产 | 日本成人福利视频 | 69xxxxx19日本人| 日本一区二区成人教育 | 久久大香萑太香蕉综合网 | 色综合色综合色综合色综合 | 四虎免费看黄 | 中文字幕一区二区精品区 | 国产成人精品视频午夜 | 国产农村乱子伦精品视频 | 亚洲男人的天堂久久香蕉 | 中国一级特黄特色真人毛片 | 国产高清精品入口麻豆 | 91伊人影院 | 一区二区三区四区在线观看视频 | 中文字幕乱码二三区免费 | 国产综合在线观看 | 免费观看欧美成人1314w色 | 亚洲欧美日韩精品在线 | 国产精品久久久久免费a∨ 国产精品久久久久免费视频 | 91免费影视|