太字の <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証明書を作成する

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

推薦する

Dockerfileを使用してDockerイメージを構築する

目次Dockerfileを使用してDockerイメージを構築する1. Dockerfile とは何で...

Linux の ufw ファイアウォールの紹介

Linux のufw (Uncomplicated Firewall) を見て、ファイアウォールに変...

ReactプロジェクトにSCSSを導入する方法

まず依存関係をダウンロードします yarn sass-loader ノード sass を追加します次...

重複リクエストを削除するAxiosのソリューションについての簡単な説明

目次1. 重複したリクエストをキャンセルする2. すべてのリクエストをクリーンアップするこのソリュー...

MySQLにおけるビューの作成(CREATE VIEW)と使用制限の詳しい説明

この記事では、例を使用して、MySQL ビューの作成 (CREATE VIEW) と使用上の制限につ...

JavaScriptプロトタイプチェーンの詳細な説明

目次1. コンストラクタとインスタンス2. プロパティプロトタイプ3. プロパティ __proto_...

仮想マシンに Windows Server 2008 オペレーティング システムをインストールする

この記事では、Windows Server オペレーティング システムのインストールと企業でのそのア...

階層化されたピラミッドを実現するための HTML+CSS の例

この記事では主に、HTML+CSS で階層化ピラミッドを実装する例を紹介し、皆さんと共有します。詳細...

Linux で MySQL 8.0 サービスを完全に削除する方法

この記事を読む前に、Linuxコマンド、特にcentos7.3環境でyumを使用してインストールされ...

Linux でスレッドを作成するための pthread_create の具体的な使用法

pthread_create関数機能紹介pthread_createはUNIX環境のスレッド作成関数...

ホバー生成の境界線によって生じる要素の移動を解決する方法

序文hover疑似クラスが要素に境界線を追加すると、要素内のコンテンツがずれることがあります。box...

Linux で Ceph 分散ソフトウェアをインストールして使用する方法に関するチュートリアル

目次序文1. 基本環境1. サービス配信2. ネットワーク構成(全ノード) 3. SSHパスワードフ...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入:インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

nginx 設定ファイルで環境変数を使用する方法

序文Nginx はパフォーマンスを重視して設計された HTTP サーバーです。Apache や li...

docker version es、milvus、minio 起動コマンドの詳細な説明

1. es起動コマンド: docker run -itd -e TAKE_FILE_OWNERSHI...