网站熊掌号MIP页面改造流程

原创 长街seo博客  2018-10-26 11:46:48  阅读 493 次 评论 0 条

MIP是百度针对移动端用户体验推出的一套移动网页开放性标准,移动网页进行MIP改造可以实现页面缓存,达到网页加速的效果。而且百度官方已经明确表示,应用了MIP的移动网站,将在百度搜索引擎获得更高权重。越来越多的站长关注百度MIP改造,今天长街博主就给大家简单介绍一下MIP改造的流程。

网站熊掌号MIP页面改造流程

一、MIP是什么?

简单的说MIP就是移动网页加速器,一个打包的页面加载提升解决方案,一套应用于移动网页的开放性技术标准,目的其实就是为了提升用户良好的浏览体验。

二、MIP页面组成部分

MIP改造参考平台:https://www.mipengine.org/doc/00-mip-101.html

一个完整的MIP页面必须要包括以下部分:

<!DOCTYPE html>

<html mip>

<head>

             <meta charset="UTF-8">

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

        <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css">

        <link rel="canonical" href="https://www.example.com/your/path.html">

        <title>网页title</title>

        <style mip-custom>

        </style>

</head>

<body>

<!--mip 运行环境-->

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

</body>

</html>

以上都是一个MIP页面的必填项。因此,刚开始改造时可以参考官方提供的MIP使用文档中的完整demo进行查漏补缺。

网站熊掌号MIP页面改造流程

三、MIP改造注意事项

1、mip改造的页面必须为utf-8的编码格式

2、页面所有样式必须通过<style mip-custom>嵌入在<head>标签对里,且只可出现一次<style>标签,不需要通过内联和外联的方式引用样式

3、通常情况下是不允许出现<script>标签的,所有涉及到js行为的都可以通过百度MIP官方提供的组件进行修改替换

4、必须通过<link rel="canonical" href="https://www.example.com/your/path.html">将改造后的MIP页面和原先的页面对应起来

5、<body>中不能出现<img>、<form>等标签,必须替换为百度MIP官方许可的标签

四、MIP页面接入流程:

1.网页或者站点HTML按照MIP标准改造完成;

2.改造后的页面检测和预览,完成了MIP代码的改造后,可以使用官方提供的 MIP 校验工具:https://www.mipengine.org/validator/validate 检测一下代码,查看页面是否符合 MIP 规范。

3.使用 MIP 组件,MIP 页面上需要的一些功能或者效果只能通过 MIP 组件实现,不能使用自定义 JS 等特效。CSS 可以自定义。

4.数据提交,Mip页面的提交入口在百度资源搜索平台中的数据引入下,点击MIP&AMP,在其下的MIP Tab页点击数据提交,再把网站域名复制进行即可提交。

5.查看 MIP 是否上线

一般提交后一天,会出现数据反馈的信息。链接提交后就是等待改造的MIP页面出现闪电标志了,一般快的话,一两天就会生效。

MIP页面是从百度的缓存服务器读取展现给用户,所以速度非常快。如果你的MIP页面发成了修改,必须从百度站长平台后台,刷新你修改了的MIP页面。你可以把百度MIP想象成永不过期的CDN,必须手动刷新。

关于网站熊掌号MIP页面改造流程就给大家介绍到这里了,更多相关资讯请继续关注长街seo博客。


本文地址:https://www.changjieseo.com/89.html
版权声明:本文为原创文章,版权归 长街seo博客 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?