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

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

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

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

    移动MIP加速是什么?S6c代代SEO博客
S6c代代SEO博客
    移动MIP是百度推出专门提速移动站点的利器,如果你的移动站点适配了MIP加速,那么速度提升30%是完全没有问题的,百度MIP也是专门针对“闪电算法”而诞生的,闪电算法要求移动站点的打开速度必须要2秒左右,而一般的网站是不可能达到的,所以百度便退出了MIP适配!但大家要注意:移动MIP只针对移动站点,并不适合PC站点!S6c代代SEO博客
S6c代代SEO博客
    适配MIP移动加速后,对网站有什么好处?S6c代代SEO博客
S6c代代SEO博客
    如果你的移动站点适配了MIP,用户打开速度会非常快,对用户体验非常好,同时也会增加熊账号的指数,百度也声明对MIP站点优先收录,且在排名上会优先于同类没有适配MIP的站点!另外打开MIP站点以后,显示的链接为百度链接,在用户眼里也会感觉网页比较有权威性!  S6c代代SEO博客
S6c代代SEO博客
    独立移动站点如何适配MIP?S6c代代SEO博客
S6c代代SEO博客
    如果你是独立移动站点,已经有一部分权重,我建议你单独开发一套MIP站点进行适配即可!要注意:移动站点跟MIP移动站点是可以并存的,不要把之前的移动站点改掉,以免因为修改站点导致流量下降。S6c代代SEO博客
S6c代代SEO博客
    例如:m.xxx.com 和 mip.xxx.com 并存即可。S6c代代SEO博客
S6c代代SEO博客
    如果你的移动站点没有权重,没有流量,我建议你直接把m站点,开发成MIP页面即可!S6c代代SEO博客
S6c代代SEO博客
    例如:m.xxx.com 里面的页面开发成mip页面即可。S6c代代SEO博客
S6c代代SEO博客
    自适应站点如何适配MIP?S6c代代SEO博客
S6c代代SEO博客
    自适应站点,因为PC+移动都是一体的,所以只能重新开发一套mip站点,进行适配,不能直接把自适应站点改S6c代代SEO博客
成MIP页面,因为会影响到PC排名,MIP的标签,在PC端虽然也可以展示,但流量逐渐就会偏移到移动端上面去,导S6c代代SEO博客
致PC端排名大幅度下降!S6c代代SEO博客
S6c代代SEO博客
    例如:www.xxx.com 为你的PC+移动自适应站点。S6c代代SEO博客
S6c代代SEO博客
              mip.xxx.com 为你移动端mip站点即可(可以直接用自适应程序开发)。S6c代代SEO博客
S6c代代SEO博客
    独立的PC站和移动站点如何适配MIP?S6c代代SEO博客
S6c代代SEO博客
    这个就非常简单了,不要动PC、移动端,直接新开发一个MIP站点即可!对于新站而言,可以直接把移动端开S6c代代SEO博客
发成MIP站点。S6c代代SEO博客
S6c代代SEO博客
    已经有权重的站点:www.xxx.com + m.xxx.com + mip.xxx.comS6c代代SEO博客
S6c代代SEO博客
    新站,或者没流量:www.xxx.com + m.xxx.com(页面改为MIP)
S6c代代SEO博客
S6c代代SEO博客
    独立的PC站点可以适配MIP么?S6c代代SEO博客
S6c代代SEO博客
    不可以,MIP标签并不适用与PC站点,强制加了MIP标签,百度会以为这是一个移动站点,会降低PC端权重,去排名移动端,如果百度识别你的站点不适应移动端,结果自然而知了,不但失去了PC端排名,同样也失去了移动端排名,所以你要明白MIP只适合于移动端!S6c代代SEO博客
    S6c代代SEO博客
    如何改造MIP页面? S6c代代SEO博客
S6c代代SEO博客
    这里简单说一下流程,如果你想深入学习开发,本站以后会更新,你也可以去“www。mipengine。org”进行详细学习,这个为MIP的官方网址!S6c代代SEO博客
S6c代代SEO博客
    改造前期准备和注意事项S6c代代SEO博客
S6c代代SEO博客
  (1)必须得有移动站点(也可以开发一套独立的MIP站);S6c代代SEO博客
S6c代代SEO博客
  (2)你可以将原先的移动站点改成MIP,也可以单独做一套MIP站点并存。S6c代代SEO博客
S6c代代SEO博客
  (3)若站点功能较为复杂,建议自定义组件开发或等待MIP项目小组开发。S6c代代SEO博客
S6c代代SEO博客
  (4)改造需具备一定的html知识,改造MIP教程请按照教程来,建议全局小写。S6c代代SEO博客
S6c代代SEO博客
    第一步: Doctype改造S6c代代SEO博客
S6c代代SEO博客
  打开你的模板或代码文件看第一行,不出意外的话是这么一句:S6c代代SEO博客
