百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔

2020年3月,百度发布的《百度APP移动搜索落地页体验白皮书5.0》中提到”主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”本文将为你详细讲解如何设置合理间隔更符合用户浏览页面信息的需要。

1、内容模块之间设置分割线的重要性

用户点击搜索结果页进入落地页时,对页面信息的呈现方式一无所知。为了保障页面主体信息的最佳可读性,页面整体的排版布局设计要注重区分信息层级,凸显页面主要内容,帮助用户快速甄别主次信息,找到所需。不同内容模块之间设置分割线是区分信息层级的有效呈现方式。

2、主体内容与次要内容模块需设置间隔线

在内容详情页,除了页面主体内容以外,还包括评论、广告、相关推荐等内容模块,在当前页面,与主体内容相比,评论、广告、相关推荐等内容属于次要信息,使用分割线区分信息层级能帮助用户意识到主体内容已结束,避免用户在滑动浏览主体内容过程中因无明显分隔线提示而误点其他内容。

如图一所示,左侧案例中正文与广告之间没有任何间隔,融为一体,用户在滑动浏览信息的过程中易将广告误当成主体内容造成误点击,用户体验较差。右侧案例中正文结束后有评论、点赞等互动按钮,并且与底部广告之间有明显分界线,让用户能快速区分正文和广告,意识到正文已完结。

百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔
图一:正反示例对比

3、功能键与次要内容模块之间需设置明显间隔

百度搜索发现不少开发者对于篇幅较长的文章会设置翻页、展开全文等功能,功能键属于页面主体内容的一部分,功能键与其他次要内容模块(如广告、相关推荐等)也需设置明显间隔,避免用户在操作功能时误点击其他内容。如图二所示,该页面的翻页功能键与广告之间距离过近,用户点击翻页时很容易误触广告,给用户带来不良的浏览感受。

百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔

图二:翻页键与广告距离过近

4、参考案例

问题来了,讲了这么多规范细节,页面内容模块之间如何设置间隔距离对用户最为友好呢?下面给大家提供优质案例供大家参考。
参考案例1:正文结束后放置版权信息、责任归属或者点赞评等功能,与广告内容隔开,提示用户正文已结束

百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔
参考案例2:正文与广告之间用分割线隔开,避免用户误点击

百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔

参考案例3:翻页功能键做成按钮形式并且与广告有一定间隔距离

百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔

参考案例4:展开全文功能有明显文字标识,与广告之间设置分割线

百度白皮书指南5.0解读—内容模块之间为何要设置合理间隔

细节决定成败,内容模块之间设置间隔是页面排版布局不可或缺的细节,能帮助用户快速获取页面核心信息,不被其他次要内容干扰,对提升用户的页面浏览体验,赢得更多的用户青睐非常重要。

[原创文章] 发布者:seospsa,转载抄袭请注明本站链接:https://www.spsa.cn/2326.html

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 2020-04-29 2020/04/29
下一篇 2020-04-29 2020/04/29

相关推荐

  • seo要学多久?SEO学好后可以做什么?

    现在想要学SEO的人很多,总结一下大致分为两种:一种就是小白,对SEO一无所知,但在了解SEO这个行业之后心向往之,所以想学SEO;还有一种是有一定SEO认知和基础,但是对SEO理解还不够深刻,还不具备独立操作SEO项目能力的人,这类人还没有真正通过SEO赚到钱,因此也想学SEO。那么,问题来了,SEO要学多久?SEO学好后究竟可以做什么呢? 首先说说SEO…

    2019-03-03
    00
  • SEO红利时代,百度直播权重加持(必看)

    每天研究一下百度的搜索结果是一个好SEOER应该保持的习惯。而今天我本着这个原则在百度移动端中搜索了“SEO”这个词,让我发现了一个惊人的流量红利。 话不多说,让我们先看看我在搜索结果中发现的一个秘密。 ​ 我标红的这个搜索结果如同黑夜中的萤火虫一样拉风。我脑海中不禁浮现出这样一个疑问,这是什么玩意?又是百度什么牛逼新产品。 怀着这样一个思考我打开了这个页面…

    2020-09-22
    00
  • 学习基础的html代码知识(入门级)

          记得曾经写过一篇文章《请问我不懂代码,可以从事seo工作吗?》,大家有兴趣可以阅读一下,今天这篇文章主要给大家讲讲我们做SEO需要学习的基础html代码知识,不需要太过精通,至少要达到入门级,不一定要学会快速的编写html代码,但是我们要能看懂、理解html代码的含义。   &…

    2019-03-03
    00
  • 网站地图制作_sitemap自动生成方法详解

          网站地图是站长们手动或者利用地图生成工具生成的,用来增加搜索引擎友好度,提高蜘蛛的工作效率以及用户体验。通常有html和xml版本,html地图是给用户看的,当网站层级较深,结构复杂时,将主要导航、栏目、内容汇聚在html地图中,更方便用户进行内容查找;xml地图是给搜索引擎蜘蛛看的,能够将网站的…

    2019-03-03 SEO基础
    00
  • 【后羿seo】什么是反向链接 反向链接作用

    反向链接其实就是在目标文档内部进行声明。换言之,常规链接在文档A中标明“指向文档B”,而反向链接则在文档B中要求“使文档A指向我”。常见的反向链接有“友情链接”这个举例应该明白什么是反向链接。 一、反向链接类型 (1)站内链接:分为两种,一种是实际存在的,而另一种是虚拟存在的;一种是为浏览者设计的,而另一种是专为搜索引擎设计的。 (2)镜象站的链接:分为两种…

    2019-04-19
    02
  • 建网站需要什么(0元自助建站挖坑陷阱总结)

         近期有几个意向客户通过博主的其他SEO博客找到我,通过QQ向我咨询建网站需要什么?大概需要多少费用的问题。我大概向他讲述了建网站需要准备的数据资料以及所用工具,最后进行自己的服务报价。当我说出报价的那一刻,隔着屏幕的对方似乎受到了很大的惊吓,向博主抛来一连串的疑问:“你收费为什么那个高?人家公司建站有的都是免…

    2019-03-03
    00

发表评论

登录后才能评论