Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

响应式模版优化

响应式模板优化可以通过以下几种方式进行: 1. 图片优化:针对不同屏幕大小和分辨率,使用合适的图片大小和格式,以减少加载时间和提升用户体验。 2. CSS和JS文件的合并和压缩:将多个CSS和JS文件合并为一个文件,并进行压缩,减少HTTP请求和文件大小,提升页面加载速度。 3. 懒加载技术:延迟加载页面中的一些元素,只在用户需要时加载,减少首屏加载时间。 4. 减少HTTP请求:合并CS

Public @ 2023-06-29 03:00:30

星座命理行业搜索体验规范

为保障行业生态健康及搜索用户体验,现将星座命理类资源体验规范整理如下,请各资源方参考提升自身体验价值,吸引更多搜索用户使用。一、行业重点功能体验1. 测试类1.1、免费测试1.1.1、用户信息一次提交后,直接刷新或者加载出测试结果,减少页面的跳转,降低用户等待时间。示例:点击“开始查询”后,直接刷新显示测试结果1.2、付费测试1.2.1、通用流程1.2.1.1、提交信息后直接弹出支付面板,缩短用户

Public @ 2012-09-29 16:19:44

移动时代下的站长都该做哪些工作

1、增加用户体验。把握合理的网站结构设计,优化页面内容,提供丰富的信息服务,注重网页的可操作性和易用性,让用户在浏览网站的过程中获得良好的体验。 2、及时与时俱进,关注流行趋势。把握好时空概念,及时更新网站相关内容,要随时关注流行技术,积极接受新鲜事物,以满足不断变化的用户需求。 3、行文化宣传和网络营销。联合资讯媒体宣传网站,传播企业活动,利用社交媒体、搜索引擎营销等,有效扩大品牌知名度

Public @ 2023-03-01 01:00:24

如何让百度准确地识别页面类型

让百度准确地识别页面类型有以下几个建议: 1. 使用标准的 HTML 标签:确保你的页面使用标准的 HTML 标签来定义不同的页面元素,比如标题、段落、列表、链接等。 2. 关键词密度:在页面中合理地使用关键词,但不要过度使用,否则会被认为是垃圾邮件。 3. 内容质量:确保你的页面中包含高质量、有用、原创的内容,并且与你的网站主题相关。 4.网站结构:网站结构应该较为清晰,网站主题明确,页

Public @ 2023-06-10 18:00:19

更多您感兴趣的搜索

0.411665s