Categories


Tags


白皮书5.0解读—内容模块之间为何要设置合理间隔

2020年3月,百度发布的《百度APP移动搜索落地页体验白皮书5.0》中提到”主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”本文将为你详细讲解如何设置合理间隔更符合用户浏览页面信息的需要。

1、内容模块之间设置分割线的重要性

用户点击搜索结果页进入落地页时,对页面信息的呈现方式一无所知。为了保障页面主体信息的最佳可读性,页面整体的排版布局设计要注重区分信息层级,凸显页面主要内容,帮助用户快速甄别主次信息,找到所需。不同内容模块之间设置分割线是区分信息层级的有效呈现方式。

2、主体内容与次要内容模块需设置间隔线

在内容详情页,除了页面主体内容以外,还包括评论、广告、相关推荐等内容模块,在当前页面,与主体内容相比,评论、广告、相关推荐等内容属于次要信息,使用分割线区分信息层级能帮助用户意识到主体内容已结束,避免用户在滑动浏览主体内容过程中因无明显分隔线提示而误点其他内容。

如图一所示,左侧案例中正文与广告之间没有任何间隔,融为一体,用户在滑动浏览信息的过程中易将广告误当成主体内容造成误点击,用户体验较差。右侧案例中正文结束后有评论、点赞等互动按钮,并且与底部广告之间有明显分界线,让用户能快速区分正文和广告,意识到正文已完结。

图一:正反示例对比

3、功能键与次要内容模块之间需设置明显间隔

百度搜索发现不少开发者对于篇幅较长的文章会设置翻页、展开全文等功能,功能键属于页面主体内容的一部分,功能键与其他次要内容模块(如广告、相关推荐等)也需设置明显间隔,避免用户在操作功能时误点击其他内容。如图二所示,该页面的翻页功能键与广告之间距离过近,用户点击翻页时很容易误触广告,给用户带来不良的浏览感受。

图二:翻页键与广告距离过近

4、参考案例

问题来了,讲了这么多规范细节,页面内容模块之间如何设置间隔距离对用户最为友好呢?下面给大家提供优质案例供大家参考。

参考案例1:正文结束后放置版权信息、责任归属或者点赞评等功能,与广告内容隔开,提示用户正文已结束

参考案例2:正文与广告之间用分割线隔开,避免用户误点击

参考案例3:翻页功能键做成按钮形式并且与广告有一定间隔距离

参考案例4:展开全文功能有明显文字标识,与广告之间设置分割线

细节决定成败,内容模块之间设置间隔是页面排版布局不可或缺的细节,能帮助用户快速获取页面核心信息,不被其他次要内容干扰,对提升用户的页面浏览体验,赢得更多的用户青睐非常重要。

注:如果对该文有任何疑问或想深入了解其他规范细节,欢迎点击这里向我们反馈。

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


Public @ 2013-08-24 16:19:42

为什么我做了meta标注,却在百度移动搜索中没有生效?

做了标注却没有在移动搜索中生效,可能由以下原因导致:1.仍在meta信息处理期内。在标注准确对应关系无误的情况下,meta信息的处理时间约为7日左右,老旧页面会有延迟。2.Meta标注的格式错误,如标注的位置错误、url拼写错误。3.PC页-手机页对应关系本身错误。如手机页不可用(无内容/报错)、PC页与手机页主体内容不一致等。

Public @ 2019-11-25 16:20:14

百度移动搜索优化策略漫谈

杭州移动化的干货放送快要结束啦,感谢电缆网的林晋仰先生整理了百度移动搜索优化的核心内容,细化大家可参考培训视频。百度移动搜索端的用户需求、用户行为与PC端有较大区别,同样,优化方式也有其独特之处:做移动网站优化,首先我们要做的是数据分析和挖掘。在站长平台里面,搜索服务-数据统计-流量和关键词,就能看到相关的数据。1、选取你的PC站点,点击页面类型里面的PC页,如果发现大量的移动流量进入PC站,那就

Public @ 2022-05-16 15:26:39

用户使用m.baidu.com搜索时不同的终端排名不一致,比如说iphone搜索与安卓手机搜索结果不一致,部分排名也跟PC端访问的百度差很远。

用户使用m.baidu.com搜索时不同的终端排名不一致,比如说iphone搜索与安卓手机搜索结果不一致,部分排名也跟PC端访问的百度差很远。答: ios和安卓不同的系统下我们会有微调,但理论上的差别不会特别大。例如搜索同一款app,安卓和ios系统下是需要给出对应该系统的结果的。第二个问题,从人、设备、使用场景及移动站特征看,PC和移动都是存在明显差异的,因此,未来移动端的排序与PC端的差异会更

Public @ 2018-03-16 16:19:58

移动页面被优化展示,造成流量损失,站点如何整改及反馈?

1. 优化站点页面的内容与结构,使之更加吸引用户; 2. 结合当下主流移动设备,优化站点的显示、访问以提高用户体验; 3. 针对移动端添加专业的SEO优化; 4. 合理利用原生App传播,宣传站点; 5. 核实站点的访问请求头,确保系统获取的是正确的移动请求; 6. 避免用户在移动端的流量中碰到过多的广告; 7. 及时反馈用户反馈,结合反馈内容持续改进,积极采纳用户的功能建议;

Public @ 2023-02-28 18:48:22

更多您感兴趣的搜索

0.448225s