信息流落地页体验规范

百度信息流一直在满足用户体验、打造服务闭环上花费了大量心血,但这仅靠我们还是不够的,因此希望携手更多拥有高质量内容、顺畅体验及优异服务的智能小程序,共同服务好互联网用户、达成共赢。为此信息流从性能、视觉/交互体验、功能、广告几个维度设立了一套规范。符合这些规范的智能小程序进入百度信息流后,将有机会获得更好的流量效果;反之,如果涉及其中一个或多个问题,一经发现,视问题轻重,其信息流流量将会立即受到不同程度的影响。规范具体如下:

# (一)性能

页面加载迅速,体验流畅,优化方式可参考《性能优化建议》

# (二)视觉/交互体验

# 1 排版布局&设计

1.1 整体美观性

1.1.1 页面需具备:头部大图区(如有)、文章标题区、信息来源区、正文内容区、功能按钮区(点赞等)、相关推荐区、评论区等,并建议按以上表述顺序或下图示范顺序排列

图片

1.1.2 页面中无大片空白(留白面积不超过屏幕的 1/5,包括正文段落与段落之间的留白)

负面 case:红色方框标注部分页面留白过大

图片

1.1.3 页面边距适度,不能过窄(任一边间距<字号)或过宽(任一边间距>屏幕宽度 1/5)

负面 case:页面边距过窄

图片

1.1.4 正文字体、字号、字体颜色需统一(正文中,字体颜色不得超过 3 种)

1.1.5 行间距适中且统一

1.1.6 文章标题字体大小与正文有区分度且整体协调

负面 case:正文字号不统一、整体不协调

图片

1.1.7 段落间需有明显分割,例如:段落首行缩进、或段落间的间距大于正文文本间的间距等【重度问题】

1.1.8 文本内如有分割符,需进行换行或分段

正面 case:无首行缩进的纯文本,段间距大于行间距

图片

1.2 正文内容区

正文内容区定义:落地页中表达核心内容的区域。例如:图文内容、视频播放器、音频播放器等

1.2.1 横版视频不能以竖版视频形式来承载

1.2.2 竖版视频不能以横版视频形式来承载

负面 case:竖版视频横版承载,产生大量黑边,影响体验。建议加长视频播放区,加大实际内容的面积占比,同时保证全屏播放时内容能满屏播放,无多余边框。

图片

1.2.3 图文/图集内容不能折叠【重度问题】

负面 case:图文内容折叠,会降低用户阅读时长,进而影响流量

图片

1.2.4 正文需要包含文章标题、发布时间和作者名称(展示位置自拟),且作者名称/头像可点击(跳转至作者详情或作者内容列表等,不要跳转到广告)【其中“作者名称/头像不可点击“为轻度问题】

1.3 功能按钮

1.3.1 不能出现按钮跳动、文字闪烁、与主题风格颜色明显不一致等差异化效果

1.3.2 高度不能超过屏幕的 1/10,长度不能超过屏幕的 1/2。按钮上文字不能超过 8 个字

1.3.3 按钮不能遮挡正文内容

负面 case:功能按钮风格特异且遮挡内容

图片

1.4 可见性——各个界面有明确提示,如:

1.4.1 输入界面有明显的标题或提示

1.4.2 图标需要能让用户理解到其含义(图标本身具有较强的识别性或配有相应说明文字)【轻度问题】

负面 case:图标含义不明,“我来说两句”输入框和“评论”按钮,用户无法理解哪个是回答当前问题,哪个是对当前回答的评论

1.5 相关推荐区

1.5.1 内容类素材落地页要有相关推荐区

1.5.2 相关推荐内容需要有标题,且可点击跳转至对应页面

负面 case:相关推荐内容没有标题

图片

1.5.3 视频落地页中,当前播放内容需要和相关推荐有明显区分和间隔【重度问题】

明显区分和间隔指:视频主体必须包含视频播放器及视频相关信息(包含但不限于视频标题、视频简介、选集等),才可插入相关推荐内容

负面 case:当前播放内容与相关推荐位内容样式完全一致,主次不够分明,缺乏明显区分

图片

1.6 顶 bar

1.6.1 智能小程序首页顶 bar 文字需要与智能小程序名称一致(也可用表意相近的别称,但需让用户能感知到是该小程序)或为“首页”,亦或空白无内容【重度问题】

1.6.2 非首页的落地页,顶 bar 文字需要代表当前页面属性或空白,不能为文章标题(漫画、小说除外) 【重度问题】

1.6.3 顶 bar 文字需要完全显示,不能出现部分显示的情况;不能超过 8 个字(漫画、小说除外) 【重度问题】

页面属性,指对当前落地页的功能性描述,例如:“首页”、“ 详情页”、“简介”等"

