網站資訊 news
您現在的位置:首頁 > 網站資訊 > 如何用MIP快速搭建體驗友好的移動頁面
NEWS

新聞資訊

  • 【云風網絡】復工延期通知
    2020/02/09

      尊敬的客戶:由于新冠疫情原因!我公司復工延期,具體時間另行通知!期間只提供應急處理,帶來不便敬請諒解!

  • 2020寒假結束昆山市開學時間可能會推遲…
    2020/01/29

    蘇州關于加強新型冠狀病毒感染的肺炎疫情防控工作的通告(第3號) 2020-01-26 21:32 為維護公眾生命安全和身體健康,落實江蘇...

  • 簡單的html代碼 加粗 加亮 字型加大 變色的寫法
    2020/01/01

    字體加粗:<b>寫上你想寫的字</b> 字體加大: <big>寫上你想寫的字</big> 字體控制大?。?lt;h1>...

  • chrome瀏覽器如何將網頁保存為圖片
    2019/12/19

    1、ctrl+shift+i打開審查元素窗口 2、ctrl+shift+p,輸入full,回車 3、等待3秒鐘…

  • 老而不死的三種編程語言
    2019/11/07

    老而不死的三種編程語言 導讀: 在軟件世界中,鐵打的二進制,流水的語言。從計算機誕生至今,不知誕生了多少門編程語言。譯...

  • AI人工智能的10種常用算法
    2019/09/25

    ML的常用算法有個常識性的認識,沒有代碼,沒有復雜的理論推導,就是圖解一下,知道這些算法是什么,它們是怎么應用的,例子...

  • 網站如何進行安全設置
    2019/08/28

    為了安全起見,建議先做好全站數據和文件的備份,以下教程是AB模板網的總結經驗,本人也是這樣設置,并且沒有任何問題) 1、...

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

發布時間:2017/04/06 網站資訊 瀏覽次數:835

昆山網站建設

在讀這篇文章之前,請確定你已經了解MIP定義及加速原理。如果不確定的話,可以到MIP官網了解。文章內容來自MIP博客。

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

你可以選擇直接將原先的移動站點直接改成MIP站,也可以單獨再做一套MIP站點與移動站并存。

復雜的頁面暫不建議MIP改造,目前對資訊、圖文類支持已較好,若功能較為復雜的建議自定義組件或等待MIP項目小組開發。

改造需具備一定的html知識,改造MIP教程請按照教程來,特別注意大小寫,建議全局小寫。

我們從一個html頁面的上下順序一步步改造,只要按照本文章內的一步步來,即可完成MIP改造。

1. Doctype改造

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

2. <Html>標簽改造

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

3. Head部分改造

3.1 <head>標簽必須是完全小寫。

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 首先<body>標簽必須是小寫的;

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前放入代碼:<mip-stats-baidu token=”22090d4a309827eb62bc1335b2b28f11(網站統計token值)”></mip-stats-baidu>

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

更多教程參考,可查看:

[MIP新手指南]https://www.mipengine.org/doc/00-mip-101.html
[MIP 完整demo]https://www.mipengine.org/doc/01-mip-demo.html
[canonical使用說明]http://www.cnblogs.com/mipengine/p/canonical_link.html
站點在MIP改造中遇到任何問題,歡迎前往站長社區:MIP專區進行提問解惑。

云風網絡是集昆山網站制作,昆山網頁設計,昆山網站推廣于一體的昆山網絡公司,業務涵蓋:昆山手機網站制作,昆山網站設計,昆山網絡建設,昆山做網站,昆山網站建設,電話:13912673321

相關推薦
點擊這里給我發消息 技術咨詢
回到頂部
双色球在线自动选号