web-dev-qa-db-ja.com

SEOがヘッダー要素で<i>を使用するのは悪い習慣ですか?

ユーザーフレンドリーなウェブサイトを作成するには、次のような<h>要素でFont Awesomeフォントを使用する必要があります。

<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
 Performance
</h2>

実際、これはレビュー記事です。これらのフォント(または<i>要素)を<h1><h2><h3>などのヘッダー要素の内部HTMLに入れても大丈夫ですか?

それは私にとって非常に重要なので、ソースまたはいくつかのドキュメントも提供してください。このトピックについて間違いを犯したくはありません。

11
Amirreza Nasiri

大した害はないだろうし、何も追加しないだろう。ヘッダータグをきれいに保ち、iを追加しません。インラインスタイリングはより大きな問題になりますが、これは実際には大きな問題ではありません。

これを行う代わりに、歯車アイコンをH2に直接追加できます。

h2.Geared:before{
    display: inline-block;
    color: rgb(102, 149, 45); 
    font-family: "FontAwesome";
    content: "\f013"; /*The actual character FontAwesome uses */
}

<h2 class="Geared">This text will have the gear</h2>
11
Martijn

Googleは、最近使用したタグにほとんど注意を払っていません。 Googleは、ページがユーザーにどのように表示されるかを考慮します。どのテキストが大きいかを気にします。どのテキストが目立つかを気にします。どのテキストが非表示になるかを気にします。最近のSEOテストでは、見出しのようにスタイル設定された<div>タグの使用と、Googleに関する限り<h1>タグの使用に違いはないことが示されています。

CSSを使用するのではなく、斜体のタグを使用することに嫌気がさします。セマンティクスとプレゼンテーションが混在しています。ただし、SEOの観点からは、マイナスまたはプラスの結果はありません。

6