Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

中文URL正则式示例分享

11月初平台君组织过一场关于移动正则式的调研反馈,数据表明85%站点提交的规则适配都收到了“适配成功”的反馈。一直“校验中”的同学不要急着声讨哈,最近移动适配工具会进行内部数据升级,绝大部分同学会看到改观。在调研中,有17%的同学表示对正则式不够熟悉,或者提交规则时会报错。平台早已预计到此情况,在调研时也让这部分同学提交了问题案例。随后将这些案例交与途牛SEO负责人张亚楠进行分析,他表示99%的案

Public @ 2018-09-17 15:20:34

轻松实现移动端网站视频转码

为了方便用户在手机端的浏览,越来越多的pc端网站走上移动化之路,而手机端的访问,因为系统环境的不一样,可能会导致很多差异化的东西,特别是视频,pc端的视频如果直接在移动端访问,很多时候是访问不了的。如何改变pc端对应的移动端网页中访问视频的代码,使其支持移动端的观看。今天我们特别邀请到游迅网 SEO总监陈洲分享如何轻松实现移动端网站视频转码!下面以优酷视频为例进行说明,如何让网站pc端的优酷视频资

Public @ 2021-06-03 16:19:25

移动网站如何快速向百度提交数据

要向百度快速提交移动网站数据,可以按照以下步骤操作: 1. 确认移动网站是否已经绑定百度站长平台,如果没有绑定,需要先注册站长平台并完成绑定。 2. 登录百度站长平台,选择“移动网站”,点击“提交链接”。 3. 在“提交链接”页面,输入移动网站的网址,点击“提交链接”。 4. 然后会进入“管理提交记录”页面,可以查看链接提交的状态和进度。 5. 如果已经完成提交,可以在移动端用手机百度浏

Public @ 2023-06-09 02:00:13

更多您感兴趣的搜索

0.419137s