Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

百度APP移动搜索落地页体验白皮书5.0

百度APP移动搜索落地页体验白皮书5.0最新更新章节:2020-03-19过去一年,在百度和全网开发者的共同努力下,搜索用户的浏览交互体验有了明显提升。为了给搜索用户提供更好的服务和体验,百度发布《百度APP移动搜索落地页体验白皮书5.0》,将最新落地页体验规范同步给全网开发者,期望继续与各位内容、服务提供者一起共同打造沉浸式的搜索体验,为亿万用户提供更优质便捷的搜索服务。来源:百度搜索资源平台

Public @ 2011-12-11 16:19:34

移动站点对百度友好全解-代码适配如何做对百度友好

移动站点对于百度的友好度十分重要,因为移动设备用户越来越多,百度对于移动站点的优化也越来越重视。以下是代码适配的解决方案: 1. 响应式设计:采用响应式设计可以避免多个版本的网页,适应不同的设备和不同的屏幕尺寸,提高用户体验和网站质量,同时也有利于搜索引擎的收录和排名。 2. 适当使用CSS media queries:在编写CSS样式表时,可以使用CSS媒体查询来针对不同的设备或屏幕尺寸进行

Public @ 2023-03-30 13:00:41

百度移动端对做了移动样式的站点的排名是否有照顾?移动端适配成功后是否可以把很多没做适配的站点挤下去?

百度移动端搜索对于做了移动样式的站点的排名有一定的提升,但并不是绝对照顾。移动端适配成功后,站点对于移动用户的体验得到改善,用户体验的提升可能会影响站点的排名。但是,大量没有适配的站点并不会因此被挤下去,排名还是会受到其他因素的影响,如站点质量、关键词竞争程度等。

Public @ 2023-04-17 06:00:06

移动落地页体验白皮书详解-算法盘点

移动搜索落地页体验白皮书公布后,得到站长们的广泛关注,如何正确理解广告白皮书内容,刘院长给大家带来详细解答。其实在移动时代,大家可能也发现到了,百度的PC搜索可能更多的都是关注在搜索的权威性、时效性以及相关性,但是在移动搜索阶段,现在百度好像管得更宽了,对移动页面也提出了更多的要求。在这里其实很好理解,我相信今天在座各位虽然你们是站长,但同时也是我们百度移动搜索的用户,在搜索过程中一定会遇到各种各

Public @ 2015-10-29 16:19:34

更多您感兴趣的搜索

0.412535s