具有 JavaScript 功能的 SEO 和 <a href="#">...</a> 标签

Question

由于我们在过去几周深入研究 SEO 指南，因此遇到了一个问题，但我们没有找到令人满意的答案。 （我们只是不同意这个话题）。我们希望对此有更多意见。

由于最近很多项目都在使用 jQuery 和 Bootstrap，锚标签经常被使用

<a href="#" class="btn btn-add-to-cart" data-item="65464823">Add to cart</a>

然后一些花哨的 JavaScript 代码会在元素上附加一个事件处理程序，这样当有人点击这个链接时，产品就会被添加到购物车中。

由于 SE 蜘蛛跟踪所有链接，它们最终会跟踪所有这些内部链接（注意 #），这对排名不利。

我们中的一些人认为将rel="nofollow" 属性添加到此类链接以防止蜘蛛跟踪这些链接是个好主意。其他人说这会阻止当前页面（以#为目标）被正确索引。

将所有这些“占位符<a>-tags”替换为<span> 或<button> 可能是一个想法，但（使用引导程序）有时它们存在于真实链接旁边，并且会有一个小的差异由于某些元素的浏览器呈现问题而可见。 （尤其是使用btn-group时）

在 Bootstrap 手册中我们发现：

“如果<a> 元素被用作按钮——触发页面内功能，而不是导航到当前页面中的另一个文档或部分——它们也应该被赋予适当的role="button"。

但是 SE 蜘蛛会考虑这个role 属性吗？

我们一如既往地好奇其他开发者如何解决这个问题。

---

我们已经看过这些（和其他）文章

http://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Href attribute for JavaScript links: “#” or “javascript:void(0)”?

Answer 1

然后一些花哨的 JavaScript 代码会在元素上附加一个事件处理程序，这样当有人点击这个链接时，产品就会被添加到购物车中。

Google 能够执行一些 Javascript。因此，如果点击导致另一个页面，它可能会尝试跟随它。

由于 SE 蜘蛛跟踪所有链接，它们最终会跟踪所有这些内部链接（注意 #），这对排名不利。

# 将被忽略。不会损害您的排名。抓取和排名一个单独的东西。

我们中的一些人认为将 rel="nofollow" 属性添加到此类链接以防止蜘蛛跟踪这些链接是个好主意。

这不是一个坏主意，特别是如果您有一个大型网站。您不希望机器人在这些链接上不必要地浪费时间。但是，这不是绝对必须的。

其他人说这会阻止当前页面（以#为目标）被正确索引。

没有。如果机器人设法分析这些链接，则意味着它们必须首先访问具有这些链接的页面的 URL。因此，对他们来说，索引该页面就足够了。

但是 SE 蜘蛛会考虑这个角色属性吗？

我不会依赖这个。如果您担心或想要安全地处理机器人，您可以随时在这些链接上设置 NOFOLLOW。

Answer 2

如果元素充当按钮而不是锚链接，则不应将其编入索引。应该使用rel="nofollow"。更好的是它应该是一个按钮，而不是一个锚链接。

拥有一个只有“#”的空锚链接不仅对 SEO 来说是不好的做法。