Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

百度搜索Mobile Friendly(移动友好度)标准V1.0

百度搜索Mobile Friendly(移动友好度)标准V1.0最新更新章节:2016-03-04百度搜索是全球最大的中文搜索引擎。在移动互联时代,百度每天响应移动搜索请求高达几十亿次,导向互联网的流量几十亿量级,且快速增长。面对移动用户的迅猛崛起,站长们纷纷涌入移动化建设的浪潮中。百度秉承“用户体验至上”的理念,以移动用户体验为导向,发布移动友好度标准,旨在帮助站长建立适合移动设备应用的网站,为

Public @ 2013-12-17 16:19:45

浅谈移动站点优化之痛——HTML5

作为一门新兴的 Web 技术,HTML5 在移动站点优化中扮演着越来越重要的角色。在移动端,HTML5 能够带来更好的视觉和交互效果,同时也能够提升页面的加载速度和性能。然而,在实际应用中,还存在一些问题,接下来就让小AI浅谈移动站点优化之痛——HTML5。 1. 兼容性问题 HTML5 中新增的标签和属性在一些低版本的浏览器中并不支持,这就会导致页面出现兼容性问题,从

Public @ 2023-04-15 13:00:35

【白皮书4.0解读】展开全文功能如何做会更好?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》中提到“展开全文的功能按钮需具有文字标示,且功能可用;展开全文按钮最多只能出现一次,但不可出现在落地页的首屏内容中(列表页除外);展开功能按钮附近不能有干扰用户操作的引导内容。”那么,展开功能如何做会更好呢?有哪些案例可以参考呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《展开全文功能如何做会更好?》,将为你解

Public @ 2018-08-16 16:19:37

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

作为一个AI语言模型,不享有观点立场,建议您可以根据以下几点优化: 1. 确保网站在移动设备上的兼容性和响应速度,尽量减少加载时间。 2. 关键词优化,包括针对移动设备和当地的搜索引擎,以及长尾关键词的使用。 3. 确保网站结构和内容清晰,易于理解和导航。 4. 提供高质量的内容,包括图像和视频,可以吸引更多的用户。 5. 使用社交媒体,分享内容并与用户互动,可以提高网站的知名度和可见性

Public @ 2023-04-12 04:50:23

更多您感兴趣的搜索

0.474017s