如何改进一个优秀网站的导航设计？这里有 7 个基本的最佳实践！

网站导航如果做得正确，对您的用户和您的 SEO 成功都有好处。出色的网站导航可以让访问者更轻松地找到他们想要的内容，也让搜索引擎更轻松地找到它。结果：更多的转化和更多的搜索可见性。

但是你要怎么做呢？通过使用网页浏览最佳实践。

1。什么是网络浏览器？

网络搜索（或内部链接架构）是链接您的网页的链接。网络导航的主要目的是帮助用户轻松地在您的网站上找到内容。

搜索引擎使用您的网站导航来查找新页面并为其建立索引。链接帮助搜索引擎了解目标页面的内容和上下文，以及页面之间的链接。

“提前来电”。这是您必须始终牢记的网页浏览的主要目标。

让用户满意第一。让导航变得简单。然后，在不影响用户体验的情况下优化搜索引擎。

本文的其余部分将更多地关注网站导航最佳实践，列出可能给网站访问者和搜索引擎带来问题的各种内部链接情况。这个主题对于在大型网站上工作的人来说尤其重要。

2.站点搜索和内容层次结构

在搜索书中的特定页面时，您只需阅读目录或索引即可。当您浏览杂货店时，货架上通常贴有类别标签。两者都提供了查看大量内容的有效方法。

内容层次结构可用于简化查找内容的过程。当内容较多时，可以分为几大类。

在这些大类别中，您可以创建进一步的分类，从而创建用户可以轻松导航的不同级别的层次结构。使用内容层次结构以对用户和搜索引擎有意义的方式组织您的网站页面。

1.　内容层次结构和网站导航的重要性

内容的类别和子类别可帮助页面在一般标题和特殊长单词中获得更好的排名。

2.　内容层次结构引起的问题

内容分类和构建层次结构会创建内容孤岛，就像密切相关的主题组一样。百度会以不同的速度抓取不同的页面，并索引不同网站的质量链接。

某些内容孤岛比其他内容更受欢迎。这些页面可能比其他页面获得更多的外部链接和流量，因此在有机搜索中获得更突出的位置。

当内容过于垂直而无法获得链接和流量时，即使您的消息孤岛运行良好，它也可能会失败。内容层次结构可以分隔站点内可能太深的某些流行页面组。

这就是水平链接的用武之地。

虽然链接相关性有助于排名，但内容之间缺乏垂直相关性可能会损害您的整体排名。总有一些方法可以创建连接水平类别的关系。所有页面都属于同一网站的事实已经表明这些页面完全不相关。

操作项：内容类别之间的链接

