智順網絡設計出品
掃描關注網站建設微信公眾賬號

掃一掃微信二維碼

加入MIP,讓移動搜索排名飛起來

智順網絡.2016-12-29.常見問題.

MIP,是一套應用于移動網頁的開放性技術標準
MIP,是一個打包的頁面加載提升解決方案
MIP,是移動網頁加速器

1. 創建 HTML 文件
首先創建一個標準的 HTML 文件, 注意:
在標簽中增加mip標識
編碼為 utf-8
添加meta-viewport,用于移動端展現
例如下面的代碼:

2. 添加MIP運行環境
在 HTML 代碼中,添加MIP依賴的mip.js和mip.css。

3. 添加 MIP 關聯標簽
和主要用于告知搜索引擎頁面間的關系。添加關聯標簽后,MIP頁的會繼承原頁面(移動端)的點擊權重,同時MIP頁將作為搜索引擎的首選導流頁面。
使用規則:

在MIP 頁中使用,在原頁面使用。
若原頁面中已經存在標簽指向PC頁,則MIP頁的 href 也指向PC頁。
若 MIP頁沒有對應的原頁面,則指向MIP頁本身url。  
  

4. 添加樣式

出于速度考慮,建議內聯使用 css 樣式。所有樣式寫在 中,注意:style 標簽僅允許出現一次。      

5. 替換禁用 HTML 標簽
MIP十分關注頁面速度,也因此禁用了一些引起拖慢速度的html標簽(禁用列表)。例如,
標簽會引起瀏覽器的repaint和reflow,為了避免這些,MIP提供了替代標簽
,詳見使用文檔 

6. 使用MIP組件
出于對代碼質量和性能的考慮,MIP頁中不允許自定義javascript代碼,所有的交互通過引入MIP組件實現。MIP組件可以理解為封裝了js的自定義html標簽。上一步中的也是一個MIP組件。點擊這里查看更多組件。我們以分享組件為例,根據分享組件文檔,組件對應的html標簽為,需要依賴//mipcache.bdstatic.com/static/v1/mip-share/mip-share.js腳本,用在頁面里就是這樣:   

在使用組件時,請注意閱讀組件文檔,查看組件是否依賴額外腳本。如果依賴,請在mip.js之后引入腳本。

7. 預覽
開發完成后,可以使用MIP校驗工具保證代碼規范。
MIP頁文件可以直接運行,你可以選擇如下方式,像預覽普通HTML站點一樣預覽 MIP HTML 頁面:
直接在瀏覽器中打開(由于XML Http Requests失敗可能會導致某些元素預覽失。
在本地部署一個服務,如apache,nginx等

8. 起飛
到目前為止,你已經創建好了一個MIP頁面。這個頁面有圖,有文,能分享,可以在瀏覽器中運行。

進階的內容,請參考
MIP HTML 規范
組件布局
MIP 加速原理
擴展組件開發規范
更多內容請參考百度MIP使用文檔:https://www.mipengine.org/doc/00-mip-101.html


文章關鍵詞
MIP
移動搜索排名
体彩内蒙古11选5 江苏快3开奖预测 玩彩票稳赚的方法技巧 黑龙江6+1开奖视频 江苏快三的走势图和值 云南时时彩开奖结果219 浙江体彩6十1奖金多少 四川快乐十二助手 上海快3玩法到底是什么 广西快3官方开奖结果 新能源龙头股票