Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

织梦移动化指南-织梦移动化Q&;A集锦

织梦移动化Q&A集锦问:代码适配或者跳转适配适配成功后百度自动判断跳转?还是要写些东西告诉他跳到哪里?详细讲解下这两种适配的操作方法。答:百度会在抓取网页中自动判断适配关系,但为了更准确有效率地实现移动适配,建议通过百度站长工具的移动适配功能进行提交。代码适配的操作方式可参考百度站长学院的相关教程,详见《代码适配移动站点对百度友好案例分享》相比代码适配而言,跳转适配的实现技术难度较为容易,

Public @ 2020-09-29 15:20:24

移动适配工具如何使用

移动适配工具可以帮助开发者将网站或应用程序中的内容适配到不同设备的屏幕尺寸和分辨率上,提供更好的用户体验。以下是使用移动适配工具的步骤: 1. 选择一个适合自己开发语言和框架的移动适配工具。例如,对于前端开发者可以选择常用的CSS框架Bootstrap和Foundation。 2. 在设计和开发时,采用相对长度单位(例如em和rem),而不是绝对长度单位(例如px),以确保页面在不同大小的屏幕

Public @ 2023-06-11 14:00:16

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

为了提高落地页体验,可以采取以下措施: 1. 页面设计要简洁明了,排版要清晰,引导用户逐步了解产品和服务的特点和优势; 2. 使用高质量和具有吸引力的图片和动画效果,能够有效地提高用户留存率和参与度; 3. 确保页面加载速度要快速,特别是针对移动设备的优化,以避免用户长时间等待和流量浪费; 4. 提供多种联系方式和沟通渠道,包括电话、邮件、在线聊天等,以适应不同用户的需求; 5. 在页面

Public @ 2023-06-11 09:00:13

百度搜索落地页标准重大更新:禁止页面主体内容折叠

最新标准如下:百度APP内,通过搜索分发的页面(智能小程序、H5页面),各级页面主体内容在展示完全之前不允许折叠。请广大资源方尽快自查整站,优化整改站点内涉及的相关内容,达到百家号式的浏览体验。自《百度移动搜索落地页体验白皮书5.0》上线以来,针对“展开全文”的设置进行了详细的说明规范,但仍然接到了用户的大量投诉。百度搜索一直致力于让用户快速便捷的从搜索中获取所需内容,减少用户浏览信息的操作成本,

Public @ 2011-05-24 16:18:58

更多您感兴趣的搜索

0.586232s