为您的用户和SEO制作出色的网站菜单

为您的用户和SEO制作出色的网站菜单

网站菜单是你认为理所当然的东西之一——直到你尝试使用一个非常糟糕的菜单。在理想情况下,用户可以立即了解网站提供的内容,并且只需单击一两次即可访问所有重要内容。在最坏的情况下,用户最终会迷失和沮丧,无法找到他们正在寻找的东西。这篇文章将引导您了解菜单设计的基础知识,并帮助您了解哪些选项最适合您的网站。

为什么您的网站菜单很重要

您网站的菜单非常重要,因为它可以帮助用户浏览您的网站。当然,有时用户会直接从搜索引擎到达他们正在寻找的页面。但通常您的访问者会希望查看您网站上的各种不同页面。您的菜单应该在每个页面上都可用,因此如果您设计得好,用户到达的位置并不重要:他们总能找到他们需要的东西。

阅读更多:着陆页优化和转化入门指南

除了菜单的基本导航功能外,它也是一种让用户了解您的网站所提供内容的巧妙方式。你可以把它想象成每一页上的横幅,上面写着“这就是我们所做的”。充分利用这个机会!

是什么造就了出色的网站菜单?

一个好的网站菜单应该包含指向您网站所有最重要部分的链接。因此,最终由您决定要放入什么。但无论您决定包含什么内容,让您的菜单可用是绝对必要的。

不要:添加太多菜单项

您可以做的最糟糕的事情之一就是使用太多链接使您的菜单超载。这会让它看起来很混乱,用户需要努力工作才能找到他们需要的东西。根据您选择的菜单设计,如果您有太多链接,某些链接可能最终无法访问。例如,如果您使用下拉菜单,用户可能难以访问出现在屏幕外的链接。

做:有选择性,或使用其他导航选项

最好的选择是对菜单中包含的内容进行选择,但是对于更大或更复杂的站点,这是不可能的。幸运的是,拥挤的菜单还有很多其他解决方案。

一种解决方案是创建中心页面或类别,然后将它们添加到您的菜单中。然后用户可以导航到相关类别或中心,并从那里找到更具体的内容。

第二种解决方案是添加子菜单;这些是额外的菜单选项,仅在用户悬停或单击特定菜单区域时出现。子菜单可能很方便,但它们也可能变得杂乱且难以使用。因此,如果您确实使用子菜单,请适度使用。

第三个选项是在导航菜单中包含一个搜索栏。这样,如果用户在您的菜单中看不到他们正在寻找的内容,他们可以在您的网站上搜索他们需要的内容。搜索栏是一个很棒的功能,无论您的菜单是否过于杂乱。但是确实需要一些时间来很好地配置您的搜索功能,否则它不会真正有帮助。

不要:只为桌面设计站点菜单

当您使用台式计算机构建网站时,很容易忘记移动用户。但这是您最不想做的事情,尤其是在您的站点菜单设计方面。一个看起来不错且在桌面上运行良好的菜单可能在手机或平板电脑上完全无法使用。现在越来越多的人使用移动设备上网,考虑桌面和移动设备的菜单设计非常重要。

做:确保您的网站菜单可在移动设备上运行

创建适用于桌面和移动设备的菜单有两种选择。首先,您可以添加一个响应式菜单,其布局可以适应所使用的屏幕尺寸。或者,您可以为网站的移动版本创建特定菜单。无论您选择哪种解决方案,都要在几种不同的屏幕尺寸上进行测试,以确保最终结果对用户友好。

常见的网站菜单设计

有许多不同风格的菜单可供选择。汉堡菜单、下拉菜单和侧边栏菜单是一些众所周知的例子。野外也有一些非常抽象和创意的菜单!但是,您实现这些样式的方式对整体印象和可用性有很大影响。

以下是一些更标准的选项:

极简主义网站菜单

如果您有一个简单的网站并且只有一两个在线目标,那么选择简约的菜单设计是有意义的。例如,Behance 是一个“展示和发现创意作品的网络”,因此它不需要复杂的菜单。它们仅包括 3 个菜单选项:“发现”、“直播”和“工作”。这让用户可以专注于搜索字段和正在显示的创意作品。

一些网站使用更简约的菜单样式来迎合他们的移动用户。汉堡菜单(看起来像这样:☰)是移动网站的流行极简选择,因为它占用的屏幕空间非常小。例如,在 Joolz.com 的移动版上,有三个简单的图标来帮助用户导航:搜索、购物车和汉堡菜单。单击汉堡菜单将其展开以显示其产品类别的列表。像这样的解决方案可以在移动设备上很好地工作。

