一文读懂如何使您的手机站网页符合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 禁止使用对页面性能以及安全有较大影响的标签,同时也规定了元素的使用方式。
标签使用范围备注
禁止使用需替换为
滚动推荐
- 00:36MIP教程:如何使手机站网页符合M
- 那么,如何使手机站网页合乎MIP网页规范,可主要从以下几个方面改造:一[详细]
- 42:04十款造型奇葩且功能独特的手机,你用
- 手机设计师的脑洞是无穷无尽的,这也让他们设计出了一些造型相对奇葩的手机[详细]
- 11:41销售回暖成本上涨 国产手机集体“涨
- 随着手机企业快速复工复产,国内手机产能、需求迅速提升,而在需求回暖、上[详细]
- 02:12要过年了想拥有一台手机没必要买贵的
- 魅族16XS作为魅族从宣传之初就一直主打的卖点之一,魅族16Xs的手感[详细]
- 42:13手机连上wifi不能上网怎么办
- 也许用过智能手机连接wifi上网的有过类似经历:输入了正确的wifi密[详细]
- 31:48功能手机的反攻,4G将成最大驱动力
- 由于印度品牌JioPhone的强劲出货和诺基亚HMD的回归,2018年[详细]
- 20:56小米10一亿像素太空壁纸分享,超清
- 本期为大家分享小米10发布会上放出了一亿像素拍摄的太空壁纸,亲测适合所[详细]