SEO <a href="#">带有JavaScript功能的标签

SEO and <a href="#">...</a> tags with JavaScript functionality

本文关键字：quot JavaScript 带有功能标签 href SEO 更新时间：2023-09-26

在过去的几周里，我们深入研究了SEO指南，遇到了一个问题，我们没有找到令人满意的答案。(我们在这个话题上意见不一致)。我们想听听更多的意见。

由于最近许多项目使用jQuery和Bootstrap，锚标记经常被使用为

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

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

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

我们中的一些人认为在这些链接中添加rel="nofollow"属性是一个好主意，以防止蜘蛛跟随这些链接。还有人说这会阻止当前页面(以#为目标)被正确索引。

这可能是一个想法，以取代所有这些'占位符<a>标签'与<span> 's或<button> 's，但(使用Bootstrap)有时他们存在旁边的真实链接和一个小的差异将是可见的，由于浏览器渲染问题与一些元素。(特别是当使用btn-group时)

在Bootstrap手册中我们发现:

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

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

我们一如既往地好奇其他开发者是如何处理这个问题的。

我们已经看过这些(和其他人)的文章

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

JavaScript链接的Href属性:" # "或" JavaScript:void(0) " ?

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

Google能够执行一些Javascript。因此，如果点击引导到另一个页面，机器人很可能会试图跟随它。

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

#将被忽略。这不会影响你的排名。爬行和排名是不同的事情。

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

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

另一些人说这会阻止当前页面(以#为目标)被正确索引。

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

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

我不会依赖这个。如果你担心或者想要安全对待机器人，你可以在这些链接上设置NOFOLLOW。

如果元素作为按钮而不是锚链接，它们不应该被索引。应该使用rel="nofollow"。最好是一个按钮，而不是一个锚链接。

使用一个空的锚链接，除了一个"#"是不好的做法，不仅对SEO。