经典站点菜单

经典菜单可能是最容易使用的。这些专注于选择网站的主要类别或区域,并使用带有文本标签的按钮将用户引导到正确的位置。水平导航栏是最常见的经典菜单类型。有时,像这样的菜单在主菜单项下方也有一些下拉选项。WordPress.org 在其桌面网站上使用了经典的菜单设计。其中两个菜单项有一个下拉按钮以显示更多选项:“支持”和“参与其中”。

另一种经典的菜单样式是侧边栏。你可以在百度地图上看到这种菜单。通常这些类型的菜单可以使用汉堡菜单按钮打开,并使用 × 按钮再次关闭。这是提供全屏内容的好方法,因为菜单大部分时间都是隐藏的。

超级菜单

超级菜单是一种下拉菜单,但不是在每个主菜单项下都有一列链接,而是有多个列的空间。这些菜单在更大和更复杂的网站中很受欢迎,因为它们为比其他菜单样式更多的链接提供了空间。因此,理论上,您可以对要包含的链接不那么挑剔。正确的?

实际上,这种所谓的好处可能是大型菜单的失败。即使所有链接都可以放入其中,但在菜单中包含太多内容可能会让用户不知所措。话虽如此,如果您将自己限制在适量的菜单链接中,那么大型菜单可能是您网站的绝佳选择。

可以在世界粮食计划署桌面网站上找到一个非常完整的大型菜单示例。在这种情况下,下拉菜单会显示国家/地区列表,因此用户仍然可以非常轻松地浏览此菜单。但是想象一下,如果所有这些链接都是关于不同的主题的。然后用户将很难找到他们需要的东西,就好像他们在一个凌乱的抽屉里翻找一样。

世界粮食计划署桌面网站

其他导航选项

您可以使用站点菜单做很多事情,但这不是唯一的导航选项。许多网站将额外的导航链接添加到其网站页眉或页脚。您经常会在这些空间中看到登录或更改站点语言的选项。但是,如果您确实选择添加页脚链接,则必须禁用无限滚动,否则您的用户将永远无法到达页脚。

另一种可能性是创建用户可以访问的站点地图页面。这显示了您网站所有页面的结构化列表。这些变得不像以前那么受欢迎了,但它们仍然可以成为网站导航的强大工具。

网站菜单和 SEO

您的网站菜单会影响 SEO 吗?当然可以!您不太可能从向菜单中添加项目中获得很多内部链接的好处。但是您的菜单还有其他方式可以使您的 SEO 受益,而这种好处与用户体验您网站的方式有关。

如果用户找不到他们正在寻找的内容,他们可能会更快地离开,并且可能不会再次回到您的网站。搜索引擎可以接收到这些信号。因此,一个很棒的菜单绝对可以帮助您的 SEO,尽管是以间接的方式。

您会选择哪个站点菜单?

作为一般规则,保持菜单尽可能简单是个好主意。特别是对于较小的网站和刚起步的网站,经典或简约风格的菜单应该对您非常有用。如果您有一个巨大的网站,您将需要更加努力地思考您的用户需要看到什么,以及如何最好地显示这些内容。

一旦你有一个你满意的设计,请几个人尝试一下并给你他们的反馈不会有什么坏处。如果您真的很想使您的站点菜单可用,您可以执行基于任务的用户测试。无论哪种方式,请确保您的网站菜单适合您的用户并为他们提供出色的体验!

用户体验才是SEO核心 谨防网站优化过度

用户体验才是SEO核心 谨防网站优化过度

很多SEO优化人员经常有发现网站被降权甚至网站被K,但又没有发现什么大问题,自己都是···

了解更多
如何利用图片SEO以获得最佳用户体验?

如何利用图片SEO以获得最佳用户体验?

无论您是博客还是为企业SEO优化撰写文章,您都可能会想知道文章是否需要图片。答案肯定···

了解更多
提高网站用户体验的可行性方案

提高网站用户体验的可行性方案

如今的SEO已经不是过去更新更新内容,发发外链那么简单了,我们必须要考虑到用户体验,···

了解更多
使用用户体验优化来提升您的SEO

使用用户体验优化来提升您的SEO

如果你有一个网站,你可能知道你需要一个SEO策略,如果你想让这个网站在搜索引擎中很容···

了解更多