Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

织梦移动化指南-织梦移动化培训视频

织梦移动化培训视频是一种通过视频形式进行培训,帮助人们了解和学习织梦移动化的方法和技巧的教育资源。它可以通过在线平台或培训机构提供,通常包括课程大纲、教学视频、案例分析和实操演练等内容。 织梦移动化指南是针对织梦移动化的培训教材,主要讲解织梦移动化的基本概念、流程和步骤,以及相关的工具和技术。它旨在帮助企业和个人更好地理解和应用织梦移动化,提升移动端用户体验和运营效果。 织梦移动化培训视频可以

Public @ 2023-07-27 23:50:36

关于《百度移动搜索落地页体验白皮书4.0》中广告标准的补充说明

《百度移动搜索落地页体验白皮书4.0》中提到的广告标准是百度移动广告的标准,广告应该遵循相关法律法规以及行业公认的标准,不得含有虚假、夸张、误导性的内容,同时也要遵守百度的广告投放规则,比如不能投放违禁品、涉黄、赌博等广告。除此之外,百度还要求广告主提供真实的产品或服务信息,并承诺不会出售用户的个人信息。此外,广告的落地页也必须符合用户期望,并提供真实、准确的信息,不得存在欺骗性内容,尤其是对于医

Public @ 2023-06-25 14:00:15

百度搜索将严格控制搜索中的权限问题

近期,百度搜索发现在搜索中部分站点存在内容获取权限、功能使用权限等问题,影响搜索用户的体验。百度搜索一直致力于让用户快捷地从搜索中获取所需内容,减少用户获取信息的成本。为了更好的满足搜索用户的需求,对于搜索结果中存在权限限制的站点或智能小程序,近期将上线策略进行严厉打击。本次策略主要针对以下2种情形:1、内容获取权限:用户查看页面中的全部内容时,如:· 阅读全文· 查看图片· 查看论坛帖子· 观看

Public @ 2017-01-08 16:20:06

百度眼中的优质移动站点什么样

做网站、做SEO的同学往往喜欢问百度各项关于标准的问题,在移动大潮席卷整个互联网的今天,百度眼中的优质移动站点是怎样的呢?在5月底结束的杭州培训上我们给亲临培训现场的同学留了作业,站长社区版主飞鹰正义是第一个就此题目发来作业的同学。在作业中,飞鹰同学并非仅就那一页PPT做了复录,更是将现场很多知识点结合在一起,内容比培训那单页PPT更加完整。不仅如此,飞鹰同学还就培训部分内容提出质疑与询问,在得到

Public @ 2021-08-26 16:19:49

更多您感兴趣的搜索

0.524770s