我不是 SEO 专家。 我不久前说过，我认为这主要是一个 常识 的问题。 然而，我确实发现这个主题很有趣。 在搜索词中获得第一名的结果是一件大事。 这可能意味着巨额财富。 对于我们这些有客户的人来说，他们渴望这一点，并希望我们提供帮助。 因此，如果我们可以采取合理的措施来帮助解决这个问题，我认为我们应该这样做。
在我看来，SEO 原则之一确实很有道理，那就是将页面上最重要的内容尽可能地放在 HTML 标记的顶部。
请查看下面的网页布局。 常识会让我们以逻辑顺序排列标记，如下所示
此屏幕截图没有显示的是，菜单实际上是下拉导航。 它是一系列嵌套的无序列表。 **导航代码实际上有 142 行！** 在搜索引擎抓取到我们希望它看到的重要内容之前，这是很多“内容”。
理想的情况是，按照内容的重要性顺序获取我们的源代码。 就像这样
说起来容易做起来难。 我们将不得不求助于一些 CSS 技巧来实现它。 即绝对定位和相对定位。
这一切都从头部开始。 我们将充当页面标题的 h1 放入一个具有相对定位的包装 div 中。 然后，我们将 h1 标签绝对定位在其内部，并使用底部和左侧值。 这意味着如果它 **增长**，它将向上增长，而不是向下增长。
我们还将为头部提供过多的底部填充。 此底部填充的高度将等于导航栏的预期高度。 这确保了在页面标题之后和其余内容之前会有空间。
然后，我们为 page-wrap 本身设置相对定位，并将导航代码一直向下移动到关闭
好文章，我已经这样做了有一段时间了，但正如你所说，很难证明它是否有任何好处。 SEO 人员似乎说它确实有效，所以对我来说足够了。 我发现绝对定位导航更容易，所以它们也可以放在标记的底部。 我必须承认我当时没有考虑屏幕阅读器——这是一个有用的提示。 干杯。
好东西，Chris，我以前从未想过这一点。 值得一试。
我对此有所保留，尽管我理解这个论点。 我认为 HTML 应该在没有 CSS 的情况下遵循与样式化时相同的结构。 我还没有看到任何完全令人信服的证据表明这样做会对 SEO 产生重大影响，并且在给 HTML 页面一个不合逻辑的结构之前，我需要看到这一点。
只有当你无法理解 HTML 标记与视觉效果的对应关系时，它才是不合逻辑的。 如果你能够开始用代码逻辑而不是视觉逻辑思考，你就会做得很好。
此外，除非您有一个“跳过导航”链接，否则任何使用屏幕阅读器的人在访问的每个页面上都必须听到整个菜单被读出来。
那太好了。 并且它有帮助。 你应该看看这个 http://www.sohtanaka.com/web-design/markup-hierarchy-advantages-seo/ - 内容越高，SEO 越好（
哇，也感谢你的链接，Art。
虽然它有时似乎与本文非常相似，但我确实从两者中获得了对我来说新的信息。
再次感谢你之前发布的帖子，Art，也感谢你，Chris，你的帖子。
导航本身不是也很重要吗？ 这是我唯一担心的。 如果用户禁用了样式，导航将位于底部。
这就是“跳转到导航”链接的作用！
不过，在每个页面上都必须单击一个链接跳转到导航会让人感到厌烦。
尽管如此，这是一个有趣的讨论话题。
在每个页面上都必须单击“跳转到内容”按钮要烦人得多。 在手机上时，我通常会直接跳转到我想要的文章，我很少想浏览网站。
这是一个有趣的想法，但在实践中可能会有点烦人，很容易跳过它，然后必须跳到它，然后再跳回来。
另一方面，如果那个巨大的菜单在内容之前（在 CSS 禁用时）在顶部显示，每次你想获取真实内容时都必须滚动过去是否会更烦人？ 首先显示内容，然后显示导航更有意义——毕竟，人们会阅读内容，然后去其他地方，而不是相反。
我认为更有意义的是，就像你提到的那样，将侧边栏放在主要内容下方。 大多数人只是将侧边栏放在上面，并使用 float:right
只是想知道……谁会禁用样式？ 我想不出任何有影响力的人会这样做。
在没有完整浏览器的情况下使用手机打开页面的人，比如黑莓用户。
没错，但这就是为什么如果你认为它很重要，你会构建一个网站的移动版本。
我在一家 SEO 是我们专业领域之一的公司工作。 让我说，将重要信息尽可能地放在可读的 HTML 标记中始终是一个好主意。 只有当你无法理解 HTML 标记与视觉效果的对应关系时，它才是不合逻辑的。 如果你能够开始用代码逻辑而不是视觉逻辑思考，你就会做得很好。 但我还是要说明，一个完善的菜单系统也有利于 SEO 流程，因为链接是对话的一部分。
我经常使用这种技术，我可以证明它确实有效，而且效果很好。 市场营销部门的其他人员可以告诉您 SEO 的好处（我们可以记录下来），但从基本可用性的角度来看，这非常好。 这是我最新的示例……
http://facilitysigns.com/
这种技术有两个巨大的优势。首先，即使用户无法查看 CSS，它也能保证你的内容立即显示。与其在每个页面上滚动浏览 30 或 40 行菜单项，不如将重要信息始终置于“首屏”。我们服务的行业范围相当广泛。我们的一些客户（你可能知道他们的名字）是地球上技术最先进的公司。其他的则不需要使用最新的浏览器，因此我们仍然从 Netscape Navigator 和 Internet Explorer 4 获得相当多的点击量。
其次，所有菜单项（以 facilitysigns.com 为例：页眉、菜单和快速链接）都可以使用单个 PHP 文件进行控制，因为所有额外的元素都一起出现在每个页面的底部。这有助于设计师，因为我们中的任何人都可以通过编辑单个文件来进行全站更改。这也意味着创建和编辑新页面（以及新内容）变得更加容易。这反过来又意味着设计师出错的可能性更小，因为我们只需要担心两个文件（页面本身和菜单）。
我认为以这种方式重组 HTML 代码不会对搜索引擎排名带来任何实际好处。搜索引擎可能会根据您的标题标签、链接文本以及图像和链接上的标题标签，以及您的页面标题和入站链接来对您的页面进行排名。出于可访问性目的，您的代码应以对最终用户有意义的层次结构显示，而无需 CSS。
我也不是 SEO 专家，但重新排列页面内容似乎并不是获得搜索引擎排名的途径。使用正确的标记和有意义的内容对我来说是最有意义的，而这才是最终获胜的关键。
这绝对是“事物的另一面”，对我来说也有道理。
我想这是结构良好且语义化的标记的一部分。我刚刚重新启动了我的网站。除了更好的和更多的内容，内容中更有帮助的链接（而不是导航链接），我尝试编写一个非常严格且语义化的标记，包括像 dfn 标签这样的特殊标签。
Chris 所谈论的只是不要混淆内容和正式部分（例如导航）的特殊方面。也许内容在标记中出现在导航之前并不像我们想象的那么重要。对于 SEO 来说，导航 div 中没有标题就足够了。如果我是 Googlebot，我会从标题直接跳到 h1，然后到 h2，然后到第一段。机器人并不关心它需要跳多远。
机器人应该理解流行的 div 名称，如“nav”、“wrap”和“content”。
认为只有标记的基本语义才重要，这种假设完全是错误的。谷歌明确表示，他们正在关注页面上内容的确切位置。
“我们的搜索引擎还会分析页面内容。但是，我们的技术不会简单地扫描基于页面的文本（网站发布者可以通过元标签操纵这些文本），而是会分析页面的完整内容，并考虑字体、细分以及每个单词的确切位置。”
来源：Google 技术概述
众所周知，Google 会读取 JS/CSS 文件（检查您的服务器日志）。因此，如果 Google 知道页面上每个单词的确切位置和样式（直接从读取 CSS 中获取），则本文中的所有技巧可能只是浪费时间。
Google 知道导航在示例中仍然排在首位。你不会通过移动标记中的内容来欺骗它。
当 Google 谈到单词的“位置”时，我相信他们指的是其在标记中的顺序位置，而不是其在图形页面上的视觉位置；例如，以字符或单词衡量的两个术语的相对接近程度。
对于他们的搜索机器人来说，试图推断页面的视觉呈现将是巨大的资源浪费，特别是因为考虑到广泛的浏览器功能、窗口宽度、用户样式覆盖以及使我们的工作如此有趣的所有其他变量，许多或大多数页面都没有唯一的显示方式。
如果真是这样……谷歌就不会说“每个单词的确切位置”，同时还谈论“字体”、“大小”和“细分”。毕竟……标记的顺序与“每个单词的确切位置”实际上没有任何关系。
想想“每个单词的确切位置”这个短语。这不仅仅是自上而下读取标记。它不仅仅是这些。
如果真是这样……谷歌就不会说“每个单词的确切位置”，同时还谈论“字体”、“大小”和“细分”。毕竟……标记的顺序与“每个单词的确切位置”实际上没有任何关系。
想想“每个单词的确切位置”这个短语。这不仅仅是自上而下读取标记。它不仅仅是这些。
需要注意的是，这种技术并非试图“欺骗”任何人。我认为这是黑帽 SEO，绝不会推荐它。CSS 是一种工具，它允许我们创建不依赖于源顺序的布局，并且它以一种对可访问性和帮助搜索机器人了解页面上的重要内容都有益的方式来发挥这种能力。
我不能确定，但我严重怀疑使用此技术会导致任何惩罚。
我同意这项技术的理念。我从未说过可能会出现“惩罚”。我只是说可能会引发一些警示信号，如果检测到足够多的警示信号……谷歌的垃圾邮件拦截器就会调查是否存在垃圾邮件的可能性。他们不会对你进行惩罚（或删除你的内容），因为它绝对不是黑帽 SEO。它只是有点奇怪。
问题在于，当人们将你的技术发挥到极致时……利用它来隐藏和提升黑帽 SEO 的权重。我知道这不是你所建议的。但是，有些人可能会认为它会起作用（不会起作用）。
我想表达的观点是，这可能只是浪费时间，因为 Google 明确表示，他们在确定 SEO 值时会考虑页面上元素的确切位置（而不是标记的顺序）。
充其量……这项技术实际上只是一种可访问性改进（对于文本浏览器、屏幕阅读器等）。但是，“跳过导航”链接的实现会稍微容易一些。
尽管如此，尝试得不错！
我一直使用这种技术，但主要出于可访问性原因（例如，你提到了屏幕阅读器）。第一次在关闭 CSS 或在 Lynx（或旧版移动浏览器等）中查看以这种方式构建的网站时，其优势非常明显。如果有任何 SEO 优势，那只是锦上添花。
这很好，而且我一直都是这么做的，但我改变了我的方法。例如，我阅读了关于残障人士期望的内容的 PowerPoint 幻灯片，其中之一是顶部的导航。当然，你可以进行测试或调查，并可能发现其他情况。
http://www.smileycat.com/miaow/archives/000261.php 只是一个简单的 Google 搜索，链接已失效，它来自 2006 年，但谁能证明并非如此？或者实际上是否存在代码截止？
顺便说一句，很棒的网站，感谢您提供的精彩视频。
很棒的技巧，但如果你想在 SEO 中获得好成绩，你应该知道使用 H1 作为网站标题是错误的。H1 应该专门用于主要（唯一）内容标题。请注意，一个页面中只能有一个 H1。
我通常在一个页面上保留 1 个 H1，但这对于多个 H1 问题来说是一个有趣的答案。
http://www.seohelpbook.com/video/matt-cutts/more-than-one-h1-on-a-page-good-or-bad-video_a81fd6bf6.html
Google 实际上几周前发布了一个视频，说明这是错误的。如果内容需要，您可以在页面上使用多个 H1 标签。
他们说他们会惩罚将大块文本（你的内容）放在 H1 标签中并使用 CSS 使其看起来很漂亮的行为。
这是供参考的视频
嗨，Chris，这已经是在 SEO 社区中争论多年的问题了。我个人不会这样做，因为对我来说，导航与内容一样重要（如果不是更重要的话）。
搜索引擎只会索引页面源代码的一部分（大多数网站不必担心这个问题，因为限制相当高），但对于内容非常长的页面，蜘蛛可能永远无法到达代码的末尾。那么导航怎么办呢？
嗯，搜索引擎依靠导航从一个页面跳转到另一个页面，并发现网站中的其他页面并对其进行排名。它们还使用导航在页面之间传递 PageRank 和相关性，因此，如果搜索引擎从未到达您的主要导航，那么您可能错过了巨大的机会。
如果使用得当，它可以起作用，但我不会建议每个人都使用这种方法，而无需首先考虑可能产生的后果，然后彻底测试他们的结果，而不是假设他们的排名很好，因为他们的内容排在首位，因为 SEO 中涉及的变量太多了。例如，我个人宁愿 90% 的所有内容都被索引，也不愿 100% 的少量内容被索引。
也看看这个
http://www.sohtanaka.com/web-design/markup-hierarchy-advantages-seo/
在这种情况下，您是否同意该电子商务网站可能在其导航和设计方面存在根本问题？
在某些情况下，这绝对是一种有用的技巧，但应谨慎使用，绝对不应该将其用作快速解决方案。
在上面引用的情况下，我怀疑虽然某些内容的排名可能会提高，但由于指向它们的链接在源代码中更靠后，因此某些内容的排名也会下降。
令人遗憾的是，这是一种此消彼长的现象，这就是为什么 SEO 更像是一门艺术而不是科学。
嗨，Dave，
非常棒的观点！我认为，如果有人发现将描述性内容与导航内容交换对他们的 SEO 有益，并不一定意味着他们的导航存在问题。即使在内容上方使用代码量较少的导航也会将内容向下推一点。对于那些拥有更大导航甚至下拉菜单（添加更多代码）的网站，此技巧可能会更有用。
别忘了，你总是可以在描述性内容下方重新陈述你最重要的导航链接，这实际上会将它们在此场景中的代码中放置得更高。
这是一种对我来说全新的可用性好方法。我想如果你的网站内容丰富，可以使用这种方法？不过，我还没有完全认同这种简单的增强来帮助你的客户在谷歌搜索结果中排名靠前。在我看来，可用性始终是重中之重，所以我将尝试一下，而 SEO 并不是一蹴而就的事情，所以这并不会造成伤害。
很棒的提示，Chris，谢谢！
嘿，这是一个不错的想法，事实上 - 我很喜欢！
我想我会找时间把它放到我的新网站上，并且所有即将上线的网站也可能会包含它！
许多人认为 Google 的超文本匹配分析算法实际上理解 CSS。
Google 自己的技术概述页面重点介绍了这项技术。
这里的关键是“每个单词的精确位置”。
众所周知，如果你查看你的服务器日志，Google 正在读取你的 CSS 文件和 JavaScript 文件——寻找关于你如何定位和设置文本样式的线索。Google 理解 CSS 为内容增加了上下文，因此它被认为是超文本匹配分析中非常重要的组成部分。
因此，我认为我们可以假设 Google 知道你何时试图打乱顺序。它知道你何时试图欺骗它。它知道导航栏实际上位于内容上方——即使在标记中并非如此。并且算法不断改进以分析这些技巧。
但是，它也适用于另一种情况！同样的逻辑表明，Google 也理解大多数那些 142 行的导航代码是隐藏的。因此，它会降低下拉菜单中内容的价值。
更不用说超文本匹配分析还会识别出主要内容仍然位于页面顶部附近（请记住，“每个单词的精确位置”）——尽管在它上面放置了所有标记。换句话说，页面上的实际主要内容将比其上方的隐藏标记获得更大的权重。
所有这些复杂的样式调整可能做的只是在 Google 那里引发一些警示标志。当一个网站有太多警示标志时，Google 工程师会收到提醒，去查看你的网站是否正在使用恶意 SEO 策略。
这里的寓意是，试图欺骗 Google 是不值得的。算法知道内容的位置，并相应地对内容进行权衡。Google 的网站管理员指南只是建议构建智能且易用的网站。Google 的算法专门构建（并且不断完善）以奖励符合该理念的网站。
如果谷歌知道页面上事物的位置，那么代码的位置对它们有什么影响？在我看来，这听起来像是毫无根据的推测……
当然，这只是推测。任何声称自己是 SEO 专家的人可能都在向你兜售包治百病的灵丹妙药。
没有人真正知道 Google 在做什么。我们只能从 Google（或 Google 工程师 Matt Cutts）泄露的信息片段中推断。
不错，感谢你的提示，Chris！
虽然 html 中的代码层次结构确实会产生影响，但我怀疑在这种情况下，它是否重要到足以保证进行必要的 CSS 调整来实现这一点。虽然 SEO 人员普遍认为位置是有用的，但我从未见过任何人能够对此进行积极验证，这意味着它的价值可能极低。
我在这方面看到的更大的问题是，你的菜单实际上需要像这样进行变通。我可能会尝试简化它，以帮助减少你需要避免的链接数量，从而避免让用户面对过多的选择。我注意到，通过完全放弃弹出菜单，我的一些网站的跳出率下降了 5%，页面浏览量增加了约 10-20%。请参阅 Nielson 关于下拉菜单可用性的这篇很棒的文章（http://www.useit.com/alertbox/20001112.html）。
放弃大量链接的另一个巨大优势是，你可以更有效地塑造网站上的页面排名，因为页面排名分布在给定页面上的所有链接中。你是想拥有 100 个页面排名低的深度页面，还是拥有 5-10 个页面排名高的顶级页面？
我的网站有很多搜索流量直接进入顶级类别页面，从那里很容易将它们引导到更低级别的页面，这些页面通常更符合他们正在寻找的内容（但如果顶级页面排名不高，他们一开始就不会看到）。
不久前在工作中，我们所有人都被要求参加一个关于不同 SEO 最佳实践等的网络研讨会。演讲者评论说，只有标记中的第一个链接才计入你的排名（或类似的效果）。例如，如果你在内容之前有一个导航链接“关于”，但在你的内容中，你也有一个指向你的“关于”页面的文本链接，例如“奥兰多网络营销公司”（除非你使用了 nofollow），那么这才是真正起作用的。因此，如果你试图在第二个链接中使用/排名关键词，那将毫无用处。在这种情况下，将导航放在源代码的最后是最有意义的。
我认为这就是要点。我也不是 SEO 专家。
要么你听错了，要么演讲者信息不准确。情况并非如此。
大家好，
我想回复我在这里看到的一些评论。
首先，来自不同 SEO 人员的答案确实会不同。这就是为什么尝试坚持像 Matt Cutts（Google 的工程师，因此拥有“内部信息”）这样的人所说的内容，并将你阅读的大部分其他内容都视为参考很重要。
关于关键词靠前的重要性，Matt Cutts 本人承认这“有点”帮助，在这个视频的 1:02:20 处。
http://tinyurl.com/d68zry
至于暗示使用此技巧的好处不足以保证使用的说法，我认为，为了获得更好的 SEO，没有哪种技巧是不值得使用的，尤其是在你依靠 SEO 获取收入的情况下。一旦你完成了基础工作，追求这些更小众的技术就是很好的做法。
实际上，前几天我们刚刚邀请了一位 SEO 专家来办公室开会。我们问了很多问题，其中就包括这个问题。他似乎认为这会有帮助，但当然这只是拼图中的一小块。
我认为 Google 会考虑当前/常见的编码实践，所以你可能会认为它会适应页面开头一系列冗长的嵌套无序列表？
我认为“跳过导航”链接很好，但“跳至导航”链接让它变成了那些“不要让我思考”的事情之一，总之只是一些想法，喜欢你的作品：）
我已经这样做了大约两年（仍然没有确信它对 SEO 有什么好处）。根据布局的复杂程度以及 IE 是否愿意配合，它可能会变得相当恼人。
实际上让我期待 CSS 高级布局模块。或者也许只是希望人们永远不要再关闭 javascript 并使用 js 来重新排列 dom。或者也许他们应该为此目的添加一些新的简单 CSS 功能。
关于尝试确定它是否真的有影响，你可以查看大型 SEO 公司的做法。在 Google 中输入“搜索引擎优化”，你会看到 BigMouth Media，我过去曾在 topshop.com 与他们合作过。
这些公司提倡先内容后导航的方法，并且由于他们已经获得了此搜索词的第一名，所以他们可能是对的。
当然，这只是你可以使用的众多优化技巧之一，但它们都会累积起来，如果你的业务依赖于搜索，即使比竞争对手略微领先一点，也可能让你的努力物有所值。
非常有趣的想法，讨论也开始扩散开来:) 不知道如果你的主要内容尽可能地靠上，是否真的会产生影响 :)
在YouTube上看到一个盲人使用屏幕阅读器，他总是先跳到页面上的h1标题，之后我就开始这样构建我的XHTML。
无论哪种方式，你都可以获得搜索引擎的高排名，但从可用性的角度来看，这似乎是最合适的。
哇 - 我以前从未想过这样做。需要在一个网站上尝试一下，看看它是否可以提高SEO。
你可能还可以做的一件事是，简单地将
rel="nofollow"添加到第一组导航链接中，然后在标记的末尾简单地重复相同的链接，但不要使用nofollow。这样你就不会在内容被抓取之前丢失任何机器人链接权重，而且人们也不会因为点击“跳至导航”而感到恼火。我们公司付费请了一家“专业”的SEO公司给我们上了一堂关于这方面的课，他明确表示菜单应该尽可能地放在靠上的位置。
显然，机器人认为页面下方的链接列表像是开发者在进行链接垃圾邮件，就像带有链接的页脚一样 - 它们也讨厌这个。
因此，将菜单放在页面下部可能会让机器人认为这些链接毫无用处。
这不是我的观点，我只是在传达信息。 :)
查看一下你们的日志文件，伙计们。机器人不会直接跟随链接。它们永远不会这样做。如果你没有xml网站地图，机器人会从index.html开始，从上到下读取它。从这个意义上说，它不会立即跟随此文档中的任何一个链接，因为它不会通过跟随第一个链接来离开index.html。想象一下，这是一个外部链接 :)
在处理index.html一段时间后，机器人会返回并加载所有从index.html链接到的页面。它从第一次访问中就知道了这些地址。
即使你提供了一个xml网站地图，机器人也不会像人类一样爬取你所有的页面并思考你的网站。每次访问都只涵盖几个页面。很多时候一次只访问一个页面。这些页面将被索引并根据标题属性和h1进行评估。从你的网站添加新页面，索引必须重新评估所有内容，直到索引准备好你的整个网站。通过这种方式，搜索引擎会逐步遍历你的网站，首先收集你的标题和标题，并建立一个层次结构系统。当然，真正的全局导航会被识别为它是什么，以及内容中的上下文链接。
将内容与导航分开可能会帮助更快地建立索引。但有一个黄金法则：粗体文本内容从h1开始，而不是其他地方。粗体文本
我认为Chris并不担心索引速度。该建议试图提高相关关键词的权重。
补充一点（增加混淆）到对话中，seedmagazine.com，一个设计和开发都很好的网站（并且在Zeldman的大思考视频中获得了认可），将其顶部导航放在源代码的靠后位置。事实上，它的ID是“seoNav”！此外，侧边栏包含标签云，实际上是使用javascript编写的。
不不不，
啊，我以为只有我一个人这样做……它确实有很大的区别，而且与我的竞争对手相比，我认识的人中没有多少人这样做，所以请保密。
如果你的页面使用的是流体高度/宽度，会怎么样？你能调整文本大小并使其仍然适合给定的高度吗？我之所以这样问，是因为如果你要为导航栏设置一个固定的高度，这似乎不利于可访问性。
感谢这篇教程，我只有一个问题：对于不使用鼠标而是使用键盘在页面上进行标签切换的用户来说，情况如何？我在我们的网站上使用了这种方法，然后我自己发现无法在开始时访问导航链接非常令人困惑。
你的示例没有这个问题，因为内容中没有链接。
我想这会对我有帮助。
非常感谢，伙计，另外，我喜欢这个网站……CSS很棒。
我完全支持这一点。仅仅是了解如何（以及在哪里）放置页面内容，我就看到了很好的效果。
这种方法有一些缺点
这仅适用于每个页面都具有固定高度的固定标题
这可能在各种移动设备上效果不佳
此解决方案存在可访问性问题，因为访问导航需要更多标签切换和操作
谷歌将难以索引网站上的其他页面，因为它需要深入挖掘才能找到主导航
谢谢，keow。我想知道是否还有其他人会指出计划中的这个重大缺陷。这是水平菜单中棘手的地方之一——除非你故意通过阻止视觉障碍用户使用替换图形进行文本放大或允许菜单在放大时水平消失在窗口之外，否则你实际上并不知道它们会增长到多高。你可以尝试使用em单位调整标题底部填充，但这只适用于已知行数的文本的增长，并且在文本换行时立即失效。虽然学习在与标记不同的呈现顺序中设置内容样式的方法很有趣且有时有用，但环绕问题使得这个例子变得很糟糕。
此技术的首要理由是页面顶部的下拉菜单（“实际上是142行代码！”），这对精细运动技能障碍的人来说是一个可访问性挑战。嘿，将你的主导航菜单扁平化为一组半打链接，这样它就不会“掩盖”后续内容，问题就消失了，然后你就不必费心创建在文本缩放时会失效的布局。
但实际上——“掩盖”？“深入挖掘”？想法是可怜的小搜索机器人处理一百四十行标记或几千个单词后会感到疲倦和气馁吗？不是。或者谷歌认为，如果网页以几十个超链接开头，那么h1和后续内容的重要性就会降低吗？在这种情况下，网络上数十亿个网页中的绝大多数都以导航链接开头？我不这么认为。如果“被前面内容掩盖”的概念适用，那么数百万篇文章和论文的结论将不如引言那样得到很好的索引，这将是现实世界中运行搜索引擎的一种非常愚蠢的方式。在谷歌的所有特征中，愚蠢并不是其中之一。
担心导航菜单在这里或那里的位置是伪SEO。
当你在这个网站上突出显示任何内容时，它会将突出显示的颜色更改为橙色。你是如何使用代码实现这一点的？
我同意，可能很难证明这是否对SEO有很大益处，但如果它没有其他作用，它肯定会为屏幕阅读器创建一个更友好的网站，尤其是在像你的演示一样包含大量导航链接的网站上。
不错的文章，Chris。 :)
这种技术相当愚蠢。它听起来很可爱，但谷歌仍然会找到你的内容，无论导航位于标记的顶部还是底部。只需使用干净的标记编写你的页面，谷歌就会找到所有内容，并对你的内容赋予相同的权重，无论它是在导航的下方还是上方。
我知道你们这些前端新手总是在寻找最新最酷的“技巧”，但与其依赖愚蠢的技巧，不如编写干净、结构化的代码，你就会做得很好。
是的，我已经为两个网站这样做了。无论如何，感谢你以更简单的方式发布它。这将帮助新手。
有很多布局使用这种HTML结构
头部
第一个侧边栏
第二个侧边栏
内容
页脚
这种结构绝对不友好SEO - 但这种结构对SEO友好
头部
菜单
内容
第一个侧边栏
第二个侧边栏
页脚
googlebot理解第一个菜单和内容之间的区别
如果你使用的是CSS下拉菜单 - 而不是JS - 那么使用这种方法会降低你内部链接的可信度。
对于googlebot来说，使用标记是必要的 - 但在同一个HTML站点上考虑两个h1是没有用的；)
此致
这真的有用吗？是的。我在我的 SEO 项目中检查过，它确实运行良好，所以我们所有人如果没有这样做，最好考虑一下。