您現在的位置: 网站首頁 / seo優化 / 正文

【大拿分享】快速改造一個MIP站點(入門篇)

作者: admin 发布: 2016-8-26 18:32:38 分类: seo優化 閱讀: 次 查看評論

  站長工具最近加入了新的成員“MIP引入”,很多站長對此迷糊不已,小編特別聯系了我們的版主飛鷹正義,讓他爲大家講解下如何入門。飛鷹正義,本名翁新寶,百度站長社區超級版主,是國內較早關注搜索引擎優化研究的SEOER,具備多年的實戰經驗。爲多家互聯網企業提供顧問式服務。此次他將用通俗易懂的方式帶大家簡單快速的理解和改造屬于自己的的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改造

  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>标签改造

  2.1 完成第一步后,代码往下看,将:

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

  或:<htmllang="en">

  直接改成:<html mip> 注意大小写

  3.Head部分改造

  3.1 <head>标签必须是完全小写。

  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 这里需要告诉搜索引擎改页面对应的标准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內改造

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

  4.2加入MIP专用JS文件:<script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script>

  4.3 常见标签替换表

  更全的標簽禁止使用表請見: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 放在</body>前。

  3.2.2 去百度统计工具查看统计JS代码

  

  3.2.3 获取画框部分token,在js引用代码前放入代码:<mip-stats-bidutoken="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-bidu>并将token值换成你统计代码内的token值。

  3.3 上述步骤做完mip站点改造基本结束,我们在mip页面标识了标准页面的地址,同样为了加速收录我们也需要在我们标准移动页面标识该页面相对应的mip页面,代码如下:<linkrel="standardhtml" href="改成该页面对应的mip页面地址">

  3.4 最后我们做完了mip页面建议大家都做一下数据推送,会有意想不到的效果!(文/百度站长平台)

  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: 百度MIP  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明確移動搜索優化標准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索優化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表