搜索引擎优化： <button> 与<a>HTML标签

Question

我正在使用Twitter Bootstrap构建一个项目。在文档中指出：

按钮标签

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

[...]

跨浏览器渲染

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

从

SEO 角度来说，这是一个好习惯吗？

Answer 1

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

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

我相信文档中的引用实际上应该说：

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

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

Answer 2

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