自動外鏈工具 在線排版工具 搜索引擎提交入口 wordpress主題推薦 批量打開網址工具 【老域名購買】 思享SEO導航 【網站合作】

新技術:百度MIP簡介及改造方法全解

1074
文章目錄
  1. 快速改造一個MIP站點

MIP—Mobile Instant Page(移動網頁加速器),簡言之是一套應用于移動網頁的開放性技術標準。

舉個例子,它與谷歌的AMP,Facebook的Instant Article類似,但兼具了兩者的優勢——速度及體驗。

通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。

MIP主要由三部分組織成:

  • MIP HTML
  • MIP JS
  • MIP Cache

MIP HTML基于HTML中的基礎標簽制定了全新的規范,通過對一部分基礎標簽的使用限制或功能擴展,使HTML能夠展現更加豐富的內容;MIP JS 可以保證 MIP HTML 頁面的快速渲染;MIP Cache 用于實現MIP頁面的高速緩存,從而進一步提高頁面性能。

快速改造一個MIP站點

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

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

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

改造前期準備和注意事項

  1. 首先你必須得有移動站點(當然你也可以完全重新開發MIP站);
  2. 你可以選擇直接將原先移動站改成MIP站,也可以單獨做一套MIP站與原移動站并存;
  3. 復雜的頁面暫不建議MIP改造,目前資訊、圖文類支持已較好,若功能較為復雜的建議自定義組件或等待MIP項目小組開發。
  4. 改造需具備一定的html知識,改造MIP請按照教程來,特別注意大小寫,建議全局小寫。

詳細改造流程

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

1、Doctype改造

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

也有可能是這么一句:

<!DOCTYPEhtml>

無論是哪句,記住第一句一定是:<!DOCTYPEhtml>

2、<Html>標簽改造

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

<htmlxmlns="http://www.w3.org/1999/xhtml">

或:<html>

直接改成:<htmlmip>注意大小寫

3、Head部分改造

  • <head>標簽必須是完全小寫。
  • 頁面的編碼必須是utf-8,修改聲明為:<metacharset="utf-8">
  • 頁面中加入<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">
  • 頁面中加入MIP專用樣式文件
  • <linkrel="stylesheet"type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css">
  • 這里需要告訴搜索引擎改頁面對應的標準html頁面地址,如果存在則標識<linkrel="standardhtml"href="https://www.baidu.com">其中href值https://www.baidu.com修改成為與當前mip頁面相對應的標準頁面(移動頁)url地址。如果只有MIP頁面沒有相對應的標準頁面則標識為:<linkrel="standardhtml"href="https://www.baidu.com">其中的href值為當前頁面地址。

4、Body內改造

  • 首先<body>標簽必須是小寫的;
  • 加入MIP專用JS文件:<scriptsrc="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script>
  • 常見標簽替換表常見標簽替換表

5、使用MIPCache注意事項

  • 一般Cache圖片、樣式、腳本,做完上述4步后,建議修改資源地址為相對地址;
  • Cache的內容需要更新需要通過MIP數據提交中的更新數據接口,把更新的url鏈接推送過去,等待百度更新。

更新推送鏈接

其他注意事項

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

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

  1. 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js放在</body>前。
  2. 去百度統計工具查看統計JS代碼統計代碼
  3. 獲取畫框部分token,在js引用代碼前放入代碼:<mip-stats-bidutoken="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-bidu>并將token值換成你統計代碼內的token值。

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

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

百度世界大會《MIP移動網頁加速器》完整版

來源:本文由思享SEO博客原創撰寫,歡迎分享本文,轉載請保留出處和鏈接!
seo培訓評論廣告

搶沙發

昵稱*

郵箱*

網址

七乐彩选号技巧