太字の <b> と <strong> の違いの分析

太字の <b> と <strong> の違いの分析

私たちウェブマスターは皆、ウェブサイトを最適化する際に記事内のキーワードを太字にすることが最適化に非常に有益であることを知っています。
しかし、よく見ると、strong と b はどちらも太字にする機能があることがわかります。たとえば、WordPress では、テキストを太字にする場合、システムはデフォルトで strong タグを使用します。では、どれを使うべきでしょうか?以下、北京 SEO では <strong> タグと <b> タグの使用法と違いを分析します。


たとえば、<strong>ウェブサイトの最適化</strong>と<b>ウェブサイトの最適化</b>では同じ太字効果が見られます。 したがって、B ラベルと Strong ラベルはどちらも視覚的に太字になります。


ただし、B タグ自体には HTML の意味はありません。HTML に精通している人は、このタグが HTML コード内で太字を意味するだけであることをすぐに理解するでしょう。 Strong タグは HTML で強調の意味を持ち、強調と語調の強調を示します。


データによると、視覚障碍者がスクリーン リーダーを使用すると、B と Strong の違いをはっきりと見分けることができます。 B に出会ったら、他の単語と同じように読んでください。Strong に出会ったら、その単語を強調して一時停止してください。 WEB 標準の観点からは、B タグの使用は推奨されていませんが、Google の Matt はかつて、B タグには若干の利点があると述べましたが、その後、strong タグと同じ利点を持つように改訂されました。検索エンジンはユーザー中心です。どちらが有利か判断できない場合は、ユーザーの視点から始めるのがよいでしょう。


bとstrongがSEOに与える影響


HTML タグの定義は任意ではなく、特定の意味を持ちます。この観点から、H1 などのタグは主にタイトルで使用され、STRONG はキーワードの識別などコンテンツの適用に重点を置いています。もちろん、これは必ずしも固定されているわけではありません。たとえば、一部の Web サイトではサブ見出しを強調するために STRONG タグを使用していますが、これも許容されます。ただし、STRONG タグを過度に使用すると、検索エンジンからペナルティを受ける可能性があることに注意してください。


STRONG タグと B タグの定義、意味、使用法から判断すると、STRONG タグは徐々に B タグに取って代わってきました。これは WEB 標準では正常です。 GoogleもSTRONGの比重を徐々に高めてきました。


もう 1 つ注意すべき点は、STRONG タグをページに書き込む必要があることです。実験により、CSS で定義された STRONG は、包含とランキングには役に立たないことがわかりました。ロボットは CSS ファイルをクロールできますが、検索エンジンはコンテンツのみをクロールすると推定されます。


要約すると、一般的に言えば、STRONG の重みは B ラベルの重みよりもはるかに高く、ここでは基本的に B ラベルの役割については説明しませんが、H ラベルの場合、STRONG の役割はわずかに小さくなります。したがって、これらのタグは基本的に次のようにランク付けされます: H1>H2>H3>STRONG。


この観点から、検索エンジンは strong タグに高い重みを与える可能性が高いと思います。SEO の実験として、同じ内容のページを 2 つ作成します。B タグと strong タグを使用して、タイトルまたはキーワードを強調します。これらを含めた後、主要な検索エンジンでキーワードを検索して、タグで囲まれたページのランキング優先度が高いかどうかを確認します。 2 つのラベルの重みがまったく同じになる可能性もあります。


では、strongタグをどのように使用すればよいのでしょうか。現在、SEOコミュニティでは、一般的に見出しタグをテキスト形式を充実させる手段として使用しています。提案は、「一般的に言えば、ページには1つのH1タグのみが許可され、H2タグの数は2つまで、H3タグの数は3つ程度まで増やすことができます。見出しタグを過度に使用してもメリットはありません。」です。タグの数の制御は比較的緩やかです。もちろん、主なことはユーザーエクスペリエンスに影響を与えないことです。最適化するすべての主要なキーワードを強調することはできませんよね? strong タグはキーワードを強調するために使用されますが、使いすぎるとキーワードが「薄められ」、検索エンジンに不正行為と判断されることもあります。つまり、自然体でいればいいのです。

<<:  nginxとIISで使用できるSSL証明書を作成する

>>:  ウェブサイトメンテナンスページのリスト構築のヒント

推薦する

Alibaba Cloud ドメイン名と IP バインディングの手順と方法

1 Alibaba Cloud コンソールに入り、ドメイン名コンソールを見つけて、バインドするドメイ...

CSS テキスト装飾 text-decoration と text-emphasis の詳細な説明

CSS では、テキストは私たちが毎日扱う最も一般的なものの 1 つです。テキストの場合、テキストの装...

HTMLエリアタグの詳しい説明

<area> タグは、イメージ マップ内の領域を定義します (注: イメージ マップはク...

ログインボックスのドラッグ効果を実現するためのJavascript

この記事では、ログインボックスのドラッグ効果を実現するためのJavascriptの具体的なコードを参...

Vueはフィルターを使用して日付をフォーマットします

この記事では、フィルターを使用して日付をフォーマットするVueの具体的なコードを参考までに紹介します...

オンラインMySQL自動増分IDが使い果たされた場合の対処方法

目次テーブル定義の自動増分 ID InnoDBシステムはrow_idを自動的に増加させるシドInno...

MySQL binlog を使用して誤って削除されたデータベースを復元する方法

目次1 現在のデータベースの内容を表示し、データベースをバックアップする2 bin_log関数を有効...

操作例 MySQL ショートリンク

MySQL ショートリンクの設定方法1. mysql 接続番号ステートメントコマンドを確認します。 ...

WMLとは何ですか?

WML (ワイヤレス マークアップ言語)。これは HTML から派生したマークアップ言語ですが、W...

Linuxコマンドunzipの詳しい説明

目次1. 解凍コマンド1.1 構文1.2 オプション2. 例1. 解凍コマンドunzip コマンドは...

Nginx の動的および静的分離実装ケースのコード分析

静的と動的の分離動的リクエストと静的リクエストはミドルウェアを通じて分離され、不要なリクエストの消費...

Linuxテキスト処理ツールの詳細な説明

1. /etc/passwdファイル内のデフォルトシェルが/sbin/nologinではないユーザー...

CSSスクロールバーのスタイルをカスタマイズする方法の詳細な説明

この記事では、CSS スクロールバー セレクターを紹介し、Webkit ブラウザーと IE ブラウザ...

Vue3ナビゲーションバーコンポーネントのカプセル化実装方法

参考までに、Vue3でナビゲーションバーコンポーネントをカプセル化し、スクロールバーのスクロールに合...

Docker に Solr 8.6.2 をインストールし、中国語の単語セグメンターを構成する方法

1. 環境バージョンDocker バージョン 19.03.12セントロス7ソル8.6.2 2. Do...