1. 小包seo博客首页
  2. 网站优化推广教程

沧州网站优化-您的博客上需要一个侧边栏吗?

沧州网站优化-您的博客上需要一个侧边栏吗?

考虑典型网站的布局时,很有可能在主要内容区域的右侧或左侧包含一列重要链接或信息。该元素被称为“侧边栏”,在网络上极为普遍。但是,要使您有效,必须了解此功能的工作原理。

并非所有网站都需要侧边栏,有些设计没有侧边栏会更好。考虑到这一点,我们将更深入地研究此功能的目的,应考虑使用哪种类型的网站以及如何将其纳入当前的“移动优先”格局。

让我们开始吧!

什么是侧边栏(为什么有一个有用的边栏)?

简而言之,侧边栏是位于网页主要内容区域右侧或左侧的一列。它们通常用于为用户显示各种类型的补充信息,例如:

  • 关键页面的导航链接
  • 产品或服务广告
  • 电子邮件注册表格
  • 热门或相关职位
  • 社交媒体链接

Web上十个最受欢迎的网站中有八个使用侧边栏以某种形状或形式。Wikipedia用作导航菜单:

另一方面,Reddit共享产生收入的广告以及相关的帖子以及升级帐户的选项:

尽管我们前面讨论的用途是网站放置侧边栏的最常用方法,但有时它们也用于作者简历,会员免责声明以及多种其他目的:

将侧边栏合并到您网站的设计中的主要优点是,当用户在您的整个网站中导航时,该侧边栏仍然可见。这使您可以随时随时获取关键信息和功能。

这就是侧边栏通常包含号召性用语(CTA)元素(例如电子邮件订阅表单和广告)的原因。导航功能在这里也很好用,因为它们很容易找到,而诸如联盟会员披露声明之类的法律内容也不太可能在改组中丢失。

可以从使用侧边栏受益的2种类型的网站

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

1.内容丰富的网站

博客,新闻网站,在线杂志和其他内容丰富的网站涵盖了相当广泛的类别。但是,它们都有一个共同点,那就是它们可以通过始终发布更多文章来生存。

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

  • 包括指向社交媒体的链接或共享按钮
  • 在用户不会错过的地方显示您的电子邮件注册表单
  • 显示指向相关文章和页面的链接
  • 展示您最受欢迎的内容
  • 添加易于查找的搜索栏

侧边栏可以帮助用户找到可能错过的参与机会,鼓励订阅并因此吸引回头客,并改善导航以使读者在您网站上的停留时间更长。所有这些成果都可以使您的网站受益,并可以增加您从该网站产生的任何收入。

2.网上商店

网站没有比在线商店更复杂的了。您的电子商务网站提供的产品越多,它将包含的页面越多。这使得补充工具栏对于包含以下元素更加有用:

  • 相关产品和过往购买
  • 添加到购物车按钮
  • 买家评论和评分
  • 您正在投放的特惠或促销广告
  • 购物车视图,以便客户可以跟踪其运行总计

电子商务网站设计的一个常见问题是涉及很多杂波。如果您快速浏览一下Amazon或eBay,您会立即注意到我们的意思:

欢迎使用任何可以帮助您整理混乱并使页面更易于使用的元素,并且侧边栏肯定适合该法案。

侧边栏如何适应移动优先世界?

尽管具有历史意义,侧边栏最近也受到了抨击。反对他们的最有力论据是,它们不能很好地转换为移动设备。由于智能手机和平板电脑的屏幕空间有限,因此将三分之一以上的页面分配给次要内容是不切实际的。

取而代之的是,此信息通常在较小的设备上移动到页面底部,因此不太可能找到该信息。考虑到现在移动流量已占全球Internet使用量的51%以上,这对于Web设计是一个重要问题。

作为响应,某些站点选择完全不使用边栏。尽管这很有意义,但也意味着这些网站无法利用此布局提供的好处。如果您经营内容丰富的博客或电子商务商店,这可能是一个真正的问题。

解决此问题的一种方法是在移动设备上隐藏侧边栏。这将使桌面用户可以查看您的辅助内容,同时保持您的网站在智能手机和平板电脑上的可读性。

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

另外,您可以在移动网站上使用可折叠的侧边栏。然后,用户可以根据需要选择查看或隐藏它:

最后,始终可以选择使侧边栏保持完整并使其具有响应性,以便缩小以适合较小的屏幕。哪种路线最适合您的网站,将取决于侧边栏包含的内容类型以及整个网站的目标。

结论

当您希望主要内容引起关注时,网站用户还需要很多其他信息。使用侧边栏,您可以在页面中显示关键元素,例如指向关键区域的链接,电子邮件注册表单等。

侧边栏在移动优先浏览方面可能有其缺点,但是它们不会很快出现在任何地方。取而代之的是,我们必须重新想象我们处理其设计的方式。但是,使用正确的工具,您应该应对挑战。

原创文章,作者:广州SEO小包,如若转载,请注明出处:http://www.seo023.org/jiaocheng/3074.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注