5分钟生成10篇英文软文article forge软件试用

WordPress网站建设+谷歌SEO优化就找WP花园,深圳公司!

google广告开户

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

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

阅读更多:如何为用户优化登录页面 »

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

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

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

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

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

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

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

WordPress divi主题

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

提示:Yoast SEO Premium 包含一个 Algolia 集成,您可以使用它来改善您的网站搜索结果。 使用它将有助于将您最重要的内容推到结果的顶部。 搏一搏!

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

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

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

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

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

Behance 网站上显示简约风格菜单的图片

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

Joolz.com 上极简风格网站菜单的图像

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

wordpress.org 上经典样式菜单的图像

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

fiverr建站WordPress程序员
显示 Google 地图中展开的侧边栏菜单的图像

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

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

在 yoast.com 上,您可以看到我们正在使用一个大型菜单,每个主菜单项下方的链接数量可管理:

yoast.com 上的巨型菜单图片

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

世界粮食计划署网站上显示非常完整的大型菜单的图片

其他导航选项

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

独立站选品工具

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

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

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

继续阅读:整体 SEO:改善您网站的各个方面 »

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

高质量外链购买

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

WordPress网站建设+谷歌SEO优化就找WP花园,深圳公司!
项目咨询:info@wordpresshy.com

5分钟生成10篇英文软文article forge软件试用
tiktok