日本精品视频一区二区-日本精品中文字幕在线播放-日本久草视频-日本久草网-日本久久道一区二区三区


【移動網頁加載神器】如何快速改造一個MIP站點

2016年 / 11月03日

在由InfoQ主辦的QCON技術大會上,百度搜索資深工程師沈洲 大規模前端系統專題中做了名為《移動頁面加速框架的探索與實踐》的主題演講,其中,提到了一種開源新技術 --MIP這讓小編意識到之前一直忽略的知識點及問題,小編雖然從事SEO已經有幾個年頭了,但一直以來都是從事PC端的優化工作,而忽略了移動端,這幾年隨著手機智能化的發展,移動端已經成為主流,其中的流量已經有超過PC端的勢頭。所以,小編不得不正視這個問題,并最近瘋狂的認識并學習MIP—移動網頁加速器。下面把自己所學習和了解的分享給大家。

MIP到底是什么?

從百度MIP的官方資料,我們可以查閱到:

  MIP Mobile Instant Pages - 移動網頁加速器), 是一套應用于移動網頁的開放性技術標準。通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。

簡單來說MIP是由百度推出的一套移動網頁開放性標準,直白點說就是百度為了進一步提高用戶體驗進而推出的一系列規范標準,站長參與MIP改造計劃能夠與百度共同獲得一定的收益。

從目前看來站長朋友改造MIP站點除了獲得收錄排序等潛在優勢外,可以解決絕大部分站點因加載慢、展現慢等劣勢。雖然現在大部分站點解決了PC站點的加載速度,但因移動端的特性很多站點在移動端的全局加載并非能夠達到最佳狀態,那么通過改造MIP Cache就能夠緩存你的頁面資源!讓你免費使用與百度搜索引擎一樣的CDN,你說是不是夠叼?

言歸正傳,我們來快速的改造,將原本的移動站點改造成為MIP站點。

一、  改造前期準備和注意事項

1.首先你必須得有移動站點(當然你也可以完全重新開發MIP站);

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

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

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

二、 詳細改造流程

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

1. Doctype改造

1.1打開你的模板或代碼文件看第一行,不出意外的話是這么一句:

也有可能是這么一句:

無論是那句記住第一句一定是:

2.標簽改造

2.1 完成第一步后,代碼往下看,將:

或:

直接改成:注意大小寫

3.Head部分改造

3.1標簽必須是完全小寫。

3.2 頁面的編碼必須是utf-8,修改聲明為:

3.3頁面中加入

3.4   頁面中加入MIP專用樣式文件< linkrel="stylesheet" type="text/css" data-ke-src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

3.5   這里需要告訴搜索引擎改頁面對應的標準html頁面地址,如果存在則標識 其中hrefhttps://www.baidu.com修改成為與當前mip頁面相對應的標準頁面(移動頁)url地址。如果只有mip頁面沒有相對應的標準頁面則標識為: 其中的href值為當前頁面地址。

4.Body內改造

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

4.2加入MIP專用JS文件:


4.3   常見標簽替換表

MIP站點常見標簽替換表


更全的標簽禁止使用表請見:https://www.mipengine.org/doc/3-tech/1-mip-html.html

 5.使用MIP Cache注意事項

5.1一般Cache圖片、樣式、腳本,做完上述4步后,建議修改資源地址為相對地址;

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

三、其他注意事項

3.1 本文旨在快速將移動站點改造成MIP站點,部分遺漏部分功能詳細見https://www.mipengine.org

3.2 除了上述這些需求外,一部分站點可能需要用到組件,里面包含了目前來說支持的一部分組件,后續我在繼續講解組件的使用方法,因對js引用的限制,我簡單舉例說明一下使用百度統計該如何實現:

3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在前。

3.2.2 去百度統計工具查看統計JS代碼

如何快速改造一個MIP站點

3.2.3 獲取畫框部分token,在js引用代碼前放入代碼:并將token值換成你統計代碼內的token值。

3.3 上述步驟做完mip站點改造基本結束,我們在mip頁面標識了標準頁面的地址,同樣為了加速收錄我們也需要在我們標準移動頁面標識該頁面相對應的mip頁面,代碼如下:改成該頁面對應的mip頁面地址">

3.4 最后我們做完了mip頁面建議大家都做一下數據推送,會有意想不到的效果!

     



拓展閱讀:

MIP數據推送方法:

MIP數據推送方法



推送方式:

MIP數據推送方法






主站蜘蛛池模板: 国产高清免费影视在线观看 | 国产精品一区二区不卡 | 亚洲欧美视频 | 91极品女神嫩模在线播放 | 欧美啊片 | 免费黄色小视频网站 | 日韩欧美一二三区 | 91极品视频| 国产精品日本不卡一区二区 | 久久精品亚洲牛牛影视 | 外国激情视频 | 欧美一区二区三区性 | 国产精品日本一区二区不卡视频 | a级片网站 | 国产图片综合区 | 中国xx爽69护士 | 免费的毛片视频 | 久久久国产精品免费 | 最新精品视频在线观看 | 亚洲综合激情另类专区 | 成人在线观看网址 | 成人国产午夜在线视频 | 美国美女一级片 | 成年人黄色在线观看 | 日韩一级片免费观看 | 青青草原综合久久大伊人精品 | 日本三级免费片 | 毛片在线看网站 | 中国做爰国产精品视频 | 久久久久久久岛国免费播放 | 欧美黄色a级 | 小视频在线观看免费 | 日韩欧美中文字幕出 | 性做久久久久久网站 | 偷看老师裙底无内裤福利图片 | 成人在线播放av | 看一级特黄a大一片 | 日高千晶在线观看 | 精品亚洲永久免费精品 | 美女黄色在线观看 | 国产成人亚洲精品老王 |