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

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

推薦する

Vue Element UI カスタム説明リストコンポーネント

この記事の例では、Vue Element UIカスタム説明リストコンポーネントの具体的なコードを参考...

QQブラウザ機能を実装するためのCSS

コード知識ポイント1. fullpage.jsを組み合わせてフルスクリーンスクロールを実現する2. ...

FlashFXP FTP クライアント ソフトウェア登録クラッキング方法

FlashFXPのダウンロードアドレスは、https://www.jb51.net/softs/95...

Element-ui アップロードファイルのアップロード制限の解決策

質問アップロードするファイルのタイプを accept に追加することは、「表面的な」役割しか果たしま...

MySQL で not in を使用して null 値を含める問題を解決する

知らせ! ! ! uid が (a,b,c,null) に含まれないユーザーから * を選択します。...

Node.js で Bash スクリプトを書くための究極のソリューション

目次序文zxライブラリ$`コマンド` CD()フェッチ()質問()寝る()スローしない()チョークフ...

CSS3 の新しいレイアウト: flex の詳細な説明

Flexの基本概念フレックス レイアウト (フレックスはフレキシブル ボックスの略)、エラスティック...

XHTML 入門チュートリアル: フレーム タグの使用

<br />フレーム構造により、ブラウザの 1 ページに複数の Web ページを同時に表...

Web開発でボックスを中央に配置するいくつかの方法

1. ボックスを中央に配置するいくつかの方法を記録します。 1.0、マージン幅固定、高さ中央配置。 ...

Windows Server 2016 で Flash を有効にする方法

最近、VMware Horizo​​n を導入してテストしましたが、そのコンソールにはデフォルトで ...

MySQL 起動エラーを解決する: エラー 2003 (HY000): 'localhost' の MySQL サーバーに接続できません (10061)

このエラーは初心者によく発生します。この記事では主に、エラー 2003 (HY000): '...

この記事では、Vue 3.0 レスポンシブの使い方を説明します。

目次ユースケースリアクティブAPI関連プロセス反応的なcreateReactiveObjectはレス...

CentOS7 上で KVM 仮想化プラットフォームを構築する (3 つの方法)

KVM はカーネルベースの仮想マシンの略で、Linux をハイパーバイザーに変換する Linux ...

JConsoler を使って Tomcat の JVM メモリを監視する方法を説明します

目次1. Tomcatを監視する方法2. Java独自の監視コマンド3. Tomcatのトラブルシュ...

MySQL の結合インデックスと左端一致原則の詳細な説明

序文これまでインターネットでMySQLジョイントインデックスの最左接頭辞マッチングに関する記事をたく...