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

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

推薦する

Linux parted ディスク パーティション実装手順の分析

fdisk と比較すると、parted はあまり使用されず、主に 2T を超えるパーティションに使用...

MySQL アップグレードのベストプラクティス

MySQL 5.7 には、オンライン DDL、マルチソース レプリケーション、拡張された半同期、テー...

MySQLデータベースはMMM高可用性クラスタアーキテクチャを実装します

コンセプトMMM (Mysql のマスター マスター レプリケーション マネージャー) は、Perl...

Linux ファイアウォールを設定してポート 80 と 3306 を開く方法

ポート80も設定されています。まずファイアウォール設定ファイルを入力しますシェル># vim ...

Linuxシステムにおける仮想デバイスファイルのさまざまな実用的な使用法の詳細な説明

みなさんこんにちは。私は梁旭です。ご存知のとおり、Linux ではデバイス ファイルも含めすべてがフ...

MySQL 5.7.17 のインストールと設定方法のグラフィック チュートリアル (Windows10)

MySQL 5.7.17 のインストールと設定方法の概要最初のステップは、MySQL公式サイトから...

HTML ウェブページの基本コンポーネントの概要

<br />Web ページ上の情報は主にテキストベースです。 Web ページでは、フォン...

HTML/CSS の基礎 - HTML コード記述におけるいくつかの注意事項 (必読)

この記事の警告事項は、ブラウザの互換性とはまったく関係ありません。主に、プロジェクトで遭遇したいくつ...

jQueryは居住地を選択するためのドロップダウンボックスを実装します

居住地を選択するためのドロップダウンボックスをjQueryで実装するための具体的なコードは参考までに...

Node.js とブラウザのグローバル オブジェクトの違いの概要

Node.js では、.js ファイルは完全なスコープ (モジュール) です。したがって、var に...

Remレイアウトを使用して適応性を実現する

以前、モバイル適応に関する記事を書きました。非常に長く、内容が多すぎて読みづらいものでした。そこで、...

Reactは複雑な検索フォームの展開と折りたたみ機能を実装します

時間に余裕を持って、過去を忘れましょう。前のセクションでは、[検索] フォームとクエリおよびリセット...

Linux でディスクをマウントし、起動時に自動的にマウントするように設定する方法

皆さんの時間は貴重だと承知しているので、プロセス コマンドを直接書き留めておきます。設定できます。原...

JS配列メソッドsome、every、findの使用に関する詳細

目次1. いくつか2. すべての3. 見つける1. いくつかsome()メソッドは、指定された関数の...

vue3 を使用してカウント関数コンポーネントのカプセル化例を実装する

目次序文1. カプセル化の重要性2. どのようにカプセル化しますか? 1. アイデア2. 準備2. ...