Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

移动时代下的站长都该做哪些工作

作为一个站长,在移动时代下,应该做以下几点工作: 1. 网站响应式设计:为了让网站在不同设备上能够展现出最佳效果,站长需要采用响应式设计,使网站能够自适应不同尺寸的屏幕,提高用户体验。 2. 移动优化:站长需要对网站进行移动优化,优化网页加载速度、减小网页大小、优化图片等。这些措施可以提高页面的打开速度,减少用户等待时间,提高用户的满意度。 3. 应用程序开发:随着移动设备的普及,应用程序已

Public @ 2023-04-10 19:50:42

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

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

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

移动页面被优化展示,造成流量损失,站点如何整改及反馈?

要解决移动页面被优化展示造成的流量损失问题,站点可以采取以下步骤: 1. 检查页面加载速度:使用工具检查移动页面的加载速度,减少不必要的元素和代码,优化页面加载速度。 2. 优化页面排版:适当调整页面元素的大小和位置,使其适配不同大小的移动设备屏幕。 3. 提供原始内容:确保提供与桌面页面相同的内容和信息,避免将用户重定向到简化的移动版页面。 4. 反馈反优化:与搜索引擎联系,说明页面被错

Public @ 2023-06-22 08:50:20

用户使用m.baidu.com搜索时不同的终端排名不一致,比如说iphone搜索与安卓手机搜索结果不一致,部分排名也跟PC端访问的百度差很远。

用户使用m.baidu.com搜索时不同的终端排名不一致,比如说iphone搜索与安卓手机搜索结果不一致,部分排名也跟PC端访问的百度差很远。答: ios和安卓不同的系统下我们会有微调,但理论上的差别不会特别大。例如搜索同一款app,安卓和ios系统下是需要给出对应该系统的结果的。第二个问题,从人、设备、使用场景及移动站特征看,PC和移动都是存在明显差异的,因此,未来移动端的排序与PC端的差异会更

Public @ 2018-03-16 16:19:58

更多您感兴趣的搜索

0.413491s