在执行特定于CSS的HTML下拉菜单时，您在代码顶部附近有一些无序列表类型结构。如果您的下拉列表链接到数百个页面，那么在每个页面的代码顶部都有这个大的无序列表会损害该页面的SEO（因为顶部有所有非页面特定的代码）？我只是问，因为我注意到我的谷歌迷你搜索结果被顶部的UL倾斜，直到我找到一个谷歌迷你特定标签，导致它没有索引该部分。
使用javascript从代码底部注入UL的内容或者在底部使用UL但是使用CSS定位来提升它是不是更好？
不确定我的问题是否清楚。想法？
答案 0 :(得分：7)
你问了几个问题：
简答：这是链接的数量，而不是问题的编码方式。
长答案：
如果您的下拉列表链接到数百个 页面，确实有这么大 每个顶部的无序列表 页面的代码伤害了该页面的SEO （因为有所有这些 顶部的非页面特定代码？？
可以，但与Web上的任何内容一样，它归结为实现。用于放置会影响您的SEO的菜单的代码并不多，但更多的是您将页面的链接权益（PageRank）除以更大的数量链接。如果您是一个具有较高PR的热门网站，这不是问题，但如果您不是，那么您希望更好地选择内部链接的方式/位置。用于组成导航的实际代码与包含这些链接的方式不同，因为搜索引擎主要忽略标记（包括HTML5）。
使用javascript会更好吗？ 从中注入UL的内容 代码的底部或拥有 UL在底部但使用CSS 定位得上升
这将有助于更接近H1 / body标签的内容被赋予优先加权，但您仍然没有处理链接问题的数量。我已经尝试过CSS定位方法作为测试，它对主导航元素的价值产生了负面影响，因为它们在搜索引擎的眼中被赋予了“页脚”权重。
<强>要点： 所以答案真的是，对于搜索引擎优化 - 不要使用超级菜单如果你是一个小网站，因为你根本无法按比例将链接权益分配到需要它的页面 - 你'我们需要确保您的最重要的页面链接到您的主页，然后在您遍历您的网站架构时更深入地链接。如果您的PR为6或更高或PR页面较多，那么您可以考虑从主菜单中进行更深层次的链接。
至于可用性问题 - 大量已成功使用它们的大型网站已经将其彻底揭穿。
进一步阅读（和例子）： - http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/
答案 1 :(得分：1)
您问题的最佳直接解决方案是使用HTML5 <nav>元素 - 将CSS菜单包含在<nav>元素中，以及Google＆amp;朋友们会看到知道里面的一切都是菜单结构。这是工作中的语义网。
请参阅http://html5doctor.com/nav-element/以获取有关它的好文章。
如果您不能使用HTML5（并且没有理由不这样做，除非您需要在关闭Javascript的情况下支持IE），您可以通过使用命名良好的类和ID来向Google强调本节强调类似的效果页面是菜单结构。谷歌现在看到足够的CSS菜单，他们应该能够解决这个问题，而不会对你造成太多的SEO影响。
你将遇到的问题是，拥有数百个条目的大型菜单会损害您网站的一般可用性，就像损害SEO一样。请参阅此网站，了解有关大型下拉菜单不良的原因的文章（略有见解但仍然有效），无论使用何种方法创建它们：http://www.message.uk.com/dropdown-menus-no-thanks