bタグとstrongタグの違いをSEO観点とhtml(html5)観点で分かりやすく

公開日: : 最終更新日:2015/06/08 SEO, マークアップ, 内部SEO

   
 
   

bとstrongの違い

今回はbタグとstrongタグ、その関連タグについて扱います。今回登場するタグは

<b>
<i>
<em>
<strong>
<small>

これらです。ウェブ担当者であれば何気なく使っているタグですが、検索エンジンはどのように認識しているのか、html5では取り扱いがどのように変わるのか(変わりそうなのか)を分かりやすくお伝えします。

それぞれのタグの意味

各タグの意味を、おさらいしましょう。html4.01では次のような意味合いです。

<b>・・・太文字にする
<i>・・・斜体にする
<em>・・・強調する(斜体になる)
<strong>・・・より強調する(太字になる)
<small>・・・文字を一段小さくする

では、html5ではどう変わったか見てみましょう。

<b>・・・区別すべきテキストを囲む、重要度は変わらない
<i>・・・心の声や他言語、特別な用語(専門用語)を区別するために囲む
<em>・・・強調を表す
<strong>・・・重要度を上げる
<small>・・・注釈や補足事項を囲む

となります。
正直なところこれは正しい説明ですが、strongの使い方あたりはSEO担当者であれば違和感が残ると思います。
過去の昔よりbタグは太字にする装飾タグで、strongタグは重要な箇所を囲み太字にもなるタグと認識していたかと思います。
ですから、既に広く一般に理解されていた(検索エンジンも意識していた)通りにマークアップルールが追いついたといった印象です。

検索エンジンに重要性を伝えるにはどうすべき?

あなたのサイトの中心的な話題や重要度の高いポイントを検索エンジンに正しく伝える為のマークアップはどうあるべきでしょうか?
非常に簡単に表すことが出来ます。

通常 < <strong> < <strong><strong>

通常のいずれのタグでも囲わない状態に対し、strongで囲うことで重要度をあげます。
さらにstrongタグを重ねて使うことで、より重要度を上げることが出来ます。
実際の使用例です。

この投稿記事は、SEO要素(strong)の中のタグ(strong strong)についてを扱っています。

この投稿記事は、<strong>SEO要素(strong)</strong>の中の<strong><strong>タグ(strong strong)</strong></strong>についてを扱っています。

教科書に書かれている内容と、実際に利用方法はどこかずれがあるように感じます。
実際には、次のような曖昧な相関図に乗っかるような気がします。
各タグの相関図

結論、上位表示させたいキーワードはどのタグで囲う?

だらだらと書いてきましたが、このサイトは、このページは『このキーワードで上位させたい』という思いがあるでしょう。
その際に、本文で登場するそのキーワードはどのタグで囲うべきでしょうか。

正解は、ありません。

現在のアルゴリズムでは、キーワードをstrongタグで囲うことで順位アップすることはありません。
しかし、strongタグやiタグは正しく使うことでページの内容やジャンルを誤りなく検索エンジンに伝えることが期待出来ます。
当ポストで言えば、htmlseo・タグ・強調といった単語を囲うことで、『B STRONG』はメジャーリーグのボストンを指す内容ではなく、htmlタグのbを扱っていると伝えることが出来ます。
また、一定程度の強調や太字タグが入っているページはユーザーも読みやすく、キーワードに対してではなく、ページに対して加点が期待できるでしょう。

 

関連記事

SEOとキーワード数

SEOとキーワード数(メタタグ・タイトル・1ページ内)の正しい設計

この記事は、ご自身でサイト上位表示に取り組む方向けの内容です。 htmlタグのお話が登場します

記事を読む

2019年のSEO

2019年のSEO。私が頑張りたい4要素。

昨年(2018年)は書くのを忘れました。今年は書いておこうと思います。情報を丁寧に書こうと

記事を読む

ヤフー虫眼鏡の仕組みは?

ヤフー検索の虫眼鏡はどんな仕組み?

新年明けましておめでとうございます。 今年も検索エンジンマーケティングに関するポストを様々

記事を読む

サイトの表示スピードを早くしたい!

サイトの表示スピードを上げるぞ!CSS・js圧縮、画像最適化でどの位早くなるかな?

ブラウザからサイトを閲覧する際には、CSS(カスケーディング・スタイル・シート)やjs(ジャバス

記事を読む

SEO対策の設計で重要な点

SEO施策の設計でもっとも大切な事とは?

新規にサイトを作ろうというタイミング、今までほったらかしだったウェブサイトをSEOを意識し、強く

記事を読む

ファイルの転送速度を上げるgzip圧縮

Page Speed Insightsの点数を上げる「圧縮を有効にする」の方法説明

昨年末に投稿したページ表示速度の改善方法【続編】内にて、gzip圧縮や画像の最適化について触れて

記事を読む

レスポンシブデザインはGoogle推奨なの?

レスポンシブデザインはSEOに有利?WordPress等のCMSでは?

この記事は、既に保有するサイトをレスポンシブ化しようか、または新規作成するサイトをレスポンシ

記事を読む

失敗したSEO例

過去に失敗したSEO施策を7例あげます

弘法にも筆の誤りと言いますが、私のようなひよっこであれば、それはもう多くの失敗をする訳です。

記事を読む

画像を軽くしてページの表示を早くしよう

画像を最適化して軽くしよう!サイト表示速度改善策

梅雨の季節、皆さんいかがお過ごしでしょうか。 天気が悪いと室内でネットな時間が増えるのも自

記事を読む

直帰率とSEO

直帰率とはSEOとほぼ無関係の数値である

直帰率とは、1ページのみ閲覧し、同一ドメイン内の他ページヘ移動せずブラウザを閉じたり、検索結

記事を読む

 
 
no image
2022年サーチエンジンマーケティングと周辺の話

明けましておめでとうございます。2022年です。前回から2年経過です

2020年トレンド
2020年のSEOトレンド

明けましておめでとうございます。(いまさら!)毎年書いていた年始め

2019年のSEO
2019年のSEO。私が頑張りたい4要素。

昨年(2018年)は書くのを忘れました。今年は書いておこうと

Googleの個人名「ナレッジパネルの認証を受ける」の申請方法・編集

Googleで個人名検索をした際に表示される「ナレッジパネル

検索意図ドリル
コンテンツマーケティング関連本「検索意図ドリル」書きました。

ドリルを書きました。 「は?ドリル?あの漢字とかの?」 こ

→もっと見る

PAGE TOP ↑