改善 WordPress 网站导航的 8 种方法

已发表: 2023-03-24

良好的用户体验是每个网站和博客都应该向其受众提供的。 无论您使用 Web 开发平台还是 CMS(内容管理系统),您的网站都必须牢记客户旅程。 用户如何在我的网站上找到特定页面? 他们怎么知道如何联系我? 我该怎么做才能更轻松地浏览我的网站? 这是黄金问题! 我们得到了答案:改善您的导航。

如果您不让网站访问者容易找到东西,他们就不会转换。 这只会让他们很难找到他们想要的东西。 在网站上花费的时间非常重要; 您不希望访问者因为找不到他们想要的东西而跳出,他们觉得他们在浪费时间寻找它。

改善网站导航是任何网站或博客的首要任务。如果您使用的是 WordPress,模板是优化导航的良好开端,但并非每个模板的设计都以用户为中心,也不意味着您的页面内容易于浏览。

此外,改善您网站的导航不仅对访问者有好处,而且对 SEO(搜索引擎优化)也有好处。 让我们从这些想法开始:

  1. 把事情简单化
  2. 优化导航栏
  3. 包括联系信息
  4. 使用面包屑
  5. 包括社交网络按钮
  6. 修复损坏的链接
  7. 添加站点地图
  8. 针对移动设备进行优化

1. 保持简单

在明亮的白色空间中使用笔记本电脑且附近有笔记本的人

意思是您网站的设计。 保持设计简单有助于解决多种因素。 不仅便于用户导航,而且还增加了获得转化的机会。 您不需要发挥所有创意来吸引访问者,越简单越好。 坚持现代的现状——不要试图去做你自己未经测试的事情,因为现在有效的事情显然是有原因的。

简单的设计还意味着用户不必花费额外的时间来寻找他们正在寻找的东西。 如果您的网站没有太多干扰并且不太混乱,访问者就更有可能发现他们想要的东西。

2.优化导航栏

navbar(导航栏)对于访问者找到感兴趣的页面是必不可少的。 如果没有适当优化的导航栏,您可能会失去该访问者,进而导致转化。 这个导航栏显然应该位于每个网页的首屏,但您也应该始终将其放在用户面前。 考虑创建一个粘性导航栏,在用户向下滚动和浏览各个页面时跟随用户。

不要对您的菜单项(导航栏中的页面链接)感到太兴奋。 同样,您希望您的设计简单易用,因此请将菜单项限制在七个以下,以免使导航栏混乱。 访问大多数网站,您会发现他们将菜单项保持在 7 个或以下。 如果您确实需要更多菜单项,请使用大型菜单,而不是下拉菜单。

大型菜单非常适合显示和链接到导航栏上某个类别下的各种页面。 假设您有一个提供服装相关产品的网站,您不会只想将“产品”用作菜单项然后让访问者点击。 它太模糊了,甚至谷歌的搜索引擎也很难理解该类别下所有页面的位置。 相反,您可以使用菜单项“产品”,当访问者将鼠标悬停在该项目上时,会出现一个大型菜单,让他们可以在各个子类别的产品类别下看到所有相关的不同类型的服装。

尝试适当地组织您的菜单项,不要让带有大型菜单的类别菜单项可点击,因为这会导致混淆。

3.包括联系信息

如果访客需要与您联系怎么办? 他们如何找到您的信息? 有几种方法可以做到这一点,而 WordPress 使之变得简单易行。

在明亮的白色空间中使用笔记本电脑且附近有笔记本的人

使用“联系我们”页面。 让访问者与您交流的一种非常流行的方式是通过“联系我们”页面。 此页面应始终位于您的导航栏中或至少位于您的页脚中。 这告诉访问者您对交流持开放态度并希望听到他们的意见。 这是一个非常容易考虑和实施的重要导航因素,因为如果访问者有任何问题或疑虑,您很可能希望他们与他们联系。

考虑包括联系表格或活动电子邮件地址,例如“[email protected]”(或什至两者),以便用户随时轻松与您联系。 WordPress 有几个用于创建联系表单的插件,其中一个非常流行的插件是 Contact Form 7。

将实时聊天添加到您的页面。 实时聊天允许任何访问者在任何网页上与您联系。 许多服务公司都使用这种方法,它与联系我们页面密切相关。 如果您真的希望访问者与您联系并进行转化,请尽快添加实时聊天! 在桌面和移动网站版本上放置实时聊天的好地方包括屏幕的右下角或左下角。 不要让实时聊天按钮与您的其他网站内容重叠。 是的,WordPress 也有一个插件。

4.使用面包屑

