首页 >  SEO >  SEO知识 >  正文

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

 作者:潘某人SEO
1357

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

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

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

内容模块之间间隔

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

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



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

内容模块分割例子

图一:正反示例对比


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

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


翻页键与广告距离过近

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


4、参考案例

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

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

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



dd.png

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



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

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



内容 置合理间隔

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

申明:以上内容仅代表个人观点,仅供学习参考 本站图片来源于站点原创或CC0协议图库站点或已获得VRF授权的图库站点 本文参考于互联网如有侵权,请联系 pmrseo@foxmail.com删除 本文地址:https://www.chateach.com/seo/seozhishi/419
相关文章
  • 百度快照更新时间的解析

    百度快照,快照时间更新

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

    776
    • 百度快照
    • 快照时间更新
  • 网站优化中如何做好图片的优化

    网站优化,图片优化,alt标签

    网站优化中图片优化你做对了吗,很多站点忽视了页面图片的优化,这会让你损失点不少流量,如果你还没有意识到,容潘某人SEO为你细细道来。

    537
    • 网站优化
    • 图片优化
    • alt标签
  • 原创内容如何保护,防止被抄袭爬取

    原创保护,防止抄袭爬取

    如今搜索引发展趋势是内容为王,想要获得好的排名那么优质得内容是必不可少的。面对无数的抄袭者我们如何保护自己不被抄袭、页面被复制、防止爬虫爬取。

    1015
    • 原创保护
    • 防止抄袭爬取
  • 如何合理设置展开全文功能

    SEO展开全文功能

    在SEO优化中,如何合理设置展开全文功能呢?根据百度移动白皮书5.0总结一下几点:要有明确的文字指示说明、展开全文按钮与其他内容模块需设置间隔、展开全文不能出现在首屏、全文中展开全文功能只有出现一次

    2258
    • SEO展开全文功能
  • 收下这份防爬虫的策略

    爬虫

    对于防爬并没有一劳永逸的方法,只要内容是可以被访问的,那么就有可能被爬取;是否能勾防住,最终就是一场攻防的战斗,看哪一方技术更胜一筹。今天潘某人SEO突然灵光乍现,突然想到一个防爬虫的方案,在这里分享给大家,当然也不是专业做这个的,有不妥之处欢迎大家指正,铺垫比较长一定看到最后,希望可以帮助到你。

    310
    • 爬虫
  • 域名注册注意什么

    域名注册注意点

    域名注册注意什么?对于网站优化来说域名的选择是非常重要的,如果在域名的选择注册时发生了错误,那么对于网站后续的SEO优化是一个非常不利的起点,对于任何一件事一个好的开始是成功的一半。

    851
    • 域名注册注意点
  • 哪些情况需要提交死链

    死链,404

    哪些行为会造成死链,哪些情况需要提交死链,如何正确的提交死链。​大量死链的存在容易造成搜索引擎对网站评级的降低,因为大量的死链接的存在,会对于用户访问时的体验造成严重的伤害。

    817
    • 死链
    • 404
  • 如何安全增加关键词密度

    关键词密度

    那么在当今的算法下不能堆砌关键词,那么如何提升关键词的排名呢?不管算法怎么更新,关键词密度还是永远不变的本质,我们需要的是采用正确的方法提升关键词密度。

    1050
    • 关键词密度
  • SEO内部链接的重要性

    seo内链

    很多站点会关注外链的优化而忽略了内链的优化,但是对于目前的环境来说外链的效果有效,优质外链获得的成本是比较高的,过多的垃圾外链是弊大于利。相比之下内链的的优化空间是非常大的,而且基本不受限制,做好站点的内链优化对于seo优化的意义是非常大的。

    783
    • seo内链
  • SEO优化检测工具有哪些

    SEO工具

    SEO优化检测工具有哪些?网站建成之后,我们往往还要进行SEO的优化工作。但是,怎么检查您的网站的SEO优化是否符合相关的技术标准呢?那么就需要配合第三方的SEO检测工具来帮助您检查。

    3750
    • SEO工具
  • 网站页面更新对seo的影响

    页面更新的影响

    页面更新是网站优化中一个提升网站评级的重要因素,一个拥有良好更新频率的站点可以获得更好的排名优待。但是很多站点对于更新有一定的误解。

    693
    • 页面更新的影响
  • 网站旧页面不收录怎么办

    旧文章不收录

    网站旧文章页面不收录问题是每个站点都会遇到问题,每个站点都会有这种情况有的页面从发布至今一直都不收录,还有一部分页面收录之后很快又掉了,对于这些为收录的页面,我们有什么方法可以让他们重新进行收录呢?

    894
    • 旧文章不收录
  • 新站被快速收录的秘诀

    新站快速收录的方法

    新站被快速收录的秘诀,如何让新站快速的收录。如果你能做到下面这些,你的网站就可能在12个小时内被收录。

    1204
    • 新站快速收录的方法
  • 字体字号对用户体验的影响

    字体,用户体验

    多年前,麻省理工学院的研究人员已经证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。如果字体能够影响我们的情绪,那同样会影响用户体验。

    903
    • 字体
    • 用户体验
  • 如何正确理解SEO关键词

    SEO关键词

    关键词作为SEO优化的核心点,作为一个合格的SEOER对于关键词有一个正确的认识是非常的重要的,对于关键词的认知有多深,决定了在SEO优化这条路上可以走多远。

    641
    • SEO关键词
  • 如何分配抓取频次?

    如何分配抓取频次?

    如何分配抓取频次?随着搜索引擎优化,我们不完全知道搜索引擎如何形成网站的爬行频次,所有博主对网络的内容进行整理得到搜索引擎利用以下两个因素来确定爬网频次。

    5302
    • 如何分配抓取频次?
  • 为什么网站关键词排名在第二页上去不

    排名怎么计算的,排名提升的原理,第二页的关键词如何提升排名

    为什么网站关键词排名在第二页上去不,这种情况一般是网站内容质量度不够,那么后续的SEO优化方向就要去提升站点的内容质量。揭秘排名计算的方式

    1933
    • 排名怎么计算的
    • 排名提升的原理
    • 第二页的关键词如何提升排名
  • 网站SEO过度优化的危害

    SEO过度优化

    过度的SEO优化是很多站点都存在的问题,现在很多站点的SEO优化已经是病态的,一天到晚执着了页面结构、关键词布局、内链、外链、友链以及一些技术手法,而忽视了最关键词的内容的优化

    1082
    • SEO过度优化
-- 这已经是底线了,看看别的把! --