一文读懂如何使您的手机站网页符合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 禁止使用对页面性能以及安全有较大影响的标签,同时也规定了元素的使用方式。
标签使用范围备注
禁止使用需替换为
滚动推荐
- 39:56MIP教程:如何使手机站网页符合M
- 那么,如何使手机站网页合乎MIP网页规范,可主要从以下几个方面改造:一[详细]
- 29:10最好的双面玻璃手机款式之一,你挑中
- 全面屏手机在外壳设计和内部都有一定的变化,以前以全金属材质机身为主流,[详细]
- 24:322019年末了,你的手机用上了北斗
- 2000年10月31由长征三号甲运载火箭搭载北斗-1A号试验卫星在西昌[详细]
- 01:28贝壳满满草根创业优质平台
- 疫情过后,让所有人都明白一个道理:不是工作离不开你,而是你离不开工作;[详细]
- 01:04发烧友应该用什么手机
- 大家说说~~~华为镇楼~这个够骚吧~~竟然没有这个~~~后半年的旗舰对[详细]
- 31:49深圳8月13号全新国行水货官换机等
- 最新批发报价;8.13号全新苹果国行港版美版官换机等手机批发报价最新批[详细]