Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

移动适配工具如何使用

移动适配工具是用于使应用程序在不同移动设备上获得最佳显示效果的工具。下面是使用移动适配工具的一般步骤: 1. 定义布局:在开始使用移动适配工具之前,您需要定义应用程序的布局。这包括确定应用程序的界面元素(如菜单,按钮,文本框等)在不同屏幕上的位置和大小。 2. 使用网格系统:移动适配工具通常提供了一种网格系统,用于在设计过程中对界面元素进行布局。您可以将界面元素对齐到网格上的行和列,以确保在不

Public @ 2023-07-25 20:50:48

移动搜索-3-良好收录

获得流量的基础——良好收录搜索引擎作为网站的普通访客,对网站的抓取索引、对站点/页面的价值判定以及排序,都是从用户体验出发。因此,原则上网站任何对用户体验的改进,都是对搜索引擎的改进。但是限于当前整体的网络环境以及技术性原因,落实用户体验的具体手段也是需要考虑对搜索引擎友好性的,使之在满足用户体验的前提下也会让搜索引擎更易理解处理。那么,面向移动搜索引擎的网站建设,主要分为三个部分:如何更好的让百

Public @ 2015-06-28 16:19:51

关于百度搜索落地页体验问题的说明

2018年5月,针对搜索结果中的APP调起问题,百度搜索发布了《关于百度搜索结果中APP调起行为的补充说明》,该补充说明对于“站点反复出现APP调起问题的行为”进行了规定。现在,为了更好的帮助站长整改包括“APP调起“在内的所有落地页体验问题,我们做出如下详细说明:(一) 首次发现站点存在落地页体验问题通知方式:百度搜索资源平台站内信/短信/邮件等。整改须知:站内信中会给出问题说明及整改期限要求。

Public @ 2021-05-04 16:20:05

大咖在线3:移动索引量线上培训内容分享

移动索引量数据上线后,由于平台内部沟通出了一些差错,导致工具升级上线后没有公告没有相关帮助文档,让大家很疑惑。为了帮助站长更好的理解索引量工具,并且收集站长对索引量工具有看法和建议,站长学堂举办了第三期大咖在线活动,在培训QQ群邀请索引量工具工程师直接和各位同学进行交流。【移动索引量数据升级背景】之前移动索引量工具数据只计入了百度直接抓取建库的移动页面数量,而没有计算适配生效的数量,数量比较少,给

Public @ 2021-07-09 16:19:00

更多您感兴趣的搜索