面包屑非常适合访问者通过页面找到返回路径,尤其是当您的网站上有很多内容时。 但是面包屑不仅可以让你找到回来的路,还可以告诉你你在哪里。 如果您有大量页面甚至少量页面,面包屑将引导访问者完成他们如何到达那里以及他们如何回到原来的位置的过程。

这对于大型网站尤其有用,因为它可能会混淆您如何访问当前所在的页面,因为您可能需要点击几次页面才能到达那里。

5.包括社交网络按钮

希望用户在社交媒体上找到您或分享您最近的帖子? 在您的网站上包含社交媒体按钮。 社交媒体将您的品牌扩展到多个层面。 对于对您的内容感兴趣的访问者,这是他们与他人分享他们认为有用或有趣的内容的一种方式。 对于您的企业而言,这是一种帮助您传播名声的方式。

一个男人对着镜头微笑,双手准备在他的笔记本电脑上打字。他坐在精心装饰的墙前

访客将如何分享您的内容或在社交网络上找到您? WordPress 有几个插件来帮助社交网络共享。 选择最适合您的桌面和移动网站版本的一个。

6.修复损坏的链接

随着时间的推移,网页会变旧并且可能会出现错误。 据说网页的平均寿命为 100 天。 请记住,链接可能会随着时间的推移而中断。 无论该页面是您的页面还是您在某处超链接的其他网站的页面,404 错误页面对访问者都没有帮助。 实际上,他们让他们想离开!

修复损坏的链接。 大型网站尤其容易出现这种情况,因为您可能有太多的页面和太多的链接,以至于您没有时间定期单独检查每个页面以确保它们正常工作。 为方便您,WordPress 有多个插件来检查您的页面、帖子、评论、目录等中是否存在损坏的链接。但我们建议使用损坏的链接检查器,因为它是用于此目的的顶级插件之一。

7. 添加站点地图

站点地图是您网站上所有 URL 的列表。 每个页面和帖子都有自己的站点地图 URL。 将站点地图添加到您的网站意味着两件事:

  1. 用户将能够在他们面前看到每个链接,并选择他们想要点击的链接。
  2. 与等待添加并希望 Google 对您的所有页面进行索引和排名相比,Google 将能够更快地将您添加到 SERP(搜索引擎结果页面)。

注意:并非每个网站都为其访问者使用站点地图,但如果您想为访问者添加额外的用户体验,您可以这样做。 检查你的竞争对手在做什么。

您在网站上需要的站点地图是一个基本的 HTML 索引,您需要在页脚中使用它,因为它不是最重要的,但可能对某些访问者有用。 它看起来像 USPS About 站点地图。 同样,这允许访问者查看您网站上每个页面/帖子的每个链接,如果他们想查看您网站的整体视图,这可能会很有用。

您可以出于 SEO 目的将同一站点地图上传到 Google Search Console,但建议使用 XML 文件。 HTML 站点地图更适合用户使用,Google 可能无法在您的网站上找到所有相关的页面、帖子和附件(如图像或视频)。

8. 移动优化

在明亮的白色空间中使用笔记本电脑且附近有笔记本的人

前面所述的所有内容也可以帮助您的移动网站版本,但是对于不会对桌面访问者产生相同影响的移动网站,您应该考虑一些事项。

截至 2017 年第一季度,移动设备占全球网页总浏览量的 49.7%。 这意味着您绝对应该准备好使用 kick-butt 移动布局。

确保桌面网站版本上的所有内容都适合移动版本。 根据预算和最适合您的整体需求的内容,选择创建响应式或自适应移动版本。

有些事情需要与您的桌面站点不同。 由于移动设备的屏幕通常要窄得多,因此您的导航将不尽相同。 例如,您需要优化导航栏。 您需要一个移动菜单,而不是列出您的菜单项。

这可以显示为屏幕右上角或左上角的“汉堡包”菜单图标。 汉堡菜单图标是三个相互堆叠的水平线,是暗示“单击此处获取菜单”而不是使用始终显示导航栏的桌面技术的最佳方式。 (这将消除所有菜单项的混乱,直到用户想要查看它)。 如果您在这些行下方或内部添加文本“菜单”,您将为移动访问者提供额外帮助,因为有些人可能不知道该图标的含义。

这种技术正变得越来越流行,并且已经被猜测了一段时间。 但只要您清楚地表明这三行是菜单项,那么它对您的访问者来说将非常有用。

结论

在您的 WordPress 网站上使用任何或所有这些技术,您将帮助您自己和您的访问者! 没有人愿意经历跨越和障碍才能到达终点,因此请简化并优化您的导航以获得更好的用户体验。