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

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中domain的是什么

    domain,什么是domain

    SEO中domain的是什么,domain可以一定程度上反映外链数,但是能作为外链数量的判断标准。如何提升domain数。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1874
    • domain
    • 什么是domain
  • UGC是什么意思,对于SEO优化的作用

    UGC,SEO优化

    UGC是什么意思,对于SEO优化的作用,UGC 互联网术语,全称为User Generated Content,也就是用户生成内容,即用户原创内容。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1406
    • UGC
    • SEO优化
  • 如何快速提高网站收录

    快速收录,网站权重

    如何快速的提升网站的权重,哪些因素影响了网站的收录。但是网站权重不是一朝一夕就可以提升上来的,今天从几个重要点并且是力所能及的的点讲下如何提升网站的收录。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1056
    • 快速收录
    • 网站权重
  • 网站Site出图率是什么?对排名有什么影响?

    Site出图率

    网站Site出图率是什么?对排名有什么影响?对于SEO优化来说网站的site出图率越高越好,这个更主要的处于在吸引用户点击作用上的考量,有图片的内容更容易获取用户的目光,提高了获得点击的几率,对于关键词的排名可以起到一个很好的促进作用。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1338
    • Site出图率
  • 巧用robots避免蜘蛛黑洞

    robots,蜘蛛黑洞

    今天我们来了解下什么是蜘蛛黑洞,黑洞大家应该有一定的了解,属于一种高质量高引力天体,包括光任何的物体都无法逃逸。蜘蛛黑洞既是蜘蛛进入之后无法再出来,对正常的抓取工作产生负面影响。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1501
    • robots
    • 蜘蛛黑洞
  • 原创内容是SEO优化的关键吗

    原创,SEO优化

    在搜索引擎算法日新月异的今天,通过技术手段试图获取排名的方式越来越难以为继,稳定性也大打折扣。可以说,我们已经步入了“内容为王”的时代。不少坚持进行原创内容创作的站点发现,效果并不如预期,甚至在收录方面都遇到了重重困难。很多人认为内容质量等同于原创性,但事实真的如此吗?原创内容是SEO优化的关键吗?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 222
    • 原创
    • SEO优化
  • SEO如何选择域名,你选对了吗?

    域名,网站优化

    域名的选择主要是从站点的运营和SEO优化两个层面考虑,那你觉得哪个因素更加重要呢,可以心里默选一下,答案稍后揭晓。域名选择最基础的点:历史干净、便于记忆。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 759
    • 域名
    • 网站优化
  • 令人崩溃的网页表单输入体验

    输入体验

    站长们必看的一篇文章,网站表单的输入体验真的非常的重要!今天遇到一个让我非常恼火的问题,相信大家一定也遇到过,当你再网页的表单中填写了很多内容,突然不小心关闭了页面或者点到了链接页面跳转导致编写的内容全部丢失,如何优化表单输入体验。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 537
    • 输入体验
  • 百度抓取频率高代表什么,如何调整

    抓取频率调整

    百度蜘蛛抓取频次是根据网站的内容量来的,简单的来说,如果网站的内容多那么抓取频次就高;如果网站的内容少,那么百度抓取的频次就低。百度抓取频率高代表什么,如何调整?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3585
    • 抓取频率调整
  • 百度下拉关键词怎么做

    下拉词怎么做

    百度下拉又称百度推荐词,是百度为方便用户搜索而提供的一种关键词联想服务,提高了用户搜索效率。 百度下拉、百度搜索下拉、百度下拉框、百度搜索下拉框。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1808
    • 下拉词怎么做
  • PHP VS Python VS JavaScript VS Java:谁才是SEO优化王者?

    SEO优化,网站程语

    SEO(搜索引擎优化)与程序语言、框架的选择密切相关。不同技术栈直接影响网站的渲染方式、加载速度及内容可读性,进而影响搜索引擎排名。常见的网站编程语言及框架,哪种更适合SEO优化。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 4930
    • SEO优化
    • 网站程语
  • CDN防止网站被黑攻击

    CDN,网站被黑

    CDN的可以有效的隐藏网站的真实的IP地址,用户访问到的是离自己最近的CDN服务器;不仅仅加快了全球各地用户的访问速度体验,同时因为IP的隐藏,加大了攻击者访问到真实地址的难度,另一方学会如何设置好服务器的安全组,也可以有效防止网站被黑。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1052
    • CDN
    • 网站被黑
  • SEO内部链接优化

    SEO优化,内链优化

    在研究网站内链前,首先先要知道内链的种类有哪些,哪些位置会出现内链,各个位置的内链又有什么区别呢?内链对于SEO优化起到了什么作用。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1109
    • SEO优化
    • 内链优化
  • SEO优化快速提升关键词排名

    关键词排名

    对于每一个希望通过搜索引擎优化(SEO)来增加网站曝光率的人来说,如何快速提升网站关键词的排名无疑是最关心的话题。然而,在实际操作中,很多人发现自己长时间的努力并没有带来预期的结果。那么,到底怎样才能有效地提高关键词排名呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 260
    • 关键词排名
  • 如何最大化挖掘关键词

    挖掘关键词

    关键词挖掘一定程度上决定了SEO优化的成与败,在网站的内容和搜索引擎之间衔接的桥梁就是关键词,关键词是用户需求解决的起点,对于搜索引擎通过关键词来匹配最优质的内容的。不考虑其他因素,站点的关键词覆盖面更全,流量覆盖更完整。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 821
    • 挖掘关键词
  • SEO标题写法规范

    SEO标题写法规范

    SEO标题也就是我们常说的title标签的写法规范,标题对于直觉决定了网页获取点击的能力,影响度也是远远高于文章描述的,在搜索引中展现时,用户最注意的就是标题,因此学会书写一个合格标签至关重要。

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

    标题关键词,网站排名

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

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1068
    • 标题关键词
    • 网站排名
  • SEO关键词优化的必需知道的秘诀

    SEO关键词优化

    SEO关键词优化的必需知道的秘诀?SEO优化的本质上让设置的词有排名,通过搜索,能找到我们的网站(引流)。做优化的时候,我们还是需要掌握一点小技巧,方法策略运用对了。后面优化起来就会比较方便,而关于技巧方面的。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1250
    • SEO关键词优化