内容模块之间为何要设置合理间隔

2020年3月,百度发布的《百度APP移动搜索落地页体验白皮书5.0》中提到”主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”本文将为你详细讲解如何设置合理间隔更符合用户浏览页面信息的需要。

1、内容模块之间设置分割线的重要性

用户点击搜索结果页进入落地页时,对页面信息的呈现方式一无所知。为了保障页面主体信息的最佳可读性,页面整体的排版布局设计要注重区分信息层级,凸显页面主要内容,帮助用户快速甄别主次信息,找到所需。不同内容模块之间设置分割线是区分信息层级的有效呈现方式。

内容模块之间间隔

2、主体内容与次要内容模块需设置间隔线

在内容详情页,除了页面主体内容以外,还包括评论、广告、相关推荐等内容模块,在当前页面,与主体内容相比,评论、广告、相关推荐等内容属于次要信息,使用分割线区分信息层级能帮助用户意识到主体内容已结束,避免用户在滑动浏览主体内容过程中因无明显分隔线提示而误点其他内容。



如图一所示,左侧案例中正文与广告之间没有任何间隔,融为一体,用户在滑动浏览信息的过程中易将广告误当成主体内容造成误点击,用户体验较差。右侧案例中正文结束后有评论、点赞等互动按钮,并且与底部广告之间有明显分界线,让用户能快速区分正文和广告,意识到正文已完结。

内容模块分割例子

图一:正反示例对比


3、功能键与次要内容模块之间需设置明显间隔

百度搜索发现不少开发者对于篇幅较长的文章会设置翻页、展开全文等功能,功能键属于页面主体内容的一部分,功能键与其他次要内容模块(如广告、相关推荐等)也需设置明显间隔,避免用户在操作功能时误点击其他内容。如图二所示,该页面的翻页功能键与广告之间距离过近,用户点击翻页时很容易误触广告,给用户带来不良的浏览感受。


翻页键与广告距离过近

图二:翻页键与广告距离过近


4、参考案例

问题来了,讲了这么多规范细节,页面内容模块之间如何设置间隔距离对用户最为友好呢?下面给大家提供优质案例供大家参考。参考案例1:正文结束后放置版权信息、责任归属或者点赞评等功能,与广告内容隔开,提示用户正文已结束

正文与广告之间用分割线隔开

参考案例2:正文与广告之间用分割线隔开,避免用户误点击



dd.png

参考案例3:翻页功能键做成按钮形式并且与广告有一定间隔距离



展开全文功能有明显文字标识

参考案例4:展开全文功能有明显文字标识,与广告之间设置分割线



内容 置合理间隔

细节决定成败,内容模块之间设置间隔是页面排版布局不可或缺的细节,能帮助用户快速获取页面核心信息,不被其他次要内容干扰,对提升用户的页面浏览体验,赢得更多的用户青睐非常重要。

申明:本站内容仅代表个人观点,仅供学习参考;未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用!

本站文章可能使用到互联网上的资料,若对您造成困扰,请联系 kk19@foxmail.com除理

本文地址:https://www.chateach.com/seo/seozhishi/419

