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

已发表: 2018-10-25

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

“如果你不让网站访问者容易找到,他们就不会转化。 ” 这只是让他们很难找到他们正在寻找的东西。 花在网站上的时间非常重要; 您不希望访问者仅仅因为找不到他们想要的东西而反弹,他们觉得他们在浪费时间试图找到它。

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

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

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

1.保持简单

笔记本电脑上明亮白色空间中的飞轮,附近有笔记本可改善 wordpress 网站导航

意思是您网站的设计。 保持设计简单有助于解决多种因素。 不仅易于为用户导航,而且还增加了获得转化的机会。 你不需要为了吸引访问者而全力以赴,简单更好。 “坚持现代现状” - 不要试图去做你自己未经测试的事情,因为现在工作的任何事情显然都是有原因的。

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

查看在网页设计中使用空白的指南!

2.优化导航栏

navbar(导航栏)对于访问者查找感兴趣的页面至关重要。 如果没有适当优化的导航栏,您可能会失去该访问者,进而失去转化。 这个导航栏显然应该在每个网页的首屏,但你也应该一直把它放在用户面前。 考虑创建一个粘性导航栏,在用户向下滚动并浏览各个页面时跟随他们。

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

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

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

3.包括联系信息

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

笔记本电脑上明亮白色空间中的飞轮,附近有笔记本可改善 wordpress 网站导航

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

设计“联系我们”页面的 11 种方法

您的网站是您的企业最重要的营销和品牌推广工具之一,因此投入时间和金钱使其美观且易于使用是一项巨大的投资。 然而,所有...

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

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

4.使用面包屑

面包屑非常适合访问者通过页面找到返回路径,特别是如果您的网站上有很多内容。 但是面包屑不仅仅是为了找到回去的路,它们也是为了告诉你你在哪里。 如果您有大量页面甚至少量页面,面包屑将引导访问者了解他们如何到达那里以及如何回到原来的位置。

这对于大型网站来说特别好,因为它可能会让您对您如何访问当前所在的页面感到困惑,因为它可能需要您点击几次页面才能到达那里。

5.包括社交网络按钮

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

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

在社交媒体上了解 Layout 的最新消息!

6.修复损坏的链接

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

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

7.添加站点地图

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

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

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

通过本教程了解有关站点地图的更多信息并创建您自己的站点地图!

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

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

8. 优化移动端

笔记本电脑上明亮白色空间中的飞轮,附近有笔记本可改善 wordpress 网站导航

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

截至 2017 年第一季度,全球 49.7% 的网页浏览量使用移动设备。 这意味着您绝对应该为踢屁股移动布局做好准备。

如何使您的 WordPress 网站对移动设备友好

对移动设备友好的 WordPress 网站已成为新常态,这已不是什么秘密,但尽管它们看起来很普遍,但创建一个美观、响应迅速的网站仍然需要一些工作。 本指南...

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

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

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

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

结论

“为您的 WordPress 网站使用任何或所有这些技术,您将帮助您自己和您的访问者! ” 没有人想通过跨越式障碍到达终点,所以让它变得简单并优化您的导航以获得更好的用户体验。