-
觸屏版
-
全國服務(wù)熱線：0571-87205688
- 云客網(wǎng)首頁
-
登錄
- |
-
注冊
- |
-
客戶中心
- |
-
關(guān)注云客
快速改造一個MIP站點(diǎn)（入門篇）
分享
評論
贊0
站長工具最近加入了新的成員“MIP引入”，很多站長對此迷糊不已，小編特別聯(lián)系了我們的版主飛鷹正義，讓他為大家講解下如何入門。飛鷹正義，本名翁新寶，百度站長社區(qū)超級版主，是國內(nèi)較早關(guān)注搜索引擎優(yōu)化研究的SEOER，具備多年的實(shí)戰(zhàn)經(jīng)驗(yàn)。為多家互聯(lián)網(wǎng)企業(yè)提供顧問式服務(wù)。此次他將用通俗易懂的方式帶大家簡單快速的理解和改造屬于自己的的MIP站點(diǎn)。
在進(jìn)行改造前我們再來回顧一下MIP是什么？能帶來哪些收益？
簡單來說MIP是由百度推出的一套移動網(wǎng)頁開放性標(biāo)準(zhǔn)，直白點(diǎn)說就是百度為了進(jìn)一步提高用戶體驗(yàn)進(jìn)而推出的一系列規(guī)范標(biāo)準(zhǔn)，站長參與MIP改造計劃能夠與百度共同獲得一定的收益。
從目前看來站長朋友改造MIP站點(diǎn)除了獲得收錄排序等潛在優(yōu)勢外，可以解決絕大部分站點(diǎn)因加載慢、展現(xiàn)慢等劣勢。雖然現(xiàn)在大部分站點(diǎn)解決了PC站點(diǎn)的加載速度，但因移動端的特性很多站點(diǎn)在移動端的全局加載并非能夠達(dá)到最佳狀態(tài)，那么通過改造MIP Cache就能夠緩存你的頁面資源！讓你免費(fèi)使用與百度搜索引擎一樣的CDN，你說是不是夠叼？
言歸正傳，我們來快速的改造，將原本的移動站點(diǎn)改造成為MIP站點(diǎn)。
一、 改造前期準(zhǔn)備和注意事項(xiàng)
1.首先你必須得有移動站點(diǎn)（當(dāng)然你也可以完全重新開發(fā)MIP站）；
2.你可以選擇直接將原先的移動站點(diǎn)直接改成MIP站，也可以單獨(dú)在做一套MIP站點(diǎn)與移動站并存。
3.復(fù)雜的頁面暫不建議MIP改造，目前支持資訊、圖文類支持已較好，若功能較為復(fù)雜的建議自定義組件或等待MIP項(xiàng)目小組開發(fā)。
4.改造需具備一定的html知識，改造MIP教程請按照教程來，特別注意大小寫，建議全局小寫。
二、 詳細(xì)改造流程
我們從一個html頁面的上下順序一步步改造，只要按照本文章內(nèi)的一步步來，即可完成Mip改造。
1. Doctype改造
1.1打開你的模板或代碼文件看第一行，不出意外的話是這么一句：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
也有可能是這么一句：
<!DOCTYPEhtml>
無論是那句記住第一句一定是：<!DOCTYPEhtml>
2. <Html>標(biāo)簽改造
2.1 完成第一步后，代碼往下看，將：
<htmlxmlns="http://www.w3.org/1999/xhtml">
或：<htmllang="en">
直接改成：<html mip> 注意大小寫
3.Head部分改造
3.1 <head>標(biāo)簽必須是完全小寫。
3.2 頁面的編碼必須是utf-8，修改聲明為：<metacharset="utf-8">
3.3頁面中加入<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">
3.4 頁面中加入MIP專用樣式文件< linkrel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >
3.5 這里需要告訴搜索引擎改頁面對應(yīng)的標(biāo)準(zhǔn)html頁面地址，如果存在則標(biāo)識<linkrel="standardhtml" href="https://www.baidu.com"> 其中href值https://www.baidu.com修改成為與當(dāng)前mip頁面相對應(yīng)的標(biāo)準(zhǔn)頁面（移動頁）url地址。如果只有mip頁面沒有相對應(yīng)的標(biāo)準(zhǔn)頁面則標(biāo)識為：<linkrel="standardhtml" href="https://www.baidu.com"> 其中的href值為當(dāng)前頁面地址。
4.Body內(nèi)改造
4.1首先<body>標(biāo)簽必須是小寫的；
4.2加入MIP專用JS文件：<script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script>
4.3 常見標(biāo)簽替換表
更全的標(biāo)簽禁止使用表請見：https://www.mipengine.org/doc/3-tech/1-mip-html.html
5.使用MIP Cache注意事項(xiàng)
5.1一般Cache圖片、樣式、腳本，做完上述4步后，建議修改資源地址為相對地址；
5.2Cache的內(nèi)容需要更新需要通過MIP數(shù)據(jù)提交中的更新數(shù)據(jù)接口，把更新的url鏈接推送過去，等待百度更新。
三、其他注意事項(xiàng)
3.1 本文旨在快速將移動站點(diǎn)改造成MIP站點(diǎn)，部分遺漏部分功能詳細(xì)見https://www.mipengine.org。
3.2 除了上述這些需求外，一部分站點(diǎn)可能需要用到組件，里面包含了目前來說支持的一部分組件，后續(xù)我在繼續(xù)講解組件的使用方法，因?qū)s引用的限制，我簡單舉例說明一下使用百度統(tǒng)計該如何實(shí)現(xiàn)：
3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在</body>前。
3.2.2 去百度統(tǒng)計工具查看統(tǒng)計JS代碼
3.2.3 獲取畫框部分token，在js引用代碼前放入代碼：<mip-stats-bidutoken="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-bidu>并將token值換成你統(tǒng)計代碼內(nèi)的token值。
3.3 上述步驟做完mip站點(diǎn)改造基本結(jié)束，我們在mip頁面標(biāo)識了標(biāo)準(zhǔn)頁面的地址，同樣為了加速收錄我們也需要在我們標(biāo)準(zhǔn)移動頁面標(biāo)識該頁面相對應(yīng)的mip頁面，代碼如下：<linkrel="standardhtml" href="改成該頁面對應(yīng)的mip頁面地址">
3.4 最后我們做完了mip頁面建議大家都做一下數(shù)據(jù)推送，會有意想不到的效果！
猜你喜歡
評論(0人參與，0條評論)
發(fā)布評論
最新評論