Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

百度搜索资源平台-PC页、H5页跳转适配最优方案上线公告

尊敬的用户,感谢您一直以来对百度搜索资源平台的支持。为了更好地适配PC页和H5页的跳转,我们最近上线了最优方案。 具体来说,该方案包括以下几点: 1.支持自适应页面跳转,根据用户终端类型自动选择最合适的跳转方式。 2.支持定制化跳转,用户可以根据自己的需求,自定义跳转方式和参数配置。 3.支持多种跳转模式,包括301跳转、302跳转、meta-refresh跳转等。 经过实测,该方案可以

Public @ 2023-06-27 00:00:16

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

提高落地页体验需要注意以下几点: 1.页面设计:页面设计是提高落地页体验的重要环节,应该采用简洁、清晰、直观的设计风格。同时要注意页面元素的排列和布局,使页面整体看起来有层次感且易于用户理解。 2.文案撰写:落地页文案撰写要突出产品或服务的利益,鼓励用户进行转化行动。需要简明扼要、重点突出,同时要具备吸引力和说服力。 3.目标明确:落地页要针对具体营销目标进行设计,如宣传品牌、引导用户下单、

Public @ 2023-04-22 20:00:23

百度移动端对做了移动样式的站点的排名是否有照顾?移动端适配成功后是否可以把很多没做适配的站点挤下去?

百度移动端对做了移动样式的站点的排名是否有照顾?移动端适配成功后是否可以把很多没做适配的站点挤下去?答:做了移动适配的站点比PC的网站,其他都相同的情况下,我们会优先展示适配移动的站点。系统中是更倾向于将移动站优先展现的。来源:百度搜索资源平台 百度搜索学堂

Public @ 2017-01-12 16:19:57

移动页面被优化展示,造成流量损失,站点如何整改及反馈?

1. 优化站点页面的内容与结构,使之更加吸引用户; 2. 结合当下主流移动设备,优化站点的显示、访问以提高用户体验; 3. 针对移动端添加专业的SEO优化; 4. 合理利用原生App传播,宣传站点; 5. 核实站点的访问请求头,确保系统获取的是正确的移动请求; 6. 避免用户在移动端的流量中碰到过多的广告; 7. 及时反馈用户反馈,结合反馈内容持续改进,积极采纳用户的功能建议;

Public @ 2023-02-28 18:48:22

更多您感兴趣的搜索

0.634931s