您现在的位置是:首页 > 实战优化干货实战优化干货

如何适配移动MIP加速,让网站疯狂上排名!

风雪  发布时间:2019-03-12 09:11:58  点击:次  来源:代代SEO  作者: 风雪

简介移动MIP是百度推出专门提速移动站点的利器,如果你的移动站点适配了MIP加速,那么速度提升30%是完全没有问题的,百度MIP也是专门针对“闪电算法”而诞生的,闪电算法要求移动站点的打开速度必须要2秒左右,而一般的网站是不可能达到的,所以百度便退出了MIP适配!

    移动MIP加速是什么?

    移动MIP是百度推出专门提速移动站点的利器,如果你的移动站点适配了MIP加速,那么速度提升30%是完全没有问题的,百度MIP也是专门针对“闪电算法”而诞生的,闪电算法要求移动站点的打开速度必须要2秒左右,而一般的网站是不可能达到的,所以百度便退出了MIP适配!但大家要注意:移动MIP只针对移动站点,并不适合PC站点!

    适配MIP移动加速后,对网站有什么好处?

    如果你的移动站点适配了MIP,用户打开速度会非常快,对用户体验非常好,同时也会增加熊账号的指数,百度也声明对MIP站点优先收录,且在排名上会优先于同类没有适配MIP的站点!另外打开MIP站点以后,显示的链接为百度链接,在用户眼里也会感觉网页比较有权威性!  

    独立移动站点如何适配MIP?

    如果你是独立移动站点,已经有一部分权重,我建议你单独开发一套MIP站点进行适配即可!要注意:移动站点跟MIP移动站点是可以并存的,不要把之前的移动站点改掉,以免因为修改站点导致流量下降。

    例如:m.xxx.com 和 mip.xxx.com 并存即可。

    如果你的移动站点没有权重,没有流量,我建议你直接把m站点,开发成MIP页面即可!

    例如:m.xxx.com 里面的页面开发成mip页面即可。

    自适应站点如何适配MIP?

    自适应站点,因为PC+移动都是一体的,所以只能重新开发一套mip站点,进行适配,不能直接把自适应站点改
成MIP页面,因为会影响到PC排名,MIP的标签,在PC端虽然也可以展示,但流量逐渐就会偏移到移动端上面去,导
致PC端排名大幅度下降!

    例如:www.xxx.com 为你的PC+移动自适应站点。

              mip.xxx.com 为你移动端mip站点即可(可以直接用自适应程序开发)。

    独立的PC站和移动站点如何适配MIP?

    这个就非常简单了,不要动PC、移动端,直接新开发一个MIP站点即可!对于新站而言,可以直接把移动端开
发成MIP站点。

    已经有权重的站点:www.xxx.com + m.xxx.com + mip.xxx.com

    新站,或者没流量:www.xxx.com + m.xxx.com(页面改为MIP)


    独立的PC站点可以适配MIP么?

    不可以,MIP标签并不适用与PC站点,强制加了MIP标签,百度会以为这是一个移动站点,会降低PC端权重,去排名移动端,如果百度识别你的站点不适应移动端,结果自然而知了,不但失去了PC端排名,同样也失去了移动端排名,所以你要明白MIP只适合于移动端!
    
    如何改造MIP页面? 

    这里简单说一下流程,如果你想深入学习开发,本站以后会更新,你也可以去“www。mipengine。org”进行详细学习,这个为MIP的官方网址!

    改造前期准备和注意事项

  (1)必须得有移动站点(也可以开发一套独立的MIP站);

  (2)你可以将原先的移动站点改成MIP,也可以单独做一套MIP站点并存。

  (3)若站点功能较为复杂,建议自定义组件开发或等待MIP项目小组开发。

  (4)改造需具备一定的html知识,改造MIP教程请按照教程来,建议全局小写。

    第一步: Doctype改造

  打开你的模板或代码文件看第一行,不出意外的话是这么一句:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

  也有可能是这么一句:

  <!DOCTYPE html>

  无论是那句,记住第一句都要改写成:<!DOCTYPE html>

Doctype的改造

    第二步:html标签改造

  完成第一步后,代码往下看,会看到:

  <htmlxmlns="http: xhtml?="" 1999="" www.w3.org=""> 或:<htmllang="en">

  直接改成:<html mip> 即可!

html标签的改造

    第三步:Head部分改造

  (1)页面的编码必须是utf-8,修改声明为:<metacharset="utf-8">
  
    (2)页面中加入移动适配标签:

        <metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

移动适配标签

  (3)页面中加入MIP专用样式文件

        <linkrel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

MIP专用样式文件

    (4)<link rel="miphtml"> 和 <link rel="canonical"> 主要用于告知搜索引擎页面间的关系。添加关联标签后,MIP 页的会继承 原页面(移动端) 的点击权重,同时 MIP 页 将作为搜索引擎的首选导流页面。
    
     1,在你的MIP站点中加入对应适配的移动站点页面

      <link rel="canonical" href="对应移动端页面">

     2,在你移动站点中,加入对应MIP站点页面

      <link rel="miphtml" href="对应MIP端页面">

     3,如果直接开发的MIP站点,或者直接改造了移动站点为MIP直接对应当前URL即可!  

      <link rel="canonical" href="填写当前页面URL即可">

    <link rel="miphtml">对应标签的添加

    (5)所有css样式全部写在<stylemip-custom></style>中,不要向外部调用!

MIP中的CSS导入方式

    (6)删除所有js文件,如需js请自行开发功能组件进行调用,大家可以参考这里:

      “www.mipengine.org/doc/3-widget/10-widgets.html”

    第四步:Body内改造

      (1)加入MIP专用JS文件:

       <script src="https://c.mipcdn.com/static/v2/mip.js"></script>

      MIP中的js增加方式

      (2)常见标签替换表
  
       更加详细的标签替换参考:“www.mipengine.org/v2/docs/mip-standard/mip-html-spec.html”

css标签替换

      第五步:MIP验证

      当你改造完毕MIP页面后,可以到MIP官方进行验证网址“www.mipengine.org/validator/validate”

MIP的验证


      校正中遇到各种问题请访问这个网址进行排查解决:“www.mipengine.org/v2/docs/mip-standard/mip-validate.html”

      好了,今天风雪就为大家讲解到这里,这篇文章很全面,同时希望大家用心学习,开发出自己的MIP站点,不过我已经删除掉了MIP站点,因为站太多我根本维护不过来,增加了MIP站点就要多维护一个站点,且我服务器速度也是可以的,不用担心用户体验问题!

Tags:百度MIP   移动站点

很赞哦! ()

随机图文

文章评论

站点信息

  • 建站时间:2019-1-20
  • 网站程序:帝国CMS7.5
  • 行业分类:SEO优化、网站建设
  • 网站管理:风雪满湘城
  • 文章统计:85篇文章
  • 标签管理标签云
  • 最新文章点击阅读
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们