网站可用性应该是构建或维护网站时的主要考虑因素之一。 如果您的网站难以使用,将不鼓励人们使用它或回来。 此外,在许多情况下,良好的可用性直接转化为更好的SEO结果。

良好网站使用的一些特征包括:

  • 移动响应 :越来越多的人通过手机访问Internet(Google认为这对于移动排名中的搜索排名非常重要)。
  • 页面加载速度 :来自谷歌的另一个重要排名信号,通过与人们与网站互动方式的相关性。 根据 Kissmetrics 的数据,47% 的消费者希望网页在 2 秒或更短的时间内加载完毕!
  • 网站导航: 根据Orbit Media Studios的说法,如果您的网站易于使用并且内容易于查找,那么它将对您从搜索引擎获得的访问量产生积极影响。 格里·麦格文(Gerry McGovern)进行的一项研究表明,在寻找某些内容时,有70%的人依赖于导航而不是搜索,因为单击特定页面的链接更加便捷。网站。

就本教程而言,我们将重点关注菜单设计和最佳实践方面的可用性。

在网站上导航

网页浏览 是一个通用术语,指站点的内部链接体系结构。 最重要的是,其主要目的是帮助用户轻松找到您网站上的相关内容。 您的导航结构还构成了网站站点地图的基础,可帮助Google等搜索引擎巨头对您的网站进行索引。

当然,有几件事可以促进有效的网站导航,但是现在我们将重点关注 菜单 因为它通常是用户访问新网站时与之交互的第一页。

在菜单中导航

导航菜单通常位于网站的前部和中心(比方说,居中的菜单会很好)。 对于具有不同类别的网站,可以使用下拉功能来节省空间并满足分类需求。

如今,在展示极简主义(和移动可用性)的过程中,许多网站都采用了汉堡菜单设计(实际上是一个带有三条短水平线的正方形,表示可以一键扩展菜单) 。

店面主题 Woocommerce 在右上角提供了一个实际示例:

menu.png的例子

汉堡式网站菜单设计在移动网站设计中是最常见的,因为开发人员负责在很小的空间中创建可用的导航。 当然,要创建可在移动网站上使用的下拉菜单可能很困难!

那说,很多设计师 鄙视 汉堡菜单,这引发了一项新的运动,即寻找新颖的方法来使网站导航变得有趣且实用。 考虑到这一点,常见的网站菜单设计启发式方法是将菜单导航永久放置在每个网页的顶部,以便用户可以轻松地找到自己的方式或搜索下一页。

菜单设计的最佳实践

大多数 WordPress 主题都带有预定义的网站菜单设计。 无论您是想保持原样还是计划完全重做,这里都是设计菜单导航时考虑可用性和功能性的最佳实践。 搜索引擎优化 你头脑里:

  • 如果可能,请避免使用下拉菜单。 许多网站喜欢使用下拉菜单,因为这样可以节省空间,但不推荐使用,尤其是在涉及到内容时 搜索引擎优化 技术的。 可用性测试表明,大多数人不喜欢下拉菜单。 这是因为人眼的工作速度比手快,当人们已经决定点击什么内容而其他内容却掉出来时,人们会觉得很烦人,从而导致某些页面的访问量减少。 也就是说,如果您正在设计的网站有太多内容而没有下拉菜单就无法完成,那么“大型下拉”菜单稍微更容易接受。
  • 具有描述性。 摆脱诸如“服务”或“产品”之类的通用词。 而是指定您的产品或服务的方式 一贯,因为没有人真正搜索带有“通用词或”服务”的产品。 更好的是,在确定菜单项的确切名称之前,请使用SEO关键字研究来证明所包含的内容是合理的。 Orbit Media建议使用描述性标签因为这种做法在搜索引擎抓取网站时对用户和您都有利。 导航显示在每个页面上,因此,如果您使用与您的行业相关的术语,则会向Google发出您真正在意的警告。 请记住,只要专注于特定主题,就可以对每个页面进行排名。
  • 此外,轨道媒体不鼓励 基于导航 上 格式, 作为'组织 基于内容的页面,如所有视频、所有信息图表等。 这是因为人们按主题而不是格式搜索。
  • 导航菜单中项目的位置(或布局)很重要。 网站上有要提供的页面的一般列表,例如“关于”页面,“联系”页面等,这是网站访问者最常搜索的页面。 这些引人注目的页面通常具有较高的访问量(因为它们清晰可见),因此参与率通常较低。 使用Google Analytics(分析)来确定您最重要的页面并找到优化机会。 首先显示最重要的导航项(或顶部,取决于菜单栏的方向)。
  • 最多保留一个菜单项 最大的7 。 研究表明,人们一次只能记住或吸收最多七个信息。 菜单项类别过多可能会影响您在搜索中的排名能力,因为Google可以将太多看似无关的类别解释为您的网站尚未调至特定细分市场的迹象。 如果您知道将需要7个以上的菜单项,请将其分为子类别。

关于上述要点,美联航的网站菜单设计过于复杂(访问者的选择太多):

坏的menu.png的例子
这是在博客上避免出现的绝对示例。 相反,在简单分类方面,Cafebond.com提供了一个组织良好的示例:
一个很好的menu.png的例子
  • 审核你的菜单 时。 删除很少点击的链接。 重命名通用标签,以更好地描述您的访客和搜索引擎。

这些都是这些提示,希望它们可以帮助您更好地组织WordPress上的不同菜单。 您是否有未列出的任何实践,请随时发布。