一文读懂如何使您的手机站网页符合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 禁止使用对页面性能以及安全有较大影响的标签,同时也规定了元素的使用方式。 标签使用范围备注
|