如何新建一个标准的百度MIP页面

  • 时间:
  • 出处:顾杨SEO博客
  • 作者:seo
  • 浏览:229

我们先说说百度mip是什么?官方说法是移动加速器,你可以简单的理解为一种页面标准,这样的标准是建立的w3c标准上的附加标准。这样标准是百度mip官方定义的,如果想修改标准,也是可以的,很多技术标准是修订出来的,既然是修订那么就有他完善的地方,只有不断完善的修订才是标准。就好比MIPCMS是一个mip建站系统一样,只有在不断的吸取站长们的意见和建议,才能完善出一套属于站长们的建站系统。

建立一个mip页面是非常简单的,在mip官方有完整的demo例子,当然对于熟悉html的小伙伴们来说,那是轻而易举,但似乎对于小白来说确实是一头雾水。对于小白来说,既然不能看懂 ,那么就不需要看懂,只需要明白几点即可避免做出不合格的mip页面。如果你使用mipcms,那么很高兴地说,你不需要了解这些技术,你只需要完善你的站点内容即可,因为mipcms出生自带mip版移动站(配置移动版域名即可拥有)。

下面就带大家新建一个完整的mip页面:

<!DOCTYPE html>
<html mip>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <title>这个是网站标题</title>
    <meta name="description" content="这个是描述">
    <meta name="keywords" content="这个是关键词">
    <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
    <style mip-custom>
    <!--这里是页面的css样式代码 使用mipcms 支持单独css文件,也可以配合scss生成css-->
    </style>
    <link rel="canonical" href="http://www.mipcms.com/"> 
    <!--这是链接权重指向 具体的可以查看官网指向说明-->
</head>
<body>
  //这里就是网页内容了
  <a data-type="mip" href="http://www.mipcms.com/" data-title="mipcms">点击跳转到mipcms官网</a>
  <script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
</body>
</html>

这个是普通的HTML格式

↑ 这个是普通的HTML格式

↑ 这个是标准mip页面代码

↑ 这个是标准mip页面代码

当然,除了上面图例标识出来外,那么你的页面需要引入两个文件 一个是mip.css 一个是 mip.js

除了上面的还要注意一点页面中是不能添加自定义js代码的。其实对于写模板的人来说,只要在制作mip模板的时候注意一些官方定义的标准就能很轻松的完成mip页面的制作。

制作完后,要记得去校验哦,这里提供一个校验地址:http://www.mipcms.com/tool/ 当然这个地址是mipcms基于百度mip开源库搭建的校验地址,为了方便用户快速的找到这个地址,使用mipcms的用户只要打开你的站点底部的版权标识就能快速找到校验地址了,方便大家校验页面是否合格。

来源地址:http://www.mipcms.cn/article/a1b5bea14953a88496e8a8cf.html

猜你喜欢