javascript - HTML 下拉菜单和 SEO 影响的最佳实践

Question

在执行特定于 CSS 的 HTML 下拉菜单时，代码顶部附近有一些无序列表类型的结构。如果您的下拉列表链接到数百个页面，那么在每个页面代码的顶部都有这么大的无序列表是否会损害该页面的 SEO(因为顶部有所有非页面特定的代码)？我之所以问，是因为我注意到我的 Google Mini 搜索结果被顶部的 UL 歪曲了，直到我找到一个 Google Mini 特定标签导致它不为该部分编制索引。

是使用 javascript 从代码底部注入(inject) UL 的内容，还是将 UL 放在底部但使用 CSS 定位将其放在顶部会更好？

不确定我的问题是否清楚。想法？

Answer 1

你问了几个问题:

简短回答:问题在于链接的数量，而不是它们的编码方式。

长答案:

If your dropdown links to hundreds of pages, does having this large unordered list at the top of every page's code hurt that page's SEO (because there is all of that non-page-specific code at the top)?

它可以，但就像网络上的任何东西一样，它归结为实现。与其说是用于放置菜单的代码会影响您的 SEO，不如说是您将页面的链接 Assets (PageRank) 除以更大的链接数。。如果您是一个具有高 PR 的热门网站，这不是问题，但如果您不是，则您需要更加谨慎地选择内部链接的方式/位置。用于构成该导航的实际代码并不像您包含这些链接的方式那么严重，因为搜索引擎大多会忽略标记(包括 HTML5)。

Would it be better to use javascript to inject the contents of the UL from the bottom of the code or to have the UL at the bottom but use CSS positioning to get it up top

这将有助于更接近 H1/body 标签的内容获得优先权重，但您仍然没有处理链接数量问题。我尝试了 CSS 定位方法作为测试，它对主要导航元素的值(value)产生了负面影响，因为它们在搜索引擎眼中被赋予了“页脚”权重。

总结:所以答案确实是，对于 SEO - 不要使用大型菜单如果你是一个小网站，因为你根本无法将链接 Assets 按比例分配给需要它的页面 - 你您需要确保从主页链接到最重要的页面，然后在遍历站点架构时链接得更深。如果您的 PR 为 6 或更高，或者有很多更高 PR 的页面，那么您可以考虑从主菜单链接到更深层次。

至于可用性问题 - 已被成功使用它们的大量大型网站揭穿。

进一步阅读(和示例):- http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/