<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    如何用MIP快速搭建體驗(yàn)友好的移動(dòng)頁(yè)面

    作者:問(wèn)淺 瀏覽:127 發(fā)布時(shí)間:2017-12-16
    分享 評(píng)論 0

    如何用MIP快速搭建體驗(yàn)友好的移動(dòng)頁(yè)面

    作者: admin 發(fā)布: 2017-1-2 22:19:2 分類(lèi): seo優(yōu)化 閱讀: 1243次 查看評(píng)論

      在讀這篇文章之前,請(qǐng)確定你已經(jīng)了解MIP定義及加速原理。如果不確定的話(huà),可以到MIP官網(wǎng)了解。文章內(nèi)容來(lái)自MIP博客。

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

      你可以選擇直接將原先的移動(dòng)站點(diǎn)直接改成MIP站,也可以單獨(dú)再做一套MIP站點(diǎn)與移動(dòng)站并存。

      復(fù)雜的頁(yè)面暫不建議MIP改造,目前對(duì)資訊、圖文類(lèi)支持已較好,若功能較為復(fù)雜的建議自定義組件或等待MIP項(xiàng)目小組開(kāi)發(fā)。

      改造需具備一定的html知識(shí),改造MIP教程請(qǐng)按照教程來(lái),特別注意大小寫(xiě),建議全局小寫(xiě)。

      我們從一個(gè)html頁(yè)面的上下順序一步步改造,只要按照本文章內(nèi)的一步步來(lái),即可完成MIP改造。

      1. Doctype改造

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

      2. <Html>標(biāo)簽改造

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

      3. Head部分改造

      3.1 <head>標(biāo)簽必須是完全小寫(xiě)。

      3.2 頁(yè)面的編碼必須是utf-8,修改聲明為:<meta charset="utf-8">

      3.3 頁(yè)面中加入<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">

      3.4 頁(yè)面中加入MIP專(zhuān)用樣式文件< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >

      3.5 這里需要告訴搜索引擎改頁(yè)面對(duì)應(yīng)的標(biāo)準(zhǔn)html頁(yè)面地址,如果存在則標(biāo)識(shí)<link rel="canonical" href="https://www.baidu.com"> 其中href值修改成為與當(dāng)前mip頁(yè)面相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面(移動(dòng)頁(yè))url地址。如果只有mip頁(yè)面沒(méi)有相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面則標(biāo)識(shí)為:<link rel="canonical" href="https://www.baidu.com"> 其中的href值為當(dāng)前頁(yè)面地址。詳細(xì)說(shuō)明

      4. Body內(nèi)改造

      4.1 首先<body>標(biāo)簽必須是小寫(xiě)的;

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

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

      5. 使用MIP Cache注意事項(xiàng)

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

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

      6. 其他組件使用

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

      6.2 查找原有百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼(可全局查找 var _hmt 關(guān)鍵字)獲取token(hm.js?之后的編碼),在頁(yè)面底部,所有script前放入代碼:<mip-stats-baidu token="22090d4a309827eb62bc1335b2b28f11(網(wǎng)站統(tǒng)計(jì)token值)"></mip-stats-baidu>

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


    中文字幕人妻无码一区二区三区| 日本中文字幕中出在线| 一本大道香蕉中文日本不卡高清二区| 日韩精品无码一区二区中文字幕| 日韩欧美中文亚洲高清在线| 性无码专区| 本免费AV无码专区一区| 亚洲真人无码永久在线| 中文字幕免费观看| 日本阿v网站在线观看中文| 无码国产成人午夜电影在线观看| 无码专区狠狠躁躁天天躁| 极品粉嫩嫩模大尺度无码视频| 人妻精品久久久久中文字幕69| 亚洲Av无码乱码在线znlu| 久久久久久亚洲AV无码专区| 国产亚洲大尺度无码无码专线 | 久久久久亚洲AV无码麻豆| 中文字幕无码乱人伦| 人妻少妇看A偷人无码电影| 国产一区三区二区中文在线| 波多野结衣中文在线| AV无码人妻中文字幕| 久久亚洲中文字幕精品有坂深雪| 中文字幕无码av激情不卡久久| 国产日产欧洲无码视频无遮挡| 精品无码AV无码免费专区| 无码乱人伦一区二区亚洲| 西西午夜无码大胆啪啪国模| 伊人久久无码中文字幕| 亚洲欧洲无码AV电影在线观看| 国产台湾无码AV片在线观看| 国产色无码专区在线观看| 亚洲AV无码专区在线播放中文| 亚洲AV无码乱码国产麻豆| 亚洲AV永久无码区成人网站 | 99无码熟妇丰满人妻啪啪| 69ZXX少妇内射无码| 亚洲免费日韩无码系列 | 天堂资源8中文最新版| 在线日韩中文字幕|