Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

移动适配工具注意事项

1、只要PC站点与移动站点的主干一致,即可参与移动适配。举例说明:PC站点ww.abc.com.cn    移动站点m.abc.net  属于主干一致。当然我们更建议您使用主域相同的PC站点和移动站点2、建议您尽量使用规则适配进行对应关系提交,一次提交可对于新增同规则的URL持续生效,无需多次反复提交,且处理周期相对URL提交更短,更易于维护和问题排查,是百度推荐使用

Public @ 2013-07-02 15:20:37

移动适配帮助文档增加正则格式示例

平台工具中的移动适配和网站改版工具都涉及到正则表达式,而两款工具支持的正则表达式还不完全一样,给管理员朋友带来了一些困挠,平台方面除了要继续提高工具的易用性之外,首先升级了移动适配工具中关于正则表达式的帮助文档,增加了移动适配工具正则格式示例。如:1、纯数字替换生成pattern例子:eg1:url对应关系:http://www.abc.com/26299483.html->  h

Public @ 2014-11-25 15:20:42

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

1. 通过添加语义化的标签,让百度准确地识别页面类型是非常重要的。比如:logo、nav、article、aside 以及 section标签,用上述标签可以让百度知道网页正在展示什么内容。 2. 完善首页介绍、导航菜单,正确使用title,在head中添加description简介,description页面简介最好不要超过160个字符,尽量控制在160 字符以内,能够让百度准确的了解该页

Public @ 2023-02-25 07:36:26

官方解读:如何提高落地页体验?

1. 提升加载速度。优化CSS、html、JavaScript、图片等相关资源的加载时间,并利用浏览器缓存加速加载速度; 2. 提升页面可读性。评估页面的可读性和可访问性,确保页面内容清晰易读; 3. 优化搜索引擎友好性。市场推广根据搜索引擎规则,编写关键词和内容,优化落地页SEO; 4. 提高页面交互性。在落地页设置清晰明确的中转路径确保用户直观感受; 5. 搭建精准定位识别机制。利

Public @ 2023-02-24 21:27:33

更多您感兴趣的搜索

0.122820s