Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

移动站点对百度友好全解-选择适合你的移动化之路

如何布局您的PC站和移动站,并表达两者之间内容的对应关系目前较流量的PC站与移动站配置方式有三种,百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应,以下为这三种配置方式的名词解释及异同对比。1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。2,代码适配:该方

Public @ 2015-08-20 15:20:22

手机站的百度优化技巧汇总

随着智能手机的普及,已经有越来越多的网站开始打造移动站。从今年4月份开始,百度调整了移动搜索排序算法,使得手机站的排名得以提升。这使得手机站的优化越来越重要。下面我整理了Google与百度对手机站的一些建议和技巧,仔细阅读,相信一定会对站长有所帮助的。手机站的百度优化技巧汇总 百度 SEO优化 移动互联网 SEO推广 第1张对百度来说:对百度来说这种情况就复杂了许多,目前可以通过两种方法来建设一个

Public @ 2010-05-24 16:20:09

移动网站如何快速向百度提交数据

移动网站要快速向百度提交数据,可以按照以下步骤进行: 1. 创建百度站长账号,并将移动网站添加到百度站长平台中进行验证。 2. 在百度站长平台中提交移动网站的sitemap(网站地图),并保证sitemap的内容完整、准确。 3. 在百度站长平台中设置移动网站的爬行频率和爬行方式,以便百度搜索引擎能够及时更新网站的内容。 4. 在移动网站的页面中添加百度站长平台提供的统计代码,以便百度能够

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

【白皮书4.0解读】图片交互如何做会更好?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》中提到图片页资源标准:“详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。”对于这一标准,有哪些案例可以参考呢?对于基础的点击调起大图功能,应该如何实现呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《图片交互如何做会更好?》,将为你解答这些疑问。一、为什

Public @ 2021-12-07 16:19:39

更多您感兴趣的搜索

0.632039s