医疗健康行业移动网页整体布局标准

1、网页页面整体分A区（包含广告一区和主体内容区）和B区（包含广告二区、推荐区、广告三区以及服务区）页面标准示意图见右图：

2、其中A区（主体内容区和广告一区）由站长开发，主体内容区标准样式参考后面章节

3、如主体内容区域超长，超过1.5倍屏幕的内容通过折叠的方式进行折叠

4、B区（广告二、推荐区、广告三以及服务区）内容采用13页提供的技术组件

注释：主体内容区可以认为是页面最想表达的内容总和，主体内容指从标题开始至正文内容结束；文章后的分享、推荐等不视为主体内容

主体内容区三种类型：文章_基础样式、问答_基础样式、视频_基础样式

文章_扩展样式：兼容缩紧、加粗、无段落；展开状态；TAG推荐；音频样式

问答_扩展样式：患者追问、咨询记录、多种回答聚合、IM对话展示

模块_样式标注：组件样式、模块标注、特殊样式、图文样式

医疗健康行业移动网页主体内容区内容触达标准

       1、视频/音频可直接播放，并可达到视频类app当前播放效果，禁止使用让用户获 取信息需要极大的权限成本，例如强制登录才能浏览和使用、需要下载APP才能获取等。

       2、文字类型的可直接阅读，禁止出现外部跳转或者需要下载APP才能继续阅读等。

医疗健康行业移动网页主体内容区内容质量标准

1、无作弊、低质和诈骗类信息

2、页面主体辨识容易，排版合理，段落分明，文本内容和背景颜色区分清晰

3、页面主体突出明确，主体内容位于页面靠前(首屏)且中心的位置，页面无广告或通过页面标签/页面布局能清楚地区分页面主体信息后的极少量广告，对主体信息无任何干扰影响

4、获取页面主体信息的时候没有多余的干扰和成本，快速找到所需，并通过页面布局，快速了解页面各模块的主要内容

5、内容布局图标准示意图：

医疗健康行业移动网页主体内容区浏览体验标准

1、获取成本：速度、广告、权限、上下范围边框等

    1）页面打开速度不超过3秒

    2）广告均为定制化模块，严格遵守医疗广告样式，详见下一章节

    3）上下范围边框等

2、浏览顺畅：排版字号、字色、段落

   1）字号                                                  

   72PX  文章标题          

   54PX  模块标题         

   48PX 文章内容           

   39PX  辅助信息            

   2）字色

   #02b7ca  医疗用色 

   #1f1f1f    黑色文字

   #757575  灰色文字

   #a3a3a3   浅灰文字

    3）段落

    90PX  文章段落

    36PX  文章行距

    24PX  摘要行距

医疗健康行业移动网页的页面广告一区标准

1、广告面积：广告一区广告面积不超过10%

2、广告内容：内容符合国家广告法的标准和百度广告审核准入标准，不可以出现低俗（灰色广告从严）、赌博、法律规定的违禁品或服务（包括纯文字的任何形式广告）不可以出现诱导、欺骗、虚假广告

3、广告样式：不可以悬浮弹窗广告（遮屏、置底、两侧悬浮）；不可以广告闪动/抖动不固定；广告与功能按钮重叠；广告自动播放或者自动下载；不允许有引导打开APP或者下载APP的遮屏交互；不可以放在用户容易误点的区域（如播放、购买功能按钮有重叠）；不可以出现广告自动播放或自动下载等；广告有明确显示此条内容属于广告，并且广告有关闭按钮；

六、技术实现标准

1、技术实现采用开源MIP框架 https://www.mipengine.org

2、B区（包含推荐区、广告二区、广告三区以及服务区）采用基于开源MIP的组件机制

3、技术解决方案文档见：https://pan.baidu.com/s/1bpMyksn

4、技术咨询请联系QQ : 3160059657