[HTML] 適度な太字が読みやすい! 強調タグ（B、EM、STRONG）の違いとは?

カラフルな装飾はNG!

文字の装飾でこんなのをよく見かけませんか?

初心者のブログとかアメブロとかでよく見かけますよねぇ……。もう何コレ……。

カラフルすぎでめっちゃ見づらいです。いえ……そんなレベルではありません。

これは「色彩の暴力」じゃー! こんなん見てたら気が狂うわ!!

いや、でもコレね……嫌がらせでやってるのではないのはわかっています。

だって「トロ」という言葉を赤くしているのはトロの色を反映させているんですよ。

こんな手間なことをして、さらに読みにくくなっているのは絶対にもったいないですよね。

たまにあるから「メリハリ」になる

という訳で、とりあえず見やすくするために色を一色にしてみましょう。

別に黒じゃなくてもいいですが、一色にまとめるとだいぶ見やすくなったのではないですか?

ただ、まだ見にくいですねぇ。

何が原因かと言うと、太字になっている部分が多すぎなんですよ!

「メリハリ」というのは、平坦な部分にちょっとだけあるから「メリハリ」なんです。

太字にする部分の割合が増えれば増えるほど、太字にしている部分が「普通」になり、太字にする意味がなくなります。

強調というのは、強調されていない中にあって初めて強調になりますから。

太字を追えば内容が分かるのが理想

なので、太字にする部分をちゃんと考えて、厳選しました。

スキミング（流し読み）をしやすいように考えて太字を入れてみました。

まぁ、これは内容がアレなんでアレですが（笑）、太字を追っていくと内容がなんとなく分かる……ってのが理想です。

太字の頻度ですが、1つの段落内に最高でも2つまでに抑えるようにしています。

もちろん文章量にもよりますが、段落内に太字部分が多くなると、ほとんど太字やん!な状況になってしまいますからねー。

文字の色を変えるときにはこちらの2点を忘れないで下さい。

• 青い文字はリンクされている部分に見える（クリックしてガッカリさせる）ので使わない。
• 黄色のような薄い色の文字は背景が白い場合は差がわかりにくくなるので使わない。

<b>タグを使う

ブログやサイト内で太字を表現するときは、<b>タグを使うと良いです。

<b>タグは「bold（太字）」の略で、対象部分を「太字にする」以外の意味はありません。

そのため、Googleはこのタグで囲んだキーワードを重要だとは認識しません。

見た目が同じでも、SEO的に強調したいところは<strong>タグにしましょう。

<strong>が多いとスパムだと思われるかもしれないので、<strong>は1ページに多くても3つぐらいに抑えて。

昔はこの<strong>が今よりも効果的で、乱用したり、<h1>タグの中にさらに<strong>を入れたり、無茶苦茶していました。それで検索順位に効果があったし……。

2017年10月10日追記: 現在では「strong」ばかり使われていても、ペナルティを受けることはないため、使い分けをあんまり気にすることはありません。

HTMLでの<b>と<em>と<strong>の違い

せっかくなんで、HTMLでよく違いが分からないと言われるタグもおさらいしておきましょう。