当您考虑典型网站建设的布局时，您很有可能在主要内容区域的右侧或左侧包含一列重要链接或信息。这个元素被称为“侧边栏”，在网络上非常流行。但是，要使您的功能有效，了解此功能的工作原理至关重要。并非所有网站都需要侧边栏，有些设计没有侧边栏会好得多。

什么是侧边栏？

简而言之，侧边栏是放置在网页主要内容区域右侧或左侧的一列。它们通常用于为用户显示各种类型的补充信息，例如：关键页面的导航链接；产品或服务的广告；电子邮件注册表单；热门或相关帖子；社交媒体链接。

网络上十个最受欢迎的网站中有八个使用某种形状或形式的侧边栏。将侧边栏纳入网站设计的主要优势在于，当用户浏览您的网站时，它仍然可见。这使您能够随时提供关键信息和功能。这就是为什么侧边栏通常包含号召性用语 (CTA)元素，例如电子邮件订阅表单和广告。

可以从使用侧边栏中受益的网站

您可以在几乎任何类型的网站上包含侧边栏。但是，它们在用户可以从额外指导中受益的几种不同情况下特别有用。这里有两个我们觉得值得一提的。

1. 内容丰富的网站

博客、新闻网站、在线杂志和其他内容丰富的网站包含一个相当广泛的类别。然而，他们都有一个共同点，那就是他们一直通过发表更多的文章来生存。

您拥有的内容越多，浏览您的网站就越复杂。在这种情况下，您可以将侧边栏用于：

包括指向社交媒体或共享按钮的链接

在用户不会错过的地方显示您的电子邮件注册表单

显示相关文章和页面的链接

展示您最受欢迎的内容

添加易于查找的搜索栏

侧边栏可以帮助用户在他们可能会错过的地方找到参与机会，鼓励订阅并因此返回访问者，并改进导航以让读者在您的网站上停留更长时间。所有这些结果都有益于您的网站，并可以增加您从中产生的任何收入。

2. 网上商店

网站并不比在线商店复杂得多。您的电子商务网站提供的产品越多，它将包含的页面就越多。这使得侧边栏对于包含以下元素更有用：

相关产品和购买记录

添加到购物车按钮

买家评论和评分

您正在投放的特价或促销广告

购物车视图，以便客户可以跟踪他们的运行总数

侧边栏如何适应移动优先？

最近侧边栏还是受到了抨击，反对它们的最有力的论据是它们不能很好地转化为移动设备。由于智能手机和平板电脑的屏幕空间有限，将超过三分之一的页面用于次要内容是不切实际的。

相反，在较小的设备上，此信息通常移动到页面底部，在那里不太可能被找到。考虑到移动流量现在占全球互联网使用量的 51% 以上，这是网页设计的一个重要问题。

作为回应，一些网站选择根本不使用侧边栏。虽然这是有道理的，但这也意味着这些网站无法利用这种布局提供的好处。如果您经营内容丰富的博客或电子商务商店，这可能会成为一个真正的问题。

处理此问题的一种选择是在移动设备上隐藏您的侧边栏。这将使桌面用户能够查看您的次要内容，同时保持您的网站在智能手机和平板电脑上可读。

另一种解决方案是在较小的设备上仅隐藏您的一些补充内容。例如，如果您的标题中有社交按钮，您可以将它们从移动侧边栏中删除以避免重复。

或者，您可以为您的移动网站使用可折叠的侧边栏。然后用户可以根据需要选择查看或隐藏它：

最后，总有一个选项可以让你的侧边栏保持完整并使其响应，以便它缩小以适应较小的屏幕。哪种路线最适合您的网站取决于侧边栏包含的内容类型以及整个网站的目标。

总结

虽然您希望您的主要内容成为焦点，但您网站的用户还需要很多其他信息。通过侧边栏，您可以在整个页面中显示关键元素，例如指向关键区域的链接、电子邮件注册表单等。在移动优先浏览方面，侧边栏可能有其缺点，但它们不会很快消失。相反，我们必须重新想象我们处理他们设计的方式。