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

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

推薦する

MySQL におけるユニーク制約と NULL の詳細な説明

序文説明を簡略化するために以前に設定した要件は、他のグループから MQ メッセージを受信し、データベ...

Vue でキープアライブを使用した後にキャッシュをクリアする方法

キープアライブとは何ですか?通常の開発では、コンポーネントによっては複数回初期化する必要のないものも...

MySQL-8.0.26 構成グラフィックチュートリアル

はじめに: 最近、会社のプロジェクトでデータベースのバージョンが変更されました。ここでは、MySQL...

MySQL 接続失敗の一般的な障害と原因

==================================================...

Chrome Dev Tools を使用してページのパフォーマンスを分析する方法 (フロントエンドのパフォーマンス最適化)

背景開発やデバッグには Chrome Dev Tools がよく使用されますが、ページのパフォーマン...

Dockerイメージが消える問題を解決する

1. 50と93では鏡像が消える [root@h50 /]# df -h ファイルシステムの使用済み...

フックを使用して React コンポーネントを書くときに注意すべき 5 つの点

目次01. レンダリングが不要な場合はuseStateを使用する02. リンクの代わりにrouter...

一般的な Linux ツール vi/vim の完全版

なぜvimを学ぶのかLinuxには多数の設定ファイルがあるため、Linuxには多くのテキスト処理ツー...

WeChatアプレットで計算機機能を実装する

この記事は、WeChat アプレットを使用して作成された簡単な計算機です。興味のある方はご覧ください...

ノード スキャフォールディングを使用してトークン検証を実装するサーバーを構築する方法

コンテンツスキャフォールディングを使用してノードプロジェクトを素早く構築するデータベースとやり取りす...

MySQL ストアド プロシージャの作成、呼び出し、管理の詳細な説明

目次ストアドプロシージャの概要ストアド プロシージャを使用する理由は何ですか?ストアドプロシージャの...

Vueアイコンセレクターのサンプルコード

出典: http://www.ruoyi.vip/ 'vue' から Vue をイン...

Windows 版 MySQL のインストール、起動、基本設定に関する詳細なグラフィック チュートリアル

ダウンロード:ステップ 1: ウェブサイトを開きます (ダウンロードするには公式ウェブサイトにアクセ...

CSS3はマスク連打機能を実現する

最近Bステーションでスマートアンチブロッキング弾幕と呼ばれる弾幕エフェクトを見ました。これは伝説のマ...

Webデザインチュートリアル(1):手順と全体レイアウト

<br />注:ウェブサイトの種類を示すものを除くすべてのテキストは、企業サイト用です。...