Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

wordpress移动友好度大揭秘

WordPress作为全球最流行的CMS(内容管理系统)之一,一直以其易用性和可扩展性而享誉。在当前移动化的互联网环境中,一个网站是否移动友好是至关重要的。那么,WordPress的移动友好度如何呢?本文将揭秘它的移动友好度,并提供一些优化建议。 1. 响应式设计 WordPress默认的主题都是响应式设计。这意味着它们可以自动适应各种设备的屏幕大小和分辨率。无论你是在桌面、手机还是平板电脑上

Public @ 2023-06-12 14:00:52

移动站点对百度友好全解

移动站点对百度友好全解最新更新章节:2019-03-04本文档集合整理了站长学堂中已有的教育文章,同时对已经过时的内容进行了修订,各位站点管理员可以通过阅读本文档,全面了解在移动大潮中从百度移动搜索获得更多流量的基础性知识。本文档的内容包括:《几种站点移动化技术选型对比》《建对百度友好的移动站点》《跳转适配生效指南》《代码适配如何做对百度友好》《自适应对百度友好关键》。本文档同时会随着学堂内容的增

Public @ 2010-07-29 15:20:23

百度移动搜索优化前期准备工作有哪些?

百度移动搜索目前是全球最大的中文移动搜索引擎,每天用户使用百度移动搜索发起的搜索请求高达数亿次。百度移动搜索优化前期准备工作有哪些?一、域名选择域名的选择跟PC网站性质差不多,选择一个适合的域名等于是给用户的第一印象。好的域名将对网站的SEO优化排名起到事半功倍的效果。建议域名越短越好,短域名易记、易写、易传播,一个好的移动域名,不仅容易记忆、易于输入,还能方便用户向其他人推荐。具有语义化特性的域

Public @ 2012-08-31 16:20:11

百度LEE漫谈移动化

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

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

更多您感兴趣的搜索

0.518678s