SEO：<button> vs <a> HTML标签[关闭]答案

【问题标题】：SEO: <button> vs <a> HTML tags [closed]SEO：<button> vs <a> HTML标签[关闭]
【发布时间】：2013-10-12 15:27:30
【问题描述】：

我正在使用 Twitter Bootstrap 构建一个项目。在documentation 中声明：

按钮标签

在<a>、<button> 或<input> 元素上使用按钮类。

[...]

跨浏览器渲染

作为最佳实践，我们强烈建议尽可能使用<button> 元素，以确保匹配的跨浏览器呈现。

从 SEO 角度来说，这是一个好的做法吗？

【问题讨论】：

【解决方案1】：

据我所知，谷歌不会点击按钮，这对 SEO 不利。因为许多按钮使表单提交或 JavaScript 执行并且没有用处。我可以在我网站的 google-analytics 上看到它。它只缓存一个标签href。

【讨论】：

【解决方案2】：

在搜索引擎优化方面，最好使用<a> 标签，因为搜索引擎不会通过按钮或输入，而是寻找锚标签及其属性（href、标题）。因此，如果您要链接到网站上需要被搜索引擎抓取的另一个页面，那么对于 SEO 和语义而言，使用锚标记更有意义。

另一方面，如果您正在构建表单，则使用<button> 或<input> 更有意义，在这种情况下，您应该遵循文档中的建议。

我相信文档中的参考实际上应该说：

[...] 建议使用元素 而不是输入元素尽可能[...]

另请注意，包括<input> 和<button> 在内的大多数表单元素都具有浏览器特定的样式，这些样式有时在没有 JavaScript 的情况下很难/不可能更改，因此 Twitter Bootstrap 文档中有此评论。

【讨论】：