白皮书5.0解读：内容模块之间如何设置合理间隔

在《百度APP移动搜索落地页体验白皮书5.0》中明确指出，”主体内容应该与广告、相关推荐等次要内容模块有明显的间隔距离或分割线，让用户获取信息时不受任何东西干扰。”下面琳玲SEO将为你详细讲解内容模块之间如何设置合理间隔，才能符合白皮书5.0标准。

1、内容模块之间要合理设置分割线

当用户点击搜索结果页面进入落地页时，他们对页面信息的呈现方式一无所知。为确保网页主体信息的最佳可读性，网页整体布局设计应注重区分信息层次，突出网页主要内容，帮助用户快速识别主次信息，找出所需信息。为不同内容模块设置分割线是区分信息层级的有效方法。

2、主体内容和次要内容模块应设置间隔线

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

如下图所示，左侧负面案例中正文与广告之间融为一体，没有任何的间隔距离，用户在滑动页面浏览信息的过程中容易把广告误当成主体内容造成误点，而且用户体验很差。右侧正面案例中正文结束后有评论、点赞等互动按钮，并且和底部广告之间设置有明显的分界线，让用户能更好地区分正文和广告，意识到正文已经结束。

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

由于很多开发者对于篇幅较长的文章，一般会设置翻页、展开全文等功能，而功能键是属于页面主体内容的，因此与其他次要内容模块（如广告、相关推荐等）也需要设置明显的间隔，主要是可以避免用户在操作功能时误点击到其他内容。如下图所示，它的翻页功能键与广告之间距离太近了，用户点击翻页时很容易误点到广告，给用户带来不良的浏览体验。

4、正面参考案例

前面说了这么多规范细节，那页面内容模块之间如何设置间隔距离对用户最为友好呢？下面给大家提供一些优质案例供大家参考。

正面参考案例1：正文结束后放置版权信息、责任归属或者点赞评论等功能，与广告内容隔开，提示用户正文已结束

正面参考案例2：正文主体内容与广告之间用分割线隔开，避免用户误点击

正面参考案例3：按钮形式的翻页功能键与广告有一定的间隔距离

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

总之，内容模块之间保持合理间隔是页面布局不可或缺的细节。内容模块间的合理间隔可以帮助用户快速获取页面的核心信息，且不受其他次要内容的干扰。这对改善用户的页面浏览体验和赢得更多用户的青睐是非常重要的。如想了解百度白皮书5.0的其他内容可查看本站其他文章，欢迎收藏关注。