建站知识

如何对网站页面进行mip改造?

标签:   | 作者:DT范福州网站建设 | TIMES:2018-11-29
    Mip移动改造对于从事seo站长并不陌生,是为了提高用户体验感,加快移动落地页面的打开效果的一种新技术,而且改造完的站点,能够提高在移动搜索引擎上面的排名,所以百利无一害,如何进行mip页面改造呢?今天福州网站制作给大家来支招:


 

    首先要对自己的站点进行认知:


    如果自己本身是自适应网站或者pc网站的话,建议建立一个独立的网站,比如之前是www.xx.com才能打开你的网址的,你可以解析一条m.xx.com的地址,然后专门做一个移动端。      

   如果你本身就属于移动端的站点,但是因为打开速度非常的慢,你就可以直接根据移动端的代码进行改造。
    

   认清自己的站点之后开发最好是可以登录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. 标签改造
  2.1 完成第一步后,代码往下看,将:
  <htmlxmlns="http: xhtml?="" 1999="" www.w3.org="">
  或:<htmllang="en">
  直接改成: 注意大小写

  3.Head部分改造
  3.1 标签必须是完全小写。

  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首先标签必须是小写的;

  4.2加入MIP专用JS文件:

       4.3 常见标签替换表



 
 
       更全的标签禁止使用表请见:https://www.mipengine.org/doc/3-tech/1-mip-html.html

  5.使用MIP Cache注意事项

  5.1一般Cache图片、样式、脚本,做完上述4步后,建议修改资源地址为相对地址;

  5.2Cache的内容需要更新需要通过MIP数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。

       Mip改造的注意事项
 
       1,编码格式必须是utf-8,<metacharset="UTF-8">

       2,网站全部用绝对路径

       3,不可用其他外部css和js

       mip检测页面:https://www.mipengine.org/validator/validate

       必须加代码:

      1,用于移动端展示:<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

      2,最新版的css:<linkrel="stylesheet"type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css">

      3,最新版的js:<scriptsrc="https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js"></script>

      4,网站对应关系:<linkrel="miphtml">和<linkrel="canonical">主要用于告知搜索引擎页面间的关系。在MIP页中使用<linkrel="canonical">,href指向原页面,若只有MIP页,则指向自己。如果MIP页和原页面同时存在,则在原页面中添加<linkrel="miphtml">指向MIP页。MIP页的点击会与原页面的点击权重加和计算,同时原页面将作为搜索引擎的首选页。<linkrel="canonical"href="//www.mipengine.org/">

      5,添加样式:<stylemip-custom></style>在这个里面添加自己网站的css样式,这个mip站做好了,通过检测页面,基本没什么问题的,是不是很简单呢。


      以上就是mip改造的全部步骤,对于移动互联网的时代,如果不进行mip改造的话,很容易失去客户,所以当务之急没有改造的赶紧改造了。

 

下一篇:没有了
相关新闻
首页 | 网站制作 | 网站模板 | 定制设计 | 建站知识
高端网站设计咨询156-5917-6979