一文读懂如何使您的手机站网页符合MIP网页规范

前面的文章中我们陆续讲了什么是MIP，及MIP的作用，今天继续谈谈MIP的相关话题。

那么，如何使手机站网页合乎MIP网页规范，可主要从以下几个方面改造：

一、头部使用规范

页面起始标签使用 。

标签必写且唯一，同时必须存在 mip 属性，即： 。

标签必写且唯一，其父元素必须是 标签。

标签必写且唯一，其父元素必须是 标签。

必须在 标签中包含字符集声明 ，不区分大小写，同时页面字符集必须使用 UTF-8 。

必须在 标签中包含 viewport 设置标签 ，其中 initial-scale=1 ，同时推荐包含 minimum-scale=1 。

必须在 标签中包含 。

必须在 标签中包含 。

必须在 标签中包含 ，如果包含在 标签中则须增加 async 属性。

二、给页面添加json数据

示例：

三、可以根据页面实际情况，使用MIP方式，在页面中添加关注按钮。让用户在浏览您的页面时，通过关注按钮成为您的粉丝。（可选）

提示：MIP页面添加关注代码后，无法即时看到效果，当搜索结果页出现闪电标识时，即可查看关注组件效果。

添加关注功能代码（强烈推荐）

引入熊掌号MIP组件的SDK

在页面mip.js代码之后、标签前添加代码

使用熊掌号MIP组件

在页面标签后添加代码

注意：site-id为熊掌号唯一ID，请勿做任何修改，否则无法正常展现。

建议：紧挨标签添加，能够获得更好的体验。

四、页面元素使用规范（大部分可选）

MIP-HTML 禁止使用对页面性能以及安全有较大影响的标签，同时也规定了元素的使用方式。

标签使用范围备注

禁止使用需替换为