Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

《百度移动搜索引擎网页质量白皮书-医疗健康行业》-百度移动搜索引擎网页质量白皮书-医疗健康行业

一、网页整体布局标准1、网页页面整体分A区(包含广告一区和主体内容区)和B区(包含广告二区、推荐区、广告三区以及服务区)页面标准示意图见右图:2、其中A区(主体内容区和广告一区)由站长开发,主体内容区标准样式参考后面章节3、如主体内容区域超长,超过1.5倍屏幕的内容通过折叠的方式进行折叠4、B区(广告二、推荐区、广告三以及服务区)内容采用13页提供的技术组件注释:主体内容区可以认为是页面最想表达的

Public @ 2022-03-24 16:19:47

移动适配常见问题——了解这些,你也能算半个移动专家

1. 什么是移动适配? 移动适配是指确保网站或应用程序在不同的移动设备和屏幕大小上都能正确地展示和运行。这包括调整排版、图片和文本大小、字体等。 2. 移动设备的屏幕大小有哪些? 移动设备的屏幕大小各异,大致分为以下几种:小屏幕(小于4英寸)、中等屏幕(4-5英寸)、大屏幕(5-6英寸)以及超大屏幕(超过6英寸)。 3. 哪些移动设备需要进行适配? 几乎所有移动设备都需要进行适配,包括智

Public @ 2023-04-01 00:00:56

白皮书5.0解读—内容模块之间为何要设置合理间隔

白皮书5.0中,设置合理的内容模块间隔可以提高可读性和用户体验。如果内容模块之间间距不合理,用户容易感到视觉疲劳,难以集中注意力阅读。同时,合理的间隔可以帮助用户更加清晰地理解每个部分的含义,避免产生混淆和理解偏差。在设计白皮书时,应该考虑内容模块之间的逻辑关系,根据需要合理地安排间隔,以确保内容的连贯性和易读性。

Public @ 2023-06-15 01:00:11

百度移动搜索地域优化服务说明

为方便用户根据自身位置查找和使用本地信息与服务,帮助移动站点健康、稳定地提升流量,百度移动搜索现提供地域优化服务。如果您是提供线下信息服务的站点,可以通过为自己的网页添加地理位置信息的方式,让您的站点所在地的用户更快在找到您。具体方法很简单,您只需在具有地域性的页面上进行如下标识即可。a)Meta声明格式为:Name属性的值是location。Content的值为province=北京;city=

Public @ 2020-12-12 16:19:56

更多您感兴趣的搜索

0.468397s