一、网页整体布局标准

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、浏览顺畅：排版字色、字号、段落

字号

72PX  文章标题

54PX  模块标题

48PX 文章内容

39PX  辅助信息

字色

#02b7ca  医疗用色

#1f1f1f    黑色文字

#757575  灰色文字

#a3a3a3   浅灰文字

段落

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

来源：百度搜索资源平台 百度搜索学堂