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

用户点击搜索结果页进入落地页时,对页面信息的呈现方式一无所知。为了保障页面主体信息的更佳可读性,页面整体的排版布局设计要注重区分信息层级,凸显页面主要内容,帮助用户快速甄别主次信息,找到所需。不同内容模块之间设置分割线是区分信息层级的有效呈现方式。
在内容详情页,除了页面主体内容以外,还包括评论、广告、相关推荐等内容模块,在当前页面,与主体内容相比,评论、广告、相关推荐等内容属于次要信息,使用分割线区分信息层级能帮助用户意识到主体内容已结束,避免用户在滑动浏览主体内容过程中因无明显分隔线提示而误点其他内容。
如图一所示,左侧案例中正文与广告之间没有任何间隔,融为一体,用户在滑动浏览信息的过程中易将广告误当成主体内容造成误点击,较差。右侧案例中正文结束后有评论、点赞等互动按钮,并且与底部广告之间有明显分界线,让用户能快速区分正文和广告,意识到正文已完结。

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

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

参考案例2:正文与广告之间用分割线隔开,避免用户误点击

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

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

细节决定成败,内容模块之间设置间隔是页面排版布局不可或缺的细节,能帮助用户快速获取页面核心信息,不被其他次要内容干扰,对提升用户的页面浏览体验,赢得更多的用户青睐非常重要。
跟着智能手机的遍及,Wap手机网站也逐步多了起来,移动查找优化也成了网站的新战场,移动端的优化跟着移动智能终端的遍及而显得尤为重要,乃至许多手机企业网站的建造也显得刻不容缓,所谓抢得先机即为赢得商机。 作为中文手机查找引擎百度移动查找,每天用户运用百度移动查找主张的查找恳求高达数亿次,所...
每个网站都不可避免产生接,甚至是产生了死链接但是我们却不知道,所以我们要学会检测网站产生的死链接,然后细致处理掉,以免影响网站的排名。接下来小编就为你分享网站死链接检测与细致处理方法,一起来看看吧。 一、死链接的检测通常使用工具检测 死链接的检测并非靠手工,更多的是借助工具检测。...
懂知识,就一定会做好的?在很多参与培训的来说,无论是基础、理论、概念在不同的培训机构中,所讲解的方式和理解程度都不一样,都说具备一定的排名规律,只要能先进于同行,你就具备竞争优势!SEO你懂,但懂和行是两码事。 对来说,经常会出现的问题,但是又不愿意或者没办法进行解决,到底有哪...
Flash网站与是一个老生常谈的话题,虽然目前搜索引擎都在尽力的抓取Flash站点,但我们仍然不建议大家去搭建一个Flash网站,特别是当你的目标客户完全依赖的时候。 小编认为,从目前来讲Flash站点对搜索引擎仍旧带来一定的障碍,特别是对有很大的影响,Flash站点在设计的时候经常忽略...
很多站长子啊做优化的过程中,一味为了排名权重而忽略细节问题,导致优化进度缓慢或者优化进入死循环,今天小编来给大家梳理关于优化注意的十大问题。一起来看看吧。 一、网站标题的写法 很多朋友都让我分析一下他们网站的标题,大部分的网站标题都或多或少的有问题,网站标题...
其实我们在做的过程中,有许多的地方值得注意,譬如网站,网站、网站URL抒写格式等,做好网站优化的前提是尽可能处理好网站优化细节。今天小编就和大家分享有利于网站的URL优化方法,一起来看看吧。 一、域名的选择 域名应该更为合理,让域名更容易让用户记住,更符合你...