これだけは必要HTML講座・・・タグを覚えよう！文字の強調編
文字を強調表示するタグの説明をします。
上手に使うと googleやYahooなどの検索エンジンのSEO対策に効果がありますので、正しく理解して活用して下さい。特にSEO対策に効果があると言われているタグをピックアップしています。見出しの強調
| <H1>これはH1の見出しです</H1> <H2>これはH2の見出しです</H2> <H3>これはH3の見出しです</H3> <H4>これはH4の見出しです</H4> <H5>これはH5の見出しです</H5> <H6>これはH6の見出しです</H6> |
上のHTML文章をサーバーへアップロードしてブラウザーで見ると下のように表示されます。
<H1>から<H6>は文章の見出しに付けるタグです。<H1>が最上位の見出しで<H6>が最下位の見出しになります。
googleなどの検索エンジンは この部分を重視しますので アピールしたいキーワードは<H1>～</H1>の中に入れて強調して下さい。
ですが、検索エンジンに自分のホームページをアピールすために、<H1>タグを多用すると逆効果になります。検索エンジンは<H1>タグを多用しているページは不正に検索順位を上げようとしている「検索エンジンスパム」サイトと認識するためです。ですので<H1>タグはひとつのサイトに1個までと思ってください。
ブラウザでの表示は、数字が小さいほど、大きな文字となり、いづれも太字になり、前後が１行あきになります。現実的にはサイズが大きくなりすぎてデザイン的に見栄えが悪くなるので
| <font size="3"><H1>強調したい見出し</H1></font> |
という感じで文字のサイズを小さく固定しておくと良いです。
スタイルシートで文字サイズを固定する方法もあるのですが、こちらについては別途説明します。
文字の強調 STRONGタグ
| <STRONG>強調したい文字を記載します</STRONG> |
上のHTML文章をサーバーへアップロードしてブラウザーで見ると下のように表示されます。
| 強調したい文字を記載します |
文字を強調する時に使用するタグです。このタグも検索エンジンは重視します。ですが、多用すると、文章にメリハリが無くなってしまいますので、本当に強調したい部分だけにピンポイントで使用してください。
文字サイズが気に入らない場合は、以下ののように記載してサイズを調整してください。
| <font size="3"><STRONG>強調したい文字を記載します</STRONG></font> |
文字の強調 EMタグ
| <EM>強調したい文字を記載します</EM> |
上のHTML文章をサーバーへアップロードしてブラウザーで見ると下のように表示されます。
| 強調したい文字を記載します |
このタグも文字を強調する時に使用するタグですが、上記の「STRONGタグ」よりは弱い強調になります。「STRONGタグ」と同じで 本当に強調したい部分だけをピンポイントで使用してください。
スポンサードリンク
情報商材のアフィリエイト