相关文章

  • 修改网站标题对排名有影响吗

    修改标题,排名影响

    修改网站的关键词标题等会影响网站的排名吗,网上大多数的说法是站点的关键词标题不能够轻易修改,对于网站的排名影响很大,但是真相并非如此......

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2119
    • 修改标题
    • 排名影响
  • 适用各种编程语言网站的百度API链接推送方法

    api推送,百度SEO,curl提交

    主动提交也叫API提交,是通过api接口调用来实现连接的推送,非常的便捷高效。只需简单的几行代码就可以实现秒提交数万的链接,还是非常给力,但是就是需要一定编程能力。不过当你看到这篇文章时,就需要恭喜你得到一种傻瓜式的API提交方法,无需编程开发能力,也无需对网站做任何的修改。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2367
    • api推送
    • 百度SEO
    • curl提交
  • 百度搜索结果中APP调起行的处罚

    APP调起行的处罚

    17年2月百度搜索发布过关于严厉打击强制用户调起APP行为的公告。对于存在强制用户调起APP的行为,严重伤害用户搜索体验的站点进行打击。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 958
    • APP调起行的处罚
  • SEO真的是免费获取流量吗?

    SEO,免费流量

    ​很多人对于SEO的认知是免费流量,做SEO的目的也是为了获取免费流量。正式因为这种错误的认知,才造就了众多站点的SEO之路通往了失败的大门。SEO的确是属于免费流量的渠道,但是获取过程并非你所认知的低成本。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 931
    • SEO
    • 免费流量
  • SEO优化之外链

    外链优化,绿萝算法

    SEO外链优化,买卖链接不可取,迟早要被打击,目光放远的,多提升站点内容质量,外链在于精,不在于多。切记不要舍本逐末。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2122
    • 外链优化
    • 绿萝算法
  • 网站栏目数量对于权重的影响

    网站栏目,权重,seo

    ​如果您近期正在打算搭建网站,那么看到这篇文章就赶上了。很多站点在网站搭建的时候就为后期的SEO优化埋下了诸多的坑。如网站的栏目结构可以说是重灾区。网站的栏目数量要适当不宜多,对于大多数网站栏目数量控制在3-5左右差不多。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 798
    • 网站栏目
    • 权重
    • seo
  • 百度快照更新时间的解析

    百度快照,快照时间更新

    百度快照时间更新和网站的权重是一个什么样的关系呢?很多站点一直的对于快照和权重的关系存在着误解。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1123
    • 百度快照
    • 快照时间更新
  • 什么是面包屑导航

    面包屑导航

    什么是面包屑导航,使用面包屑导航的优点,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1027
    • 面包屑导航
  • 收录和索引别搞混了!

    收录,索引

    ​我敢说很多人连收录和索引都会搞错,当你觉得这么简单的怎么可能错的时候,搞不好你就是其中之一,今天就你了解下收录和索引的区别,各个搜索引擎大同小异,以百度搜索引擎为例。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1217
    • 收录
    • 索引
  • ChatGPT的诞生站长们害怕不

    ChatGPT,

    在ChatGPT爆火全球之后,很多人开始担心起了自己饭碗,擅长写bug抄代码的程序员的开始担心起了自己的饭碗。比起写代码ChatGPT的文案创造能力更强,那么SEO们是否对自己的未来产生了担忧呢。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2229
    • ChatGPT
  • SEO优化内容的发展趋势

    SEO优化

    2022-07-14百度搜索资源平台发布了打击盗版网文站点公告,从中其实可以对seo未来的发展趋势有了大概的预测。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 708
    • SEO优化
  • 域名后缀对seo的影响

    域名后缀SEO影响

    域名后缀以及域名的长短会对网站seo产生影响吗?早期来说域名的后缀对于SEO优化不会有任何的影响,但是随着这个行业的发展慢慢的出现了群站,如今是否存在影响也是成为了一个不确定的因素。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2610
    • 域名后缀SEO影响
  • 求职避雷指南:连SSL证书都要省的公司,你敢去吗?

    SSL证书,求职

    今天这篇文章不仅仅适用于SEO优化从业者,同时也适用于其他岗位的求职者,那你从此刻起,多了一个更加靠谱的方法判断公司是否靠谱。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 422
    • SSL证书
    • 求职
  • 百度搜索劲风算法解读

    百度劲风算法上线

    2020年2月27日,百度站长平台发布公告,将于近期上线“劲风算法”,主要打击网站及智能小程序通过恶意构造聚合页面内容来获取搜索排名,获得搜索用户关注等行为。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2298
    • 百度劲风算法上线
  • SEO优化如何运用好meta标签

    meta标签运用

    在SEO网站优化过程中应该知道网站的三大meta标签的重要性,这三种标签设置的好坏直接影响着网站后期的优化效果。下面就来和大家说说在SEO优化中如何运用meta标签。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2356
    • meta标签运用
  • Tag标签页面如何优化?

    Tag标签页面

    你知道什么是tag‘页面吗?什么样的站点适合去tag页面呢?tag页面又叫标签页面,是一种网站内容的分类方式。常见的实现方式是通过给各个页面打上标签,然后以这个标签为主题来聚合相关的页面。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1246
    • Tag标签页面
  • 百度落地页时间因子什么作用

    如何保护原创内容,百度时间因子

    如果你是一个SEO优化人员但是不知道百度着陆页时间因子,但是绝对是一大损失,百度时间因子可以很好保护中小站点的原创内容,保护站点的权益。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3109
    • 如何保护原创内容
    • 百度时间因子
  • SEO前景如何,能干一辈子吗?

    SEO前景

    是SEO走向落寞了吗?​现在越来越多的人开始选择放弃seo,而去选择短视频新媒体等推广引流方式,不知大家如何看待这一现象呢?今天潘某人SEO来分享下对于SEO发现前景的看法,希望对你有帮助!

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 6348
    • SEO前景