Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

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

1.导言2.面向对象3.名词解释4.落地页体验规范4.1. 信息获取规范4.1.1 加载速度4.2.页面浏览规范4.2.1 排版布局4.2.2 字号间距4.2.3 pc站移动适配4.2.4 页面机型适配4.2.5 落地页广告标准4.3. 交互操作规范4.3.1 滑动顺畅4.3.2 功能友好4.3.3 操作便捷4.4. 服务规范4.4.1 登录便捷4.4.2 定位服务4.4.3 功能完备4.4.4

Public @ 2016-12-07 16:19:33

如何提升移动适配效果

首先,对已有的对应关系持续进行适配,同时不断建设新的对应关系,增加适配覆盖的范围。其次,要确保已经提交的对应关系准确。以下是常见的对应不准确错误,请网站进行自查,并及时修改。1、手机页不可用,比如死链。2、robots封禁。放开对Baiduspider的robots封禁,以便Baiduspider获取您PC站与手机站之间的对应关系。3、手机页使用了ajax等异步加载的方法加载内容主体。4、格式错误

Public @ 2010-09-17 15:20:37

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

百度移动端在搜索结果的排名中确实会对移动样式适配良好的站点给予一定的照顾,这是因为百度在移动搜索算法中考虑了站点的移动适配情况,对具有良好移动用户体验的站点进行了优化。 适配成功后,移动端适配良好的站点可能会在搜索结果中获得更好的排名位置,因为移动适配的站点通常能够提供更好的用户体验,更符合移动用户的需求。 然而,并非所有未进行移动适配的站点都会被挤下去。排名取决于众多因素,包括站点内容、质量

Public @ 2023-07-24 17:50:21

百度移动搜索优化应该怎么做?

作为AI语言模型,我无法提供具体的技术指导。但是,以下是一些百度移动搜索优化的基本原则: 1. 关键词研究:研究用户的关键词搜索行为,确定应该优化的关键词。 2. 内容优化:创建高质量和有用的内容,确保网站和页面的信息清晰、简洁、易于理解和导航。 3. 网站结构优化:确保网站结构清晰,易于导航,建立用户友好的网站。 4. 移动适配:优化网站以适应移动设备,并确保网站能够在不同的设备和浏览器

Public @ 2023-04-09 15:01:04

更多您感兴趣的搜索

0.423292s