「何についてのページなのか」を検索エンジンに伝える
キーワードを強調する事で、「何についてのページなのか」を検索エンジンに伝えやすくなります。
強調されている単語は検索エンジンに重視される
検索エンジンは、そのページで語られている内容を判断するために、本文中で強調表示されている単語を参考にします。
なぜなら、起用長されているからには、そのページの話題に関して重要な単語だと考えられるからです。
ですから、本文中に登場する最適化したいキーワードを強調する事で、ページの内容を検索エンジンに伝える事ができます。
HTMLには、強調を表現するための要素が2週類用意されていますので、これらを旨く活用しましょう。
強調を表現する要素は「em要素」と「strong要素」で、前者が強調、後者が強い強調を表します。
代表的なブラウザは、em要素を斜体。strong要素を太字で表示します。
強調の度合いに応じてem要素とstrong要素を使い分ければよいのですが、最初からstrong要素だけを使うように決めておいても良いでしょう。
日本語の文字が斜体で表示されると読みにくくなる可能性があるからです。
本文中のキーワードは必ず強調する
本文中に登場する最適化したいキーワードは、強調させておきましょう。
強調するには、強調したい単語をstrong要素またはem要素に含めればよいだけです。
強調する箇所は絞る
強調箇所が重視されるとはいえ、文章全体を強調しても意味はありません。
強調の度合いは、そのページ内に存在する単語間で相対的に評されるだけだからです。
ページ内の全てを強調した場合は、どの単語の強調度合いも一緒になるため、何も強調していないのと同じことになってしまいます。
ですから、重視させたいキーワードのみを強調するように記述し増しよう。
b要素よりはstrong要素を使う
強調目的で使われる要素として、emやstrong要素のほかに、b要素があります。
これは「太字で表示する」ための要素です。
代表的なブラウザでは、strong要素を使ってもb要素を使っても、表示は全く同じになります。
しかし、b要素にはHTMLの文法的に「強調」を表す意味があるわけではありません。
ただ「太字にする」という効果だけです。
しかし、b要素は強調目的で使われることもあるため、検索園児はこの要素も重視します。
ただ、HTMLでは文章構造だけを表現するほうが好ましいので、b要素は使わないほうが良いでしょう。
strong要素など、「強調」を表現するための要素があるのですから、それらを使っておきましょう。
尚、強調目的ではなく、デザイン目的で太字にしたい場合は、b要素ではなくスタイルシートを使いましょう。
強調の要素を使わない強調には効果がない
ページデザインによっては、強調を「太字ではなく」「赤色の文字」で表現したいと思う事もあるでしょう。
しかし、視覚的な装飾だけで強調を表現しても、検索エンジンには伝わりません。なぜなら、検索エンジンには「強調の意図があって赤く強いる」とはわからないからです。
拝見に蛍光色を使ったり、文字サイズを大きくしたりする装飾は、ブラウザで閲覧している人間には強調の効果があります。
しかし、ソースを読んで内容を判断するだけの検索エンジンには効果がありません。
強調したい文字を赤色で表示させたい場合は、強調を示す要素(emまたはstrong)を使った上で、その要素に対して、スタイルシートでも辞職を赤色に指定しましょう。
そのほかの装飾でも同様です。HTMLでは意味のみを表現し、望みの装飾はスタイルシートで行います。
装飾はスタイルシートで
代表的なブラウザでは、em要素は斜体で、strong要素は太字で表示されます。
これらの装飾はスタイルシートで変更する事ができます。
「強調はしたいが太字にはしたくない」という場合は、スタイルシートで太字を無効にしたうえで、望みの装飾を加えればよいでしょう。
日本語では、斜体で強調が表現される事はあまりありませんから、em要素を強調に使う際には、スタイルシートで斜体を無効に指定しておくと良いでしょう。
strong要素の装飾を太字にしたくない場合は、font-weightプロパティの値にnormalを指定します。
これによって太字を解除できます。
同様に強調を文字サイズを大きくする事で表現したい場合は、font-sizeプロパティで文字サイズを指定します。