ユーザーフレンドリーなウェブサイトを作成するには、次のような<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に入れても大丈夫ですか?
それは私にとって非常に重要なので、ソースまたはいくつかのドキュメントも提供してください。このトピックについて間違いを犯したくはありません。
大した害はないだろうし、何も追加しないだろう。ヘッダータグをきれいに保ち、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>
Googleは、最近使用したタグにほとんど注意を払っていません。 Googleは、ページがユーザーにどのように表示されるかを考慮します。どのテキストが大きいかを気にします。どのテキストが目立つかを気にします。どのテキストが非表示になるかを気にします。最近のSEOテストでは、見出しのようにスタイル設定された<div>
タグの使用と、Googleに関する限り<h1>
タグの使用に違いはないことが示されています。
CSSを使用するのではなく、斜体のタグを使用することに嫌気がさします。セマンティクスとプレゼンテーションが混在しています。ただし、SEOの観点からは、マイナスまたはプラスの結果はありません。