百度移动网站页面设计禁止事项与正确打开方式

6月28日 消息:2018 年,百度发布了《百度移动搜索落地页体验白皮书4.0》。在使用过程中用户会对白皮书4. 0 的理解存在偏差。现百度搜索资源平台官方为帮助大家更好地理解落地页规范, 整理一份规范标准示例说明,为大家深度解读。

1、禁止的广告样式不要碰

在《百度移动搜索落地页体验白皮书4.0》(后简称白皮书4.0)中的广告规范章节中规定:

【在页面的任何位置都不允许放置悬浮广告、弹窗广告和遮屏广告】

百度移动网站页面设计禁止事项与正确打开方式插图

负面案例:页面底部出现悬浮广告

【广告不可抖动和轮播,面积和位置要固定】

百度移动网站页面设计禁止事项与正确打开方式插图1

负面案例:页面顶部出现轮播广告,且广告面积过大

【广告内容不可以出现APP引导】

百度移动网站页面设计禁止事项与正确打开方式插图2

负面案例:页面顶部出现带APP引导内容的的悬浮广告

2、切记广告面积大小有规定

白皮书4. 0 中对列表页、检索结果页和详情页的广告面积大小做出如下规定:

【落地页首屏顶部允许出现广告,但广告面积不得超过首屏面积的20%,且多图广告内容所属行业类型需一致】

这里我们展示两个正面的例子:

百度移动网站页面设计禁止事项与正确打开方式插图3

例1

百度移动网站页面设计禁止事项与正确打开方式插图4

例2

正面示例:多图广告的类型、行业基本一致

【列表页或检索结果页,一屏的广告面积必须小于1/3】

百度移动网站页面设计禁止事项与正确打开方式插图5

负面案例:列表页广告面积超过一屏面积的1/3

如需了解更多百度移动搜索落地页体验广告规范的具体要求,请参考《百度移动搜索落地页体验白皮书4.0》中广告标准的补充说明

3、咨询按钮位置和面积应符合规范

白皮书4. 0 中对功能按钮的位置和面积的要求是:“功能按钮的位置必须固定,符合用户习惯,面积不宜过大,不可抖动或闪烁”,检测工具反馈中,资源方咨询最多的问题是按钮的位置和面积,特此做出如下说明:

【咨询按钮不允许出现在页面顶部,可在左侧/底部/右侧悬浮,但面积不宜过大】

这里先展示一个正面案例:

百度移动网站页面设计禁止事项与正确打开方式插图6

正面案例:咨询功能悬浮在右侧,面积较小,符合规范

【咨询类按钮当前页只能出现一次】

百度移动网站页面设计禁止事项与正确打开方式插图7

负面案例:咨询按钮在当前页出现 2 次

【用户未主动点击情况下,咨询窗口不可自动弹出】

百度移动网站页面设计禁止事项与正确打开方式插图8

负面案例:咨询窗口自动弹出,在页面中央悬浮,影响用户体验

4、做好详情页资源的移动交互功能

移动互联网时代,为提高搜索用户的移动落地页体验,需做好图片、视频等资源的交互功能,其中最受资源方关注的是图片资源的交互功能。白皮书4. 0 对图片资源交互功能的规定是:

【详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换】

正面案例展示:

百度移动网站页面设计禁止事项与正确打开方式插图9

正面案例:自如切换操作

5、一跳&多跳页面属于落地页

《百度移动搜索落地页体验白皮书4.0》规定:

【一跳页面:从百度搜索结果点击进入落地页时到达的页面】

百度移动网站页面设计禁止事项与正确打开方式插图10

一跳页面示例

【多跳页面:从百度搜索结果点击进入落地页后,进行再次点击跳转或多次跳转所到达的页面】

百度移动网站页面设计禁止事项与正确打开方式插图11

多跳页面示例

一跳和多跳界面都属于落地页,所有一跳和多跳页面体验都应符合《百度移动搜索落地页体验白皮书4.0》的规范要求。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
个人中心
购物车
优惠劵
搜索