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

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

相关文章

  • 网站被镜像,对网站有什么影响,如何应对?

    网站被镜像,seo优化

    网站被镜像,对网站有什么影响,分享一个有用的识别镜像行为和屏蔽镜像行为的方案。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 933
    • 网站被镜像
    • seo优化
  • 网站快速排名怎么做?

    网站快速排名

    网站快速排名怎么做?怎样才能网站有好的排名?网站快速排名有以下几种方法可以完成。网站优化排名不是一天两天的事情,是 一个月两个月往上走的事情!SO,如果你三天打渔两天晒网,就不要浪费钱了。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1026
    • 网站快速排名
  • SEO优化必须掌握的robots文件协议

    robots,SEO优化

    robots文件使用来申明网站哪些内容允许搜索引擎抓取,哪些内容禁止搜索引抓取的;正确的设置robots可以提升搜索引擎对网站的抓取效率,同时避免不必要的内容被抓取展现。但在实际运用中很多站点没有正确的使用robots导致了一些问题,今天潘某人SEO就为大家揭秘下robots的注意点。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1004
    • robots
    • SEO优化
  • 如何提升seo网站收录的关键点

    seo收录

    seo近1年来大家应该发现了网站越来难收录了,很多站点以前都是正常收录的也出现了收录难,那么要如何解决收录问题呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 751
    • seo收录
  • 优化标题关键词可以提升排名吗?

    标题关键词,网站排名

    很多人有一个疑问,把需要排名的关键词插入标题是不是就可以提升这个关键词的排名吗?有可能可以提升排名,也有可能非凡没有提升还会有负面作用,说了等于没说哈!这个需要根据实际情况具体分析,不是绝对的。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1105
    • 标题关键词
    • 网站排名
  • 新站突然排名突然消失的原因

    新站排名消失

    新站突然排名突然消失的原因?有一些建过站的站长可能会碰到这样的一种现象,就是自己刚刚建好的一个网站,经过自己努力好不容易有了点,甚至是很不错,但是突然某一天自己的网站竟然毫无征兆的排名全无,

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2476
    • 新站排名消失
  • 搜索引擎高级搜索指令大全

    高级搜索指令大全

    搜索引擎高级搜索指令大全。普通的搜索肯定需要会,但是有一些特殊的搜索是SEO必修课程。下面就来介绍一下搜索引擎的特殊搜索——高级搜索指令。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1744
    • 高级搜索指令大全
  • 网站收录狂掉的原因及解决方法

    收录狂掉原因

    很多站长在做网站优化的时候会出现这种情况,原本有收录的文章突然没收录了,甚至网站出现大量的掉收录的情况,这种可能是因为网站死重复内容过多,被降权或者进入沙盒期,所以被收录的文章后面又没了,那么是什么原因造成的呢,又该如何解决呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2329
    • 收录狂掉原因
  • 答应我以后别这么设计网址路径,迟早会后悔!

    网址路径

    今天有人跟我痛诉网站几千的内容,全部被爬走了,一个不剩的那种,如何才能避免这种悲剧的发生呢?很多人的站点都会有这个问题,并且我见过的很多企业站点都有这个通病。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 391
    • 网址路径
  • 做seo需要具备哪些条件

    seo优化条件

    并不是所有网站所有行业适合做网站优化,哪些网站适合做SEO优化呢?需要哪些条件呢?

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

    SSL证书,求职

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

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 361
    • SSL证书
    • 求职
  • 新站SEO关注哪些数据

    新站优化数据指标

    一个新站的优化我们应该关注哪些数据来判定站点目前处于一个什么样的情况。对于新站来说我们迫切希望的是可以快速的获取排名权重,但是我们又可以通过哪些数据来分析优化流程是否有问题,是否是一个正常的发展呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2711
    • 新站优化数据指标
  • 地方行业网站该如何做好SEO

    地域行业seo

    地方行业网站该如何做好SEO?善于应用带地方名称关键词的密度分布,打造强悍的地方性长尾词群。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1800
    • 地域行业seo
  • 品牌词监控对于SEO优化的重要性

    品牌词监,SEO优化

    流量监控是每个站点都会去做的一件事,但是大多数非常宽泛的一个统计,并不会精确到关键词的流量的变化,当然精力有限不可能去统计所有关键词,但是网站的一些核心关键词的排名和流量变化是必须要监控的,尤其是站点的品牌词。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1250
    • 品牌词监
    • SEO优化
  • MIP Cache 服务下线通知

    MIP Cache关闭

    MIP Cache 服务下线通知,MIP Cache 服务至目前为止已上线了三年多,为 Web 生态输出了优质资源和更为快速的网页浏览体验。2020年6月1日 - 2020年6月30日:关闭站长平台 MIP 入口,逐步清退下线 MIP Cache 服务。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2064
    • MIP Cache关闭
  • 权重是什么意思

    权重是什么意思

    很多人对于网站权重的意思存在着一定的误解,其实搜索引擎官网并不存在所谓的权重,这里的权重其实指的是第三方工具比如站长工具、爱站等平台给到的一个等级划分,对于网站权重还是需要理性的看待,没有必要过分的追逐。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1430
    • 权重是什么意思
  • 一文带你全面了解SSL证书

    SSL证书

    HTTPS不再是可选项,而是数字时代的生存刚需,在浏览器地址栏中,那个不起眼的“锁头”图标,正悄然成为用户判断网站可信度的第一道门槛。浏览器对于未安装SSL证书的网站,在地址栏超级为"不安全",甚至会拦截用户的访问。对于大多数站点只在关注证书是否免费,从未深究其中的区别,今天潘某人SEO带你全面的了解下SSL证书的那些事。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 408
    • SSL证书
  • seo标题写法及其重要性

    seo标题写法,重要性

    标题对于SEO优化起着一个什么样的作用呢,这是一个值得思考的问题。很多人认为一个好的标题对于排名有着很好的作用,但是个人不这么认为,标题的作用没有我们想象的那么重要!

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1650
    • seo标题写法
    • 重要性