我正在使用 Twitter Bootstrap 构建一个项目。在文档中指出:
按钮标签
<a>
在、<button>
或<input>
元素上使用按钮类。[...]
跨浏览器渲染
作为最佳实践,我们强烈建议
<button>
尽可能使用该元素以确保匹配的跨浏览器呈现。
这是 SEO 方面的好习惯吗?
我正在使用 Twitter Bootstrap 构建一个项目。在文档中指出:
按钮标签
<a>
在、<button>
或<input>
元素上使用按钮类。[...]
跨浏览器渲染
作为最佳实践,我们强烈建议
<button>
尽可能使用该元素以确保匹配的跨浏览器呈现。
这是 SEO 方面的好习惯吗?
SEO 方面最好使用<a>
标签,因为搜索引擎不会通过按钮或输入,而是寻找锚标签及其属性(href、标题)。因此,如果您要链接到需要被搜索引擎抓取的网站上的另一个页面,那么对于 SEO 和使用锚标记的语义而言都更有意义。
另一方面,如果您正在构建表单,则使用<button>
or更有意义<input>
,在这种情况下,您应该遵循文档中的建议。
我相信文档中的参考实际上应该说:
[...] 建议尽可能使用元素而不是输入元素[...]
另请注意,大多数表单元素包括<input>
并<button>
具有浏览器特定的样式,这些样式有时在没有 JavaScript 的情况下很难/不可能更改,因此 Twitter Bootstrap 文档中有此评论。
据我所知,谷歌不会点击按钮,这对 SEO 不利。因为许多按钮使表单提交或 JavaScript 执行并且没有用处。我可以在我网站的 google-analytics 上看到它。它只缓存一个标签href。