Categories


Tags


看这里!教你如何在页面主次内容之间设置合理间隔

2020年3月百度搜索发布的《百度APP移动搜索落地页体验白皮书5.0》中提到,“主体内容应与广告、相关推荐等次要内容之间有明显的间隔或分割线。”

那么,你知道页面各内容模块之间为何要设置合理间隔吗?

1、内容模块之间设置合理间隔的重要性

为了帮助用户快速甄别主次信息,找到所需,页面在整体的排版布局上要注意对主次内容进行区分。而设置合理的间隔或分割线则是最有效的区分主次内容的方式。

2、如何对各模块的内容进行合理的区分?

「主体内容与次要内容之间设置分割线」

除了主体内容以外,内容详情页中还包括评论、广告、相关推荐等模块。与主体内容相比,这些内容属于次要信息,使用分割线进行区分能帮助用户意识到主体内容已结束,避免用户在浏览内容的过程中因主次内容没有明显的区分而导致误点击。

如下图所示,该页面的主体内容与广告之间没有设置分割线,用户在浏览内容的过程中易将广告误当成主体内容,导致误点击。

图片

「翻页键与次要内容之间设置明显间隔」

不少开发者会对篇幅较长的文章设置翻页功能,翻页键属于页面主体内容的一部分,与其他次要内容(如广告、相关推荐等)也需设置明显的间隔,避免用户在操作时误点击。

如下图所示,该页面的翻页键与广告之间距离过近,用户点击翻页键时容易误点击到广告。

图片

参考案例

讲了这么多标准规范,页面内容模块之间如何设置间距对用户最为友好呢?小编给大家提供几个优质案例进行参考。

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

图片

参考案例2:正文与广告之间用分割线隔开

图片

参考案例3:翻页键与广告有一定间距

图片

内容模块之间设置合理间隔是页面排版布局中重要的一环,它能帮助用户快速获取页面的主要信息,不被其他次要内容干扰。看完本篇文章,相信你一定学会如何在页面主次内容之间设置合理间隔了~

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


Public @ 2019-09-19 16:18:58

织梦移动化友好度优化七盏明灯

1. 响应式设计:确保网站在不同设备上都能自适应调整布局,使用户体验更加友好。 2. 快速加载速度:移动设备的用户更注重网站的加载速度,所以需要优化图片和代码压缩等方面来提高网站速度。 3. 简洁明了的导航:导航栏应该简洁明了,以便用户在移动设备上使用的时候快速找到需要的信息。 4. 多渠道登录:应该提供多种登录方式,如微信、QQ、微博等,以便用户方便登录。 5. 提供搜索功能:手机屏幕较

Public @ 2023-04-26 00:00:18

如何提高网站在百度移动搜索排名?

百度移动搜索目前是全球最大的中文移动搜索引擎,越来越多的用户使用移动设备访问网站,想必移动搜索的需求量是很大,怎么提高网站在百度移动搜索排名呢,让用户更快的发现我们的网站。如何提高网站在百度移动搜索排名?1、明确的标题用户通过搜索关键词访问网页,标题既要简单明了的让用户清楚网页的主题是什么,同时也要激起用户的点击欲望。网页的标题也是搜索引擎判断一个页面内容权重之一。移动站的标题注意事项:① 字数:

Public @ 2015-07-17 16:20:12

移动搜索落地页体验广告白皮书详解

发布日期:2017-04-24移动搜索落地页体验白皮书公布后,得到站长们的广泛关注,如何正确理解广告白皮书内容,刘院长给大家带来详细解答。现在我们先看一下浏览体验,大家很清楚了,我们对移动页面的打开速度是3秒之内,这个3秒,我们是从14年就开始不断地向大家来推进,之前有很多的培训,我们都提到过,在这里要再强调一下,这个页面的打开速度是百度移动搜索判断一个移动站是否优质的第一标准。如果打不开,后面什

Public @ 2014-11-21 16:19:35

【白皮书4.0解读】图片交互如何做会更好?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》中提到图片页资源标准:“详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。”对于这一标准,有哪些案例可以参考呢?对于基础的点击调起大图功能,应该如何实现呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《图片交互如何做会更好?》,将为你解答这些疑问。一、为什

Public @ 2021-12-07 16:19:39

更多您感兴趣的搜索

0.647005s