Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

移动落地页体验规范常见问题说明

移动落地页体验规范是指针对移动设备的落地页(Landing Page)所设置的一些规范和要求,以提高用户的体验和转化率。然而,在实际应用中常常会出现一些常见问题,下面是对一些常见问题的说明: 1. 页面加载速度慢:移动设备的网络环境和硬件性能有限,因此页面加载速度要尽量快,避免过多的图片和视频、过多的JavaScript等元素,尽量简化页面结构和样式。 2. 不良的排版和布局:移动设备屏幕较小

Public @ 2023-07-28 22:00:43

使用开放适配服务,还有其他需要注意的事项吗?

1.放开对百度spider的robots封禁和屏蔽,方便spider获取您PC站与手机站之间的对应关系。2.做好手机站流量预留工作,提前确认服务器的承载能力。(可至百度统计了解目前您的PC站在百度移动搜索中的流量,预估适配后您的手机站可能达到的流量峰值)

Public @ 2019-08-27 15:50:59

禁止百度移动搜索进行转码的方法

禁止百度移动搜索进行转码的方法有以下几种: 1. 使用HTTP头部标签禁止转码 可以在网页的HTTP头部添加一个Meta标签,让百度搜索引擎不进行转码。具体代码如下: 这个标签可以放在HTTP响应的头部或者网页的头部,告诉百度不进行转码。 2. 使用Robots协议禁止转码 Robots协议是一个标准的协议,用来告诉搜索引擎哪些页面可以被抓取,哪些页面不可以被抓取。可以在网页中添加禁止转

Public @ 2023-04-02 18:50:28

【白皮书4.0解读】评论功能应该如何做?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》(简称《白皮书4.0》),为帮助大家更好地理解白皮书4.0,我们推出了《白皮书4.0专题解读》,将对大家感兴趣的点进行详细解读,敬请关注。《白皮书4.0》中强调“禁止使用评论、咨询、查看全文等功能时强制要求下载APP的情况”,“若评论编辑框在页面中直接展现,则应保证评论的编辑、发送功能在当前页可用”。那么,评论功能如

Public @ 2011-01-31 16:19:38

更多您感兴趣的搜索

0.473171s