大型网站导航设计如何改善?这有7个必要的最佳实践!

2018-10-0918:59:43网站运营与SEO优化Comments2,745 views字数 4186阅读模式

网站导航,如果做对了,对你的用户和你的 SEO 性能很好。优秀的网站导航让你的访问者很容易找到他们想要的东西和搜索引擎爬行。结果是:更多的转换和更大的搜索可见性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

但是你是怎么做到的呢?通过使用这些网站导航的最佳实践。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

一、什么是网站导航?

网站导航(或称,内部链接体系结构)是连接你的网页的链接。网站导航的主要目的是帮助用户在你的网站上轻松找到东西。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

搜索引擎使用你的网站导航来发现和索引新的页面。链接帮助搜索引擎理解目标页面的内容和上下文,以及页面之间的关系。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

“用户至上”。这是网站导航的基本目标,你必须永远记住。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

首先满足用户。使导航容易。然后,优化搜索引擎而不损害用户体验。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

这篇文章的其余部分将会对网站导航的最佳实践保持更广泛的关注,列出各种可能导致网站访问者和搜索引擎问题的内部链接情况。这个话题对于在大型网站上工作的人来说尤其重要。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

二、网站导航和内容层次结构

当在一本书中搜索特定的页面时,你可以简单地阅读目录或索引。当你在杂货店里逛的时候,货架上的货架上一般都贴着的分类标签。两者都提供了一种有效的方式来浏览大量内容。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

内容层次结构的存在是为了简化查找内容的过程。当大量的内容存在时,它可以被分解成几个大类。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

在这些宽泛的类别中,你可以创建更细化的分类,这构建了不同层次的层次,用户可以轻松导航。利用内容层次结构以一种对用户和搜索引擎有意义的方式组织网站页面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

1. 内容层次结构和网站导航的重要性文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

内容的分类和次类划分帮助页面在一般的标题和特定的长尾术语中提高排名。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

2. 由内容层次结构引起的问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

内容分类和构建层次结构创建内容竖井,就像紧密相关主题的集群。百度将以不同的速度抓取不同的页面,从不同的站点索引质量链接。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

一些内容竖井比其他的更受欢迎。这些页面可能会比其他页面获得更多的外部链接和流量,因此,在有机搜索中获得更重要的位置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

当内容太过竖向并且不能获得链接和流量时,它可能也不能执行 —— 即使你的其他内容竖井执行得非常好。内容层次结构可以隔离可能位于站点内部太深的某些流行页面集群。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

这就是水平链接发挥作用的地方。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

尽管链接相关性在排名上有所帮助,但内容竖向之间缺乏交叉链接可能会对你的整体排名不利。总是有方法可以创建水平链接类别的关系。所有页面都属于同一网站的事实已经表明,这些页面并非完全无关。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

