Categories


Tags


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

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

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

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

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

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

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

图一:正反示例对比

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

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

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

4、参考案例

问题来了,讲了这么多规范细节,页面内容模块之间如何设置间隔距离对用户最为友好呢?下面给大家提供优质案例供大家参考。

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

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

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

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

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

注:如果对该文有任何疑问或想深入了解其他规范细节,欢迎点击这里向我们反馈。

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


Public @ 2013-08-24 16:19:42

移动站点对百度友好全解-自适应对百度友好关键

一、什么样的网站适合做自适应自适应网页设计(Responsive Web Design)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有4个好处:提升用户体验;PC端和移动端SEO保持一致;避免重复内容和出错内容;链接统一。而自适应比较明显的缺陷是,开发成本比较高,尤其是要构建包含额外编程

Public @ 2012-12-16 15:20:21

《百度移动搜索引擎网页质量白皮书-医疗健康行业》-百度移动搜索引擎网页质量白皮书-医疗健康行业

一、网页整体布局标准1、网页页面整体分A区(包含广告一区和主体内容区)和B区(包含广告二区、推荐区、广告三区以及服务区)页面标准示意图见右图:2、其中A区(主体内容区和广告一区)由站长开发,主体内容区标准样式参考后面章节3、如主体内容区域超长,超过1.5倍屏幕的内容通过折叠的方式进行折叠4、B区(广告二、推荐区、广告三以及服务区)内容采用13页提供的技术组件注释:主体内容区可以认为是页面最想表达的

Public @ 2022-03-24 16:19:47

百度LEE漫谈移动化

在3月19日的百度搜索资源平台蝶变行动专场沙龙现场,百度LEE团队主要成员、移动搜索产品负责人熊咏志老师针对现阶段大热的PC移动化问题阐述了自己的看法,值得同学们好好学习一下,汇总起来要点如下:? 理清目标用户需求,切忌盲目移动化? 移动适配要全面,以免流量流失? 尽快在百度搜索资源平台验证站点,享受专项服务2014年在不同的场合都跟站长朋友说了很多,相信大家也都看到了,从流量角度讲2014年可以

Public @ 2012-03-09 16:19:25

官方解读:如何提高落地页体验?

1. 提升加载速度。优化CSS、html、JavaScript、图片等相关资源的加载时间,并利用浏览器缓存加速加载速度; 2. 提升页面可读性。评估页面的可读性和可访问性,确保页面内容清晰易读; 3. 优化搜索引擎友好性。市场推广根据搜索引擎规则,编写关键词和内容,优化落地页SEO; 4. 提高页面交互性。在落地页设置清晰明确的中转路径确保用户直观感受; 5. 搭建精准定位识别机制。利

Public @ 2023-02-24 21:27:33

更多您感兴趣的搜索

0.438480s