S6c代代SEO博客
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> S6c代代SEO博客
S6c代代SEO博客
  也有可能是这么一句:S6c代代SEO博客
S6c代代SEO博客
  <!DOCTYPE html>S6c代代SEO博客
S6c代代SEO博客
  无论是那句,记住第一句都要改写成:<!DOCTYPE html>S6c代代SEO博客
S6c代代SEO博客
Doctype的改造S6c代代SEO博客
S6c代代SEO博客
    第二步:html标签改造S6c代代SEO博客
S6c代代SEO博客
  完成第一步后,代码往下看,会看到:S6c代代SEO博客
S6c代代SEO博客
  <htmlxmlns="http: xhtml?="" 1999="" www.w3.org=""> 或:<htmllang="en">S6c代代SEO博客
S6c代代SEO博客
  直接改成:<html mip> 即可!S6c代代SEO博客
S6c代代SEO博客
html标签的改造S6c代代SEO博客
S6c代代SEO博客
    第三步:Head部分改造S6c代代SEO博客
S6c代代SEO博客
  (1)页面的编码必须是utf-8,修改声明为:<metacharset="utf-8">S6c代代SEO博客
  S6c代代SEO博客
    (2)页面中加入移动适配标签:S6c代代SEO博客
S6c代代SEO博客
        <metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">S6c代代SEO博客
S6c代代SEO博客
移动适配标签S6c代代SEO博客
S6c代代SEO博客
  (3)页面中加入MIP专用样式文件S6c代代SEO博客
S6c代代SEO博客
        <linkrel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >S6c代代SEO博客
S6c代代SEO博客
MIP专用样式文件S6c代代SEO博客
S6c代代SEO博客
    (4)<link rel="miphtml"> 和 <link rel="canonical"> 主要用于告知搜索引擎页面间的关系。添加关联标签后,MIP 页的会继承 原页面(移动端) 的点击权重,同时 MIP 页 将作为搜索引擎的首选导流页面。S6c代代SEO博客
    S6c代代SEO博客
     1,在你的MIP站点中加入对应适配的移动站点页面S6c代代SEO博客
S6c代代SEO博客
      <link rel="canonical" href="对应移动端页面">S6c代代SEO博客
S6c代代SEO博客
     2,在你移动站点中,加入对应MIP站点页面S6c代代SEO博客
S6c代代SEO博客
      <link rel="miphtml" href="对应MIP端页面">S6c代代SEO博客
S6c代代SEO博客
     3,如果直接开发的MIP站点,或者直接改造了移动站点为MIP直接对应当前URL即可!  S6c代代SEO博客
S6c代代SEO博客
      <link rel="canonical" href="填写当前页面URL即可">S6c代代SEO博客
S6c代代SEO博客
    <link rel="miphtml">对应标签的添加S6c代代SEO博客
S6c代代SEO博客
    (5)所有css样式全部写在<stylemip-custom></style>中,不要向外部调用!S6c代代SEO博客
S6c代代SEO博客
MIP中的CSS导入方式S6c代代SEO博客
S6c代代SEO博客
    (6)删除所有js文件,如需js请自行开发功能组件进行调用,大家可以参考这里:S6c代代SEO博客
S6c代代SEO博客
      “www.mipengine.org/doc/3-widget/10-widgets.html”S6c代代SEO博客
S6c代代SEO博客
    第四步:Body内改造S6c代代SEO博客
S6c代代SEO博客
      (1)加入MIP专用JS文件:S6c代代SEO博客
S6c代代SEO博客
       <script src="https://c.mipcdn.com/static/v2/mip.js"></script>S6c代代SEO博客
S6c代代SEO博客
      MIP中的js增加方式S6c代代SEO博客
S6c代代SEO博客
      (2)常见标签替换表S6c代代SEO博客
  S6c代代SEO博客
       更加详细的标签替换参考:“www.mipengine.org/v2/docs/mip-standard/mip-html-spec.html”S6c代代SEO博客
S6c代代SEO博客
css标签替换S6c代代SEO博客
S6c代代SEO博客
      第五步:MIP验证S6c代代SEO博客
S6c代代SEO博客
      当你改造完毕MIP页面后,可以到MIP官方进行验证网址“www.mipengine.org/validator/validate”S6c代代SEO博客
S6c代代SEO博客
MIP的验证
S6c代代SEO博客
S6c代代SEO博客
      校正中遇到各种问题请访问这个网址进行排查解决:“www.mipengine.org/v2/docs/mip-standard/mip-validate.html”S6c代代SEO博客
S6c代代SEO博客
      好了,今天风雪就为大家讲解到这里,这篇文章很全面,同时希望大家用心学习,开发出自己的MIP站点,不过我已经删除掉了MIP站点,因为站太多我根本维护不过来,增加了MIP站点就要多维护一个站点,且我服务器速度也是可以的,不用担心用户体验问题!

Tags:百度MIP   移动站点

很赞哦! ()

    匿名评论
  • 评论
人参与,条评论

站点信息

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