侧边栏正在走向灭绝吗?

已发表: 2023-02-25

构建新网站时,您总会遇到许多布局和功能障碍。 其中之一是臭名昭著的侧边栏的放置(或不放置)。

现在最常找到侧边栏的地方是在博客上。 在基于博客的网站或公司网站的博客部分。 登陆页面和服务页面几乎不再有侧边栏了; 实际上很难找到带有侧边栏的公司网站。

侧边栏正在走向灭绝吗?

让我们看看为什么侧边栏在某些圈子中正在失去人气,而在其他圈子中仍然活跃并踢着!

建立网站和选择布局

早在 2000 年代初,网站的两侧各有一个侧边栏,内容位于中间,这在过去是很常见的。 两个侧边栏都会充满广告、优惠和其他分散注意力的图形或闪烁的 gif。 很难专注于实际内容。 但随着时间的推移,侧边栏名声不好,人们开始对侧边栏视而不见。

通常的双侧边栏布局传递到右侧的侧边栏,然后从那里完全没有侧边栏。 最新的 WordPress 模板现在没有侧边栏或没有侧边栏选项。

有人说侧边栏对于点击、导航和用户体验非常有用,而其他人则说侧边栏几乎是死角。

随着移动使用的兴起,还需要记住,在小型设备上,侧边栏通常只出现在主要内容的最底部。

那么你怎么知道你的网站是否需要一个(或两个)侧边栏?

深入了解网站的本质,一切都与用户体验有关。 如果侧边栏可以帮助访问者以一种简单且不混淆的方式浏览网站,那么添加它。 如果您有其他可以无缝处理导航的创造性方法,请放弃侧边栏。

最常见的解决方案是有一个没有侧边栏的主页或登陆页面,然后在博客部分有一个侧边栏。 您在侧边栏中包含的内容取决于您的特定站点,但主要内容是:

  • 订阅选项
  • 相关文章
  • 选择加入
  • 作者简介
  • 广告

侧边栏中的广告数量决定了体验的成败。 如果全是广告,它会立即被忽略(或至少畏缩)。 如果侧边栏中的内容真的很好,那么一两个广告就不会打扰了。 如果广告在视觉上与设计的其余部分完美契合,则可加分!

让我们看一些布局示例,以便下次您必须跨越侧边栏障碍时,您将获得更多信息并希望获得更多启发!

网站侧边栏的选项

从三列演变为两个侧边栏并再次返回

我们之前提到过,带有两个侧边栏的网站布局大多已成为过去。 我们没有提到的是,这种布局只是众所周知的“三栏”布局的延伸。 这意味着仍然有一些网站使用两个侧边栏并在此过程中将其关闭。

两个侧边栏和三个列之间的区别可以从名称本身推断出来。 两个侧边栏意味着有一个主要内容区域和两个辅助栏。 三列布局更像是一种组织内容的设计机制。 仍然有一个层次结构,但它的使用方式比仅仅在场边的额外内容更有意义。 三栏布局非常适合杂志或大型博客等在线期刊。

查看 Grain Edit 的网站。 他们有一个三列布局,本质上是一个两侧边栏布局,但做得很好。 主要内容在左边,两个侧边栏在右边。 这些侧边栏不会在整个站点中发生变化,只有左侧的内容会发生变化。

带有谷物编辑网站的桌面场景,桌面上有大的右侧边栏

在这两个侧边栏上效果很好的是它们不是侵入性的(由于页面布局是如何装箱的)并且两边都有很多空白空间。 左侧的空白区域有助于读者在阅读文本时保持正轨,而不会分散视线。

精心设计的三列布局的另一个很好的例子是 Mashable 网站。 他们的首页分为三个版块,“最新消息”、“最新消息”和“热门消息”。 列组织得很好,内容有不同的大小,从左边的最小到右边的最大。

对于 Mashable 主页,您几乎不能将其中任何一个称为侧边栏! 这三个专栏都充满了精彩的内容。 单击任何文章后,布局将更改为左侧的经典主要内容和右侧的侧边栏。

