Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

百度移动搜索落地页体验白皮书4.0

百度移动搜索落地页体验白皮书4.0是一份由百度搜索平台发布的关于移动搜索落地页体验的指南,在落地页的设计、内容、交互等方面提供了实用的建议和最佳实践。 百度移动搜索落地页体验白皮书4.0重点关注了以下几个方面: 1. 移动搜索体验的趋势和变化,包括移动设备的普及、移动搜索用户的用户习惯和行为等。 2. 移动搜索落地页设计的基本原则,包括简洁明了、易于导航、视觉吸引力、响应速度等。 3. 移

Public @ 2023-04-20 10:50:30

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

一、落地页体验白皮书总览百度搜索一直致力于提升搜索用户的浏览体验,营造健康的搜索生态。近几年百度搜索持续发布《百度移动搜索落地页体验白皮书》,全力以赴改进和迭代搜索策略,坚决与低劣广告作战,与各位开发者共创健康优质的搜索服务。《百度APP移动搜索落地页体验白皮书5.0》目前是搜索资源平台最新最全的官方指导文档,从信息获取、页面浏览、交互操作、服务规范四方面制订了更加明确、细致的规范要求,全方位提升

Public @ 2013-08-14 16:18:57

百度移动搜索页面优化策略

百度从上个月开始掉正了移动搜索排序算法,这使得拥有手机站的站点排名上升,鼓励网站运营者与站长进行手机页的优化。并开放了移动建站频道,在上一篇文章中卢松松介绍了如何使用百度移动开放平台,而这次主要从网页代码优化方面对移动搜索优化进行说明。如果你还没有手机站,可以使用百度移动开放平台用二级域名CNAME解析到yizhan.baidu.com。如果是自有wap平台也可以使用该协议。通常情况下,CNAME

Public @ 2016-11-03 16:20:08

百度移动搜索优化应该怎么做?

4月14号参加主持了2015厦门Madcon大会,晚上还有百度站长平台组织的百度之夜。大会和沙龙的主题聚焦在移动搜索优化上。这是可以预期的,去年百度移动搜索流量已经超过了PC端搜索,SEO们不得不把注意力转向移动SEO。记几点感想。百度移动搜索优化方式简单说有两种移动优化方式。一是在m.domain.com之类的子域名上建独立移动站。网站要检测浏览器类型,需要时将用户转向到相应的版本,比如手机用户

Public @ 2013-06-18 16:20:08

更多您感兴趣的搜索

0.486165s