• 打开内容以创建对用户有意义的类别层次结构，并在层次结构中上下良好链接这些页面。这些是大部分链接。
• 在不同类别的页面之间创建链接，但仍然有相似之处。
  

  3. 产品和内容营销页面上的链接

  销售多种产品或服务的企业将对页面进行分类、创建内容孤岛和链接。

  但是，许多 SEO 团队和内容团队也创建有吸引力且可共享的资产。它通常采用博客的形式，其中的文章包含特定产品和服务的链接。

  博客文章可能是有益的，因为它们可以为您的产品页面带来更多流量。但是，许多网站无法将产品页面链接到博客页面。使用这种类型的水平链接可以帮助用户了解您的产品或服务并提高您的 SEO 性能。

  行动项：产品和内容页面之间的链接

  • 产品页面应链接到相关内容营销页面。这可能包括博客文章、常见问题解答和产品手册。

  4。使用 JavaScript 效果进行网页浏览

  有时，链接和网页是用 JavaScript 编写的。这是一个问题，因为搜索引擎很难找到用 JavaScript 创建的内部链接。

  虽然近年来百度改进了JavaScript阅读，但SEO专家得出的结论是结果并不一致。其他搜索引擎尚不具备读取JavaScript的能力。这意味着当搜索引擎抓取您的内容时，您的内部链接可能会完全丢失。

  SEO 专家对于使用 JavaScript 是否实用存在分歧。另一方面，一些 SEO 专家完全避免使用 JavaScript。另一方面，Web 开发人员和可用性专家表示 JavaScript 对于用户体验很重要。我相信 JavaScript 可以在避免 SEO 问题的同时达到平衡。

  1.　显示和隐藏页面内容的链接

  JavaScript 可用于显示和隐藏页面上的某些内容，而无需更改页面本身。发生这种情况时，所有内容都会预先加载到页面上。

  在这种情况下，搜索引擎仍然可以抓取您的所有内容，即使其中一些内容是隐藏的。仅当隐藏内容量较小时，此方法才有效。当整个页面发生变化，但 URL 没有变化时，可能会出现问题。

  问题的出现是因为当你在URL中隐藏太多内容时，它会降低页面内容的焦点。完全不同的主题应该有自己的页面。

  事件：显示和隐藏内容链接

  • 对于小内容，删除锚标记并将其替换为 onclick JavaScript 事件处理程序。
  • 使用CSS控制光标和箭头来更改索引。
  • 内容较多，包括单页视差滚动网站，并非所有内容都应预加载。
  • 只需预加载直接链接到 URL 的内容即可。
  • 对于所有锚标记，应该有一个 href 值和一个 onclick 设置。
  • 此 href 值指向一个新 URL，该 URL 仅包含与此新 URL 相关的内容。
  • onclick 函数将阻止加载新 URL，但允许加载目标 URL 的内容。
  • 即使页面未加载，也可以使用pushState函数来更新URL。

  seoClarity 的 2016 年演示更深入地介绍了如何将其专门应用于您的网站。它特别提到了 AngularJS（一种流行的 JavaScript 框架）以及 SEO 问题和解决方案。然而，这里学到的经验教训适用于任何 JavaScript 框架。

  5。在 URL 中使用跟踪标签

  可用性专家和转化专家以不同的方式跟踪用户行为。有时这涉及在站点内使用 URL 控制标记。这将导致重复内容问题，因为链接将链接到具有相同内容的不同 URL。这可以通过多种方式解决。

  操作：跟踪 URL 参数

  • 避免在 URL 中使用控制参数。相反，通过使用 JavaScript 跟踪链接上的 onclick 事件处理程序来跟踪它们，这将传递相同的跟踪参数。如果使用百度统计，这可以通过活动跟踪来完成。
  • 使用专用的规范标签是一种很好的做法，可以避免重复内容的问题。

  6。先链接先

  具有两个或多个链接指向同一 URL 的网页被认为会导致搜索引擎出现问题。仅接受第一个链接，并忽略重复的链接。

  1.　首个链接优先级引起的SEO问题

  顶部导航和左侧边栏通常首先出现在源代码中的主要内容之前。此外，这些菜单中的导航项通常具有较短的锚文本。他们往往更关注关键词和设计。

  页面主要内容中的链接往往更关注关键字，包括支持该关键字的周围内容。它们的长度也更加灵活，具有更具体的锚文本。较长的文本增加了页面可排序的关键字范围。然而，由于优先级问题，这些链接经常被搜索引擎忽略。

  要做的事情：链接第一优先级

  检查代码的顺序。在侧面导航和顶部栏之前优先考虑主要内容。 CSS可用于控制浮动导航，从左到右或从右到左，使浏览器侧边栏移动到主要内容的后面。顶部栏导航可以通过完全设置来控制。

  7。导航大型网站

  对于大型网站（具有数千个页面的网站），网站导航是一个巨大的挑战。带有类别菜单的自然站点导航通常会链接到站点上的所有页面，而 XML 站点地图可以帮助索引所有页面。然而，内容孤岛之间缺乏相关性会在页面之间造成间隙。

  在大型网站上，可能很难识别产品页面和相应产品销售页面之间的所有可能链接。一些主要网站可能无法从其他页面获得所需的链接。此外，其他问题（例如第一个链接优先级和 JavaScript 问题）可能很难在数百万个页面上检测到。

  以下是应对这些挑战的 3 种方法：

  1.　分配给不同部门

  大公司拥有大量站点，员工分布在不同部门。多个部门可能负责站点的不同区域。

  确保参与维护不同网站的每个人都遵循相同的 SEO 规则和做法。然后，在整个站点的优化浏览器之间分配工作。

  2.　使用工具或创建工具

  自动化使手动流程更具可扩展性。如果您没有自己的专用设备，可能没有一种工具可以检测并解决上述所有问题。

  Xenu、Screaming Frog、DeepCrawl 或 Botify 等爬网工具可以分析您的链接、识别问题并提供网站架构的描述。如果您想可视化站点结构，DynoMapper 和 PowerMapper 等工具可以提供帮助。

  Moz 的 Open Site Explorer、Ahrefs、Majestic、Sistrix、LRT 和 CognitiveSEO 等链接搜索工具可以分析哪些页面获得最多的外部链接，然后将这些页面的交叉链接添加到更重要的网站页面。我们使用的专有工具标准化了页面的抓取过程，并确定哪些页面链接到其他页面。

  3.　使用分步方法

  大型网站并不总是有一个大型团队分配给页面优化任务。如果您没有足够的资源，您可以创建自己的工具来简化流程。

  如果这些工具无法为您提供所需的帮助，请查看我们的解决方法。需要期间最好的日程安排。这是一个渐进的过程，可能需要更长的时间，但依靠有机搜索流量等指标将帮助您决定首先改进什么。

  要点总结7

  • 首次用户：您的网络导航应该满足首次用户的需求。接下来，优化您的 SEO 导航性能。永远不要损害用户体验。
  • 内容孤岛之间的关系：页面内容之间的关系对于排名非常重要，并且它们在精心设计和组织的网站结构中自然发生。然而，当内容孤岛之间缺乏链接时，这可能会受到限制，因为某些页面太深或相距太远，无法从其他来源接收大量链接权限。
  • 关于产品的博客，博客产品：创建对目标受众有用且相关的优质内容。如果特定产品页面上的博客文章有助于做出产品购买决定，则链接到这些博客文章。
  • 定义控制：请勿使用！使用链接的 onClick 事件处理程序进行跟踪。拥有专用的规范令牌总是安全的。
  • JavaScript 链接： 请勿使用 JavaScript 编写内容和链接。如果这不起作用，请考虑其他方法。
  • 第一链接优先级：基本上是主要内容在先。接下来是侧边栏，然后是顶部栏。最后，自定义页脚。需要进一步的测试来确定这是否仍然是一个问题，但坚持这种方法没有什么坏处。
  • 大型网站：很难用数千个页面来完成上述所有操作。与团队合作，使用工具标记任务，或一次解决一个问题。