可混搭的网站,在木桌上的网站笔记本电脑上有大的左侧边栏

这实际上是一个概念布局。 当内容是新的时,它会出现在左栏中。 如果它开始趋势,它会移动到中间列。 如果它像病毒一样传播开来,它就会进入右边最大的一栏。

经典的博客布局仍然占据主导地位,但到什么程度呢?

我们都习惯的博客布局是内容在左边,侧边栏在右边的布局。 一些博客做得很好,而另一些博客仍然依赖侧边栏空间来放置它们可能适合的所有广告。 我们确定您已经看到了周围的人。

希望通过博客赚钱的新博主通常会在侧边栏塞满各种各样的东西,远远超过良好用户体验所需的东西。

看看这个博客,ThinkSEM,有一个最小的侧边栏,只有两个部分包含四个简单的东西:类别、档案、订阅框和他们的服务报价。 就是这样。 一旦您滚动过这些框,所有内容都是关于文章的内容。

Think SEM 网站,桌面上有小右侧边栏,上面有恐龙和杯子

“无侧边栏运动”和绕过它的方法

几年前,网站开发人员兼博主 Brian Gardner 发起了一场名为“无边栏运动”的极简主义运动。 他不是第一个创建没有侧边栏的博客和网站的人,但他是第一个真正宣传如何做好的人。 他的宣言是关于过一种没有不必要的分心的极简主义生活。 他通过摆脱侧边栏来想象这种生活方式。

他的博客和社区 No Sidebar 在过去几年呈指数级增长。 Brian 和他的团队启发了极简主义的生活方式以及新一代的无边栏博主。 他继续创建自己的 No-Sidebar WordPress 模板,任何想要创建一个没有侧边栏的实用且美观的博客的人都可以使用。

桌面场景中的 nosidebar 网站,桌上有玩具,附近有飞轮幸福工程师

No Sidebar 博客是如何没有侧边栏的终极示例。 内容的两边几乎什么都没有,甚至连社交媒体分享按钮都没有。 但并不是所有的博客都能如此极端,即使没有侧边栏。

那么,您如何设法拥有一个没有侧边栏并且在页面上包含重要信息的博客呢? 最好的例子之一是中型布局。 在文章里面,没有真正的侧边栏; 只是一小部分用于鼓掌和分享。 许多决定不使用侧边栏的博客都有这样的布局:内容在中间,分享按钮在旁边。 有时他们有一点作者形象。

桌面场景,屏幕上有中等文章,没有侧边栏,杂乱的桌面上有干净的设计

侧边栏、转换和 A/B 测试

如果您仍然对保留或废弃侧边栏持观望态度,您可能会担心点击次数。 也许您的很多转化都来自侧边栏上的优惠。 Video Fruit 的 Brian Harris 在他的网站上进行了 A/B 测试,看看有没有侧边栏的点击次数是否更多。 无侧边栏版本的结果是积极的。 他永远摆脱了博客上的侧边栏。

来自 Crazy Egg 的 Neil Patel 是侧边栏的啦啦队长,但只在他自己的 Neil Patel 博客中使用它。 Crazy Egg 博客没有。 他可能一直在对侧边栏进行 A/B 测试。

A/B 测试是指您为网站内的两个不同事物创建测试。 一些像 DIVI 这样的 WordPress 主题可以让你做到这一点。 对于其他主题,您可能需要查看后端以寻求解决方案。 Crazy Egg 的这篇文章可能会有所帮助。

结论

所以你怎么看? 侧边栏正在走向灭亡? 我们不这么认为,但确实越来越多的人会想方设法在自己的网站上摆脱它,而其他人会继续在他们的网站上投放广告。

关于您自己的网站或您客户的网站的侧边栏选择实际上取决于他们的视觉风格和品牌信息。 现在您已经查看了不同的选项,将来做出决定可能会更容易。