正面 case:智能小程序首页顶 bar 文字为“首页”

图片

其他正面 case:

名为“海报街拍网” 的智能小程序,首页顶 bar 为“街拍”

名为“爱奇艺视频” 的智能小程序,首页顶 bar 为“爱奇艺”

负面 case:名为“蓝天资讯” 的智能小程序,首页顶 bar 文字为“大海资讯”(用户难以感知两者是同一产品)

# 2 交互体验

2.1 必要提醒

2.1.1 对于正在进行的活动有明确的反馈信息,提示用户当前程序所处的状态。反馈结果展现完整,表述清晰,能交代原因及操作建议,无行业术语(如服务器,404 等)和责备表达(多个感叹号)【其中“出现专业术语“为轻度问题】

2.1.2 对于涉及到重要信息的操作,应该提供明确的提示信息,告知用户会产生费用,并提供取消操作(例如:产生费用前进行提醒、流量下观看视频进行提醒)

负面 case:大量英文加行业术语反馈信息不易于用户理解

图片

2.2 一致性

2.2.1 每个页面执行相同功能的菜单,按钮,图标等都在同一个位置

2.2.2 同类操作的交互行为保持一致,例如:在同类界面下都是通过“滑动行为”来切换

2.2.3 支持通过“从左向右滑动”的操作退出当前页、返回上一页【其中“从左向右滑动不能退出当前页“为重度问题】【“从左向右滑动不能返回上一页“为轻度问题】

”从左向右滑动返回上一页“举例:用户从信息流点击进入小程序落地页 A,再通过相关推荐列表进入了落地页 B,正确情况应该是从左向右滑动先返回落地页 A,再次滑动则返回信息流。如果从落地页 B 滑动一次直接返回信息流, 属轻度问题;不能返回信息流属于入驻规范问题

2.3 容错性

2.3.1 需提供可有效防止错误发生的提示,如要求用户输入时告知输入信息的格式(例如:创建用户名环节)

2.3.2 发生错误(例如:支付失败、断网、智能小程序打不开)时明确告知用户产生错误的原因,并且有效地建议解决方案(断网时,无论是在用户浏览的当前页面,或点击跳转至其他页面,都应有提示)【其中“断网状态无提示“为轻度问题】

负面 case:断网时未给出明确告知提醒及解决方案

图片

# (三)功能

# 1 功能完备性

1.1 互动功能完备性

1.1.1 内容型素材(漫画、小说、音频类除外),落地页需同时具备可互动的评论、点赞功能【重度问题】

1.2 核心功能完备性

1.2.1 若落地页包含商品交易卡片,需要具备支付功能
落地页包含商品交易卡片的 case:

图片

1.2.2 若落地页包含短视频,需要具备播放/暂停、调节音量(可通过手机音量调节按钮)、调整进度、全屏播放功能

1.2.3 若落地页包含音频,需要具备播放/暂停、调节音量(可通过手机音量调节按钮)、调整进度功能

1.2.4 若落地页包含小视频,需要具备播放/暂停、调节音量(可通过手机音量调节按钮)功能

# 2 功能可用性

2.1 功能可用性

2.1.1 每个操作都可关闭或回退至上一步

2.1.2 每个提示(浮窗/弹窗/提示音/权限申请)都可关闭

2.1.3 每个可见功能都能够操作,不能出现功能无法使用的情况【轻度问题】

2.1.4 按钮触发后的响应需要和按钮所表达含义一致

# 3 功能规范性

3.1 授权过度

3.1.1 消费内容时不出现登录提示(例如阅读文章或播放视频/音频时)

3.1.2 消费内容时不出现授权提示(授权包括但不限于:地理位置、读取联系人、手机信息、读写手机存储、拍照录音等)

3.2 常驻功能

常驻功能定义:指随着页面滚动始终在当前屏幕中显示的非框架的功能,如悬浮按钮、底部导航栏)

3.2.1 常驻功能不可与框架一级功能重复(如:“返回上一页”、“返回首页”)

负面 case:“返回首页”悬浮按钮与信息流场景下左上角框架自带的“返回首页”按钮功能重复

图片

3.2.2 常驻功能不能打断用户消费行为(如:“注册”、“登录”)

负面 case:常驻功能(悬浮按钮)引导登录

图片

3.3 导流

3.3.1 不能有向其他智能小程序导流行为【严重】

3.3.2 不能有向其他 APP 导流行为【严重】

# (四)广告

# 1 交互样式

1.1 美观性

1.1.1 广告位左右居中对齐,无大片留白(留白面积不超过屏幕的 1/5)

1.1.2 如果分发页面是纯资讯内容/漫画详情页/小说详情页,正文区域内不能插广告【重度问题】

1.1.3 如果分发页面是漫画/小说的章节聚合页面

