大赢家幸运赛车直播
DEDECMS 模板中心

您現在的位置:主頁 > 織夢大學 > 手機站教程 >

百度MIP移動加速器實操指南三(實站操作)

來源:未知 編輯:admin 發布時間:2019-11-07熱度:
前面兩篇課程,我們分別介紹了MIP的入門認識和操作流程,今天我們進行實站織夢MIP操作,網站可以選擇直接將原先的移動站點直接改成MIP站,也可以單獨再做一套MIP站點與移動站并存...

前面兩篇課程,我們分別介紹了MIP的入門認識和操作流程,今天我們進行實站織夢MIP操作,網站可以選擇直接將原先的移動站點直接改成MIP站,也可以單獨再做一套MIP站點與移動站并存。從一個html頁面的上下順序一步步改造,只要按照本文章內的一步步來,即可完成MIP改造。

1. Doctype改造

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

2. <Html>標簽改造

2.1 完成第一步后,繼續修改下一行代碼,將: <html xmlns="http://www.w3.org/1999/xhtml">或:<html lang="en"> 改成:<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/mipmain-v1.0.1.css" >

3.5 這里需要告訴搜索引擎改頁面對應的標準html頁面地址,如果存在則標識<link rel="canonical" href="H5/PC原頁面"> 其中href值修改成為與當前mip頁面相對應的標準頁面url地址。如果只有mip頁面沒有相對應的標準頁面則標識為:<link rel="standardhtml" href="MIP自身"> 其中的href值為當前頁面地址。

4. Body內改造

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

4.2 加入MIP專用JS文件:<script src="https://mipcache.bdstatic.com/static/mipmain-v1.0.2.js"></script>

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

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

5. 使用MIP Cache注意事項

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

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

6. 組件的使用

6.1 除了上述這些需求外,一部分站點可能需要用到組件,官網文檔包含了目前支持的所有組件,詳見《組件概述》。

6.2 目前官網開發了很多通用性組件,并提供了使用示例,以百度統計組件為例:在百度統計中申請js統計代碼,將其中的token值截取出來,如下圖所示字符串:

百度統計,百度MIP網站

將字符串以<mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu>的形式植入到頁面中,并在頁面中嵌入 <script src="https://mipcache.bdstatic.com/static/v1.1/mip-stats-baidu.js"></script>

以上步驟就可以將百度統計組件植入到MIP頁面中了!

6.3特定組件的使用:對于官網沒有的組件,網站可以自主開發組件接入,具體方法可以參考《擴展組件開發規范》;

DedeCMS問題解決

請點擊在線聯系我們【點擊咨詢解決問題】   如果您有任何織夢問題,我們將免費為您寫解決教程!

用心認真寫教程不易,請小打賞我們一下,多少是心意,解決問題是重點

【打賞說明】 如果您認為在本站中看的內容質量不錯、或閱讀后有所收獲、或解決您遇到的實際問題,那不妨小金額的贊助一下尚禹科技,讓尚禹科技有動力繼續寫出更多高質量的教程和心得。以幫助更多的人。[查看打賞記錄]

    尚禹科技:承接仿站業務,價格200元起!
    ?
    大赢家幸运赛车直播 现场足球彩票比分胜负 足彩比分直播500万 兰州沐足转让 湖南幸运赛车 辽宁朝阳麻将下载 股票涨跌百分比怎么计算 棋牌游戏app下载 足彩半全场 比分网不弹出比分 盈迅网球比分 麻将来了哪种赢分快 广东十一选五官方 avstar男用自慰日本女优名器 吉林十一选五走势图 日本av女优性爱视频 河南11选5开奖结果