2013-10-05 22 views
6

Twitter Bootstrapを使用してプロジェクトを構築しています。 documentationでは、それは述べています:SEO:<button>対<a> HTMLタグ

ボタンタグ

<a><button>、または<input>要素上のボタンクラスを使用します。

[...]

ベストプラクティスとして

レンダリングクロスブラウザ、我々は非常にクロスブラウザのレンダリングに一致することを確認するために、可能な限り<button>要素を使用することをお勧めします。

これはSEO-Wise Speakingですか?

+0

将来起こりうるレンダリングの問題についてのみ言及するまで、問題はありません。 – Manoj

+1

SEOを改善するための判断テクニックはオフになっています – random

+2

この質問はhttp://webmasters.stackexchange.comに掲載されています –

答えて

4

検索エンジンはボタンも入力もしないで、アンカータグとその属性(href、title)を検索するので、SEOの方がいいです(<a>タグを使用することをお勧めします)。したがって、検索エンジンでクロールする必要があるウェブサイトの別のページにリンクしている場合は、SEOとセマンティクスの両方でアンカータグを使用する方が意味があります。

一方、フォームを作成する場合、<button>または<input>を使用する方がはるかに意味があります。この場合は、ドキュメントの推奨事項に従ってください。

私はドキュメントの参照が実際に言うべきだと考え:

[...]要素代わりの入力 要素可能な限りの使用をお勧めします。[...]

<input><button>などのほとんどのフォーム要素には、JavaScript固有のスタイルがあります。これはJavaScriptなしでは変更できない場合があるため、このコメントはTwitter Bootstrapのドキュメントに記載されています。

+0

"JavaScriptなしで変更することが困難なブラウザ固有のスタイル" - うわー?すべてのユーザエージェントスタイルは通常のCSSで簡単に上書きされますか? – Bill

1

私はGoogleがボタンとSEOのためにこの悪いをクリックしないことを知っている。 多くのボタンがフォームの送信やJavaScriptの実行を行うため便利ではないためです。 私のウェブサイトのgoogle-analyticsで見ることができます。それはタグhrefだけをキャッシュしています。