1.1.3.1 若章节列表为横向排布,只能在漫画/小说名、简介、互动按钮(固定在底 bar 除外)、阅读量/热度、章节列表等与当前漫画/小说强相关的信息下方插广告【重度问题】

1.1.3.2 若章节聚合页为纵向排布,可以在漫画/小说名、简介、互动按钮(固定在底 bar 除外)、阅读量/热度等烟雨当前漫画/小说强相关的信息下方,章节列表上方,插广告【重度问题】

1.1.4 如果分发页面是视频

1.1.4.1 若往期节目为横向排布,只能在视频播放器、标题、简介、互动按钮(固定在底 bar 除外)、播放量/热度、往期节目聚合等与当前播放视频强相关的信息下方插入广告【重度问题】

1.1.4.2 若往期节目为纵向排布,可以在视频播放器、标题、简介、互动按钮(固定在底 bar 除外)、播放量/热度等与当前播放视频强相关的信息下方,往期节目上方,插广告【重度问题】

1.1.5 非首屏广告宽要≤1242px,高要≤887px【重度问题】

正文区域定义:从落地页的顶 bar 到文章的最后一句话或一张图

百家号文末广告示例:

图片

1.2 规范性

1.2.1 相关推荐位中插入广告,广告尺寸和样式需要与相关推荐模块中的内容保持完全一致

1.2.2 广告位不能遮挡页面上的操作按钮或正文内容(半透明也算遮挡)【重度问题】

1.2.3 不含无任何触发行为的主动弹出广告【重度问题】

1.2.4 不含悬浮广告【重度问题】

1.2.5 不含恶意诱导广告(如捆绑下载、自动下载)【重度问题】

完全一致定义:内容样式需要包含广告样式。例如,内容样式包括三图、大图、左图右文,广告样式可以为以上任一种;内容样式只有左图右文,广告也只能为左图右文。且颜色、字体、字号、排版等需要保持完全一致

负面 case:推荐位广告样式和相邻内容样式不一致,广告配图更大且有灰色底色

图片

1.3 误导性

1.3.1 不能包含诱导用户点击的样式设置,包括但不限于自动弹窗、文字暗示、仿官方场景误导、通知误导、按钮跳动、文字闪烁、抽奖红包、扫二维码等
负面 case:诱导用户点击

图片

1.4 交互性

1.4.1 广告位全区域可点击

1.4.2 当落地页主要内容为视频或音频时,播放内容前和播放内容中不能插广告(如前贴片广告、暂停页广告、播放中广告);后贴片广告需可关闭。如广告是图片,时长需≤15s;如广告是视频,时长需≤30s。

# 2 分布

2.1 数量限制

2.1.1 首屏最多包含 1 条广告

2.1.2 非首屏最多包含 2 条非连续广告
负面 case:非首屏包含两条连续广告

图片

2.2 密度限制

2.2.1 列表页(即相关推荐位)任意 2 条广告之间不能少于 3 条内容

负面 case:相关推荐两条广告间少于 3 条内容(图中只有 1 条)

图片

2.2.2 若落地页为小说/漫画等连续内容,广告频率不能过高:

2.2.2.1 每章节小说/每篇漫画最多不能超过 1 个广告

2.2.2.2 条漫,每两条广告中间隔不少于 5 屏内容

2.2.2.3 页漫/翻页小说,每两条广告中间内容隔不少于 5 页内容

2.2.3 若落地页为小视频内容:当广告单独占用一屏时(如下图),两条广告时间,不能少于 10 条内容

图片

# 百度信息流体验问题处罚机制

1.小程序一经发现涉及上文标注为【重度问题】(或不符合《信息流流量入驻规范》)或页面加载速度远低于平均水平的情况,信息流流量会受到下线处理。

2.涉及除上述情况外本规范提及问题的,信息流流量会有一定幅度的下降,且若收到通知后 10 个工作日内未整改,也会受到信息流流量下线处理。

3.对于上述情况,在开发者通过各渠道反馈整改完成结果且审核确认无误后,流量处罚会在短期内取消。但对于同一问题修复后再次违反、或不同问题 3 个月内先后分多次违反的,即便后续已整改且验证无误,也将会受到持续 10~30 天的流量下线处罚,因此希望开发者能严格据此文档优化调整。

# 整改结果反馈及问题咨询

如您在收到信息流流量处罚通知后,对问题有任何疑问、不解,或是已经将问题修复,请及时通过小程序平台客服、百度智能小程序信息流官方 QQ 群(群号:736811996)或商务等渠道与我们联系反馈,以便快速解决问题、恢复信息流正常流量。同时,为尽可能降低流量损失,建议先从【重度问题】着手修复,再修复其他问题,最后修复【轻度问题】,且随时修复,随时反馈。感谢您的理解。