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

Max*_*Max 3 html javascript seo drop-down-menu

在执行特定于CSS的HTML下拉菜单时,您在代码顶部附近有一些无序列表类型结构.如果您的下拉列表链接到数百个页面,那么在每个页面的代码顶部都有这个大的无序列表会损害该页面的SEO(因为顶部有所有非页面特定的代码)?我只是问,因为我注意到我的谷歌迷你搜索结果被顶部的UL倾斜,直到我发现谷歌迷你特定标签导致它没有索引该部分.

使用javascript从代码底部注入UL的内容或者在底部使用UL但是使用CSS定位来获得最佳效果会更好吗?

不确定我的问题是否清楚.思考?

小智 7

你问了几个问题:

简答:这是链接的数量,而不是它们的编码方式.

答案很长:

如果您的下拉列表链接到数百个页面,那么在每个页面的代码顶部都有这个大的无序列表会损害该页面的SEO(因为顶部有所有非页面特定的代码)?

可以,但像网络上的任何东西一样,它归结为实现.用于放置会影响您的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/