操作项:内容类别之间的链接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

  • 对内容进行分类,以形成对用户有意义的类别层次结构,并正确地链接这些页面,在层次结构中上下移动。这些是大多数链接。
  • 在不同类别的页面之间创建交叉链接,但仍然有相似之处。

    三、产品与内容营销页面之间的链接

    销售超过一种产品或服务的公司将会对页面进行分类,创建内容竖井,并相互链接。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    然而,许多 SEO 团队和内容团队也创建了一些具有吸引力和可分享性的资产。通常情况下,这是以博客的形式出现的,文章中包含了指向特定产品和服务的链接。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    博客文章可以很有用,因为它们可以引导更多的流量到产品页面。然而,许多网站无法将产品页面链接到博客页面。使用这种水平链接可以帮助用户了解你的产品或服务,并提高你的 SEO 性能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    操作项:产品和内容页之间的链接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    • 产品页面也应该链接到相关的内容营销页面。这可能包括博客文章、FAQ 和产品手册。

    四、网站导航使用 JavaScript 效果

    有时,链接和 web 页面是用 JavaScript 编写的。这是一个问题,因为搜索引擎很难找到在 JavaScript 中创建的内部链接。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    尽管近年来百度在阅读 JavaScript 方面有所改进,但 SEO 专家得出的结论是,结果是不一致的。其他搜索引擎在阅读 JavaScript 时仍然没有能力。这意味着当搜索引擎抓取你的内容时,你的内部链接可能会完全丢失。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    对于使用 JavaScript 是否实用,SEO 专家存在分歧。一方面,一些  SEO 专家完全避免使用 JavaScript。另一方面,web 设计人员和可用性专家声称 JavaScript 对用户体验至关重要。我相信有一个这之间有一个平衡的地方,JavaScript 可以被使用,同时避免任何 SEO 问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    1. 显示和隐藏页面内容的链接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    JavaScript 可以用来在页面上显示和隐藏某些内容,而不需要更改页面。当发生这种情况时,所有的内容都预先加载到页面中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    在这种情况下,搜索引擎仍然能够抓取所有的内容,即使其中一些内容是隐藏的。只有当隐藏的内容量很小的时候才会成功。当整个页面更改时,它可能会出现问题,但是 URL 保持不变。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    问题出现的原因是,当你在一个 URL 中隐藏太多内容时,它会稀释页面内容的焦点。一个完全不同的主题应该有自己的页面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    操作项:显示和隐藏内容的链接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    • 对于少量内容,删除锚标记并使用 JavaScript onclick 事件处理程序替换。
    • 使用 CSS 来控制光标和从箭头到指针的变化。
    • 对于大量内容,包括单页视差滚动网站,并非所有内容都应该预先加载。
    • 只与 URL 直接相关的预加载内容。
    • 对于所有的锚标记,应该有一个 href 值和一个 onclick 设置。
    • 这个 href 值指向一个新的 URL,该 URL 只预加载与这个新 URL 相关的内容。
    • onclick 函数将阻止新的 URL 加载,但是将允许目标 URL 的内容加载。
    • 使用 pushState 函数更新 URL,即使该页面没有加载。

    在 2016 年的 seoClarity 做的演示中,更深入地介绍了如何在网站上具体实现这一点。它特别提到了 AngularJS,一个流行的 JavaScript 框架,以及它的 SEO 问题和解决方案。然而,这里的经验也适用于几乎任何 JavaScript 框架。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    五、在 URL 中使用跟踪参数

    可用性专家和转换优化专家以不同的方式跟踪用户行为。有时,这涉及在站点内的 URL 中使用跟踪参数。这将导致重复的内容问题,因为链接到具有完全相同内容的不同 URL。这可以通过多种方式解决。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    操作项:跟踪 URL 中的参数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

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

    六、第一个链接优先

    一个包含两个或多个链接指向同一个 URL 的 web 页面被认为会导致搜索引擎爬行的问题,只有第一个链接被考虑,而重复链接被忽略。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    1. 从第一个链接优先级产生的 SEO 问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    在主要内容之前,Top-bar 导航和左侧侧边栏常常首先出现在源代码中。此外,这些菜单中的导航元素通常都有短的锚文本。他们倾向于少关注关键词,多关注设计。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    页面的主要内容之间的链接倾向于更多地关注关键词,包含支持关键词的周围内容。它们的长度也更灵活,有更长的、更具体的锚文本。这段较长的文本增加了页面可能排列的关键词的种类。然而,由于第一个链接优先级问题,这些链接常常被搜索引擎忽略。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    操作项:第一个链接优先级问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    考虑代码的顺序。在侧边栏和顶部栏导航之前对主要内容进行优先排序。CSS 可以用来控制浮动方向,从左到右或右到左,以使侧边栏的导航负载在主内容之后。顶部的条形导航可以用绝对定位来控制。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    七、处理大型网站导航

    对于大型网站(那些拥有成千上万页的网站)来说,网站导航是一个巨大的挑战。分类菜单中的自然站点导航通常链接到站点的所有页面,而 XML 站点地图可以帮助索引所有页面。但是,内容竖井之间缺乏交叉链接会创建页面之间的距离。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    在大型站点上,很难识别产品页面和相应产品营销页面之间的所有可能链接。一些大型网站可能没有从其他页面获得他们需要的链接。此外,其他问题如第一个链接优先级和 JavaScript 问题可能难以在数百万页中发现。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    以下是应对这些挑战的 3 个方法:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    1. 委托给不同的部门文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    大公司拥有比例大的网站,拥有多个不同部门的员工。许多部门可能对应负责网站的不同部分。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    确保每个参与维护不同网站的人都遵守相同的 SEO 原则和实践。然后,在整个网站的优化导航中分配劳动力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    2. 使用工具或创建工具文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    自动化总是使手动过程更具可伸缩性。除非你有自己的专用工具,否则可能没有一个工具可以识别和修复上面提到的所有问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    像 Xenu,Screaming Frog,DeepCrawl,或者 Botify 这样的爬行工具可以分析你现有的链接,确定问题,并提供网站架构的描述。如果你希望可视化站点体系结构,像 DynoMapper 和 PowerMapper 这样的工具可以帮助实现这一点。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    链接研究工具,如 Moz 的 Open Site Explorer、Ahrefs、Majestic、Sistrix、LRT 和 CognitiveSEO 可以分析哪些页面从外部获得最多的链接,然后从这些页面中添加交叉链接,从而获得更重要的站点页面。我们使用的专有工具自动处理页面的爬行过程,并确定哪些页面链接到另一个页面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    3. 使用分阶段的方法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    大型网站并不总是有大的团队来分配优化页面的工作。如果缺少资源,你可以创建自己的工具来简化这个过程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    如果这些工具没有提供你所需的帮助,那么可以考虑采用分阶段的方法。这需要在一段时间内进行优化调度。这是一个循序渐进的过程,可能需要更长的时间,但是依靠像有机搜索流量这样的指标将会帮助你决定首先优化什么。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html

    八、7 个关键点总结

    • 用户第一:你的网站导航应该首先满足用户。然后,优化你的导航 SEO 性能。永远不要损害用户体验。
    • 内容竖井之间的交叉连接:页面之间的内容相关性对排名很重要,这在一个很好的分类、层次结构的网站架构中很自然地出现。但是,当缺少内容竖井之间的交叉链接时,这可能会有一些限制,因为有些页面太深或太远,无法从其他来源获得大量的链接权重。
    • 博客对产品,产品到博客:创造高质量的内容对你的目标读者是有用的和相关的。如果这些博客文章有助于产品购买决策,那么链接到特定产品页面的博客文章。
    • 跟踪参数:避免使用!在链接上使用 onClick 事件处理程序进行跟踪。有一个自引用的规范标记总是安全的。
    • JavaScript 链接:避免使用 JavaScript 编写内容和链接。如果没有办法,考虑其他办法让它发挥作用。
    • 第一个链接优先级:理想情况下,主要内容优先。接下来,是侧边栏,然后是顶部栏。最后,处理页脚。需要进一步的测试来确定这是否仍然是一个有效的关注点,但是坚持这种方法并没有坏处。
    • 大型网站:成千上万的页面很难做到以上所有。委派给一个团队,使用工具自动完成任务,或者一次处理一个问题。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/6475.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/youhua/6475.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定