【効かない場合は?】HTMLのstrongタグとは? SEO対策に配慮した使い方も解説!

この記事は上記のような疑問を解消するものとなっています。

Webサイト制作を行っているときに重要性が高いテキストであると表現したいと思ったことはありませんか?

そんなとき、strong要素を使います。

strong要素は重要性、深刻性、緊急性が高いテキストを表現できます。

ブラウザでは太字で表示されます。

そこでこの記事ではstrong要素について解説していきます。

よく使用する要素の一つなのでしっかりと理解して使い方をマスターしておきましょう!

気になる方は是非最後まで読んで頂ければと思います。

1.strong要素とは?

strong要素を利用することで重要なテキストであることを表現できます。

要素を入れ子にすることで重要度の相対的なレベルを上げることができます。

strong要素で囲んだ部分は太字で表示されます。

似た要素にb要素というものがあります。

strong要素は強調したい部分を明確にするために使用し、b要素はシンプルに文字を太くしたい時に使用するのが一般的です。

ブラウザの表示結果は同じですが、しっかりと区別して使いましょう。

2.strong要素の使い方

strong要素の使い方をみていきましょう。

文字を太字にして強調することができる要素です。

太字にすることでユーザーだけでなく、検索エンジンに対しても強調している部分だということを伝えることができます。

htmlでは以下のように記述します。

<strong>強調したいテキスト</strong>

見た目だけを変えたいという方はb要素を使ってください。

<b>強調したいテキスト</b>

このように見た目と検索エンジンに強調したいテキストだと伝えたい場合はstrong要素を、見た目のみを変えたい場合はb要素を使ってください。

3.strong要素が効かない場合はどうする?

strong要素が効かない場合はどのようにするのか対策をみていきましょう。

まずはどのような原因があるのか把握する必要があります。

「strong要素のスペルミスがある」、「閉じタグが書かれていない」、「太字を消すCSSが適用されている」などの原因が考えられます。

これらが原因であることが多いです。

4.SEO対策に配慮したstrong要素の使い方

strong要素は適切に使うことが重要です。

strong要素をたくさん使いつぎるとSEO的に悪影響があります。

例えば、検索エンジンの評価が落ち、検索順位が落ちるなどです。

strong要素は3回以上使うとGoogleからペナルティを受ける可能性があるといううわさもあるので注意しましょう。

WordPressのビジュアルエディターにはテキストを太文字にする「B」ボタンがあります。

この「B」ボタンを利用するとstrong要素でテキストが囲まれてしまいます。

そのため、何気なく「B」ボタンを使いすぎるとstrong要素を連発してしまいます。

WordPressを使っている方は注意しておきましょう。

「HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方」はHTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ本です。

実践的な内容になっているので次のステップに進みたいという方は是非利用してみてはいかがでしょうか!?

5.格安プログラミングスクールを利用してHTML/CSSを勉強しましょう!

HTMLとCSSの勉強途中で分からないことがあり、中々進まないこともあると思います。

しかし、順を追って学習を進めていけば、必ずできるようになるのであきらめず最後までやりぬきましょう!

HTMLとCSSをプログラミングスクールで教わりたいという方も中にはいます。

そんな方は低価格のサブスク型プログラミングスクールがオススメです。

【最短30秒で完了】侍テラコヤの申し込み手順

侍テラコヤの申し込み手順をみていきましょう!

申し込みは最短30秒で完了します。

この機会に是非申し込んでみてはいかがでしょうか?

【1分で登録完了】受講料0円! ZeroPlus Gateの無料体験レッスン申し込み手順

ZeroPlus Gateの無料体験レッスン申し込み手順をみていきましょう。

受講スタートまでの流れは以下の通りです。

無料期間は予告なく終了する可能性があります。

少しでも気になる方は是非申し込んでみてはいかがでしょうか?

【10秒で完了】本気のパソコン塾の相談会/無料トライアル申し込み手順

STEP.1

相談会予約

＼【期間限定】無料相談会参加特典3つあり!／

7日間無料体験・無料相談会に申し込む! 30秒簡単予約!

• 特典1：学習コンテンツの1週間無料トライアル
• 特典2：学習管理シートプレゼント
• 特典3：副業収入獲得ノウハウ動画プレゼント

相談会はオンライン（Google meet）で実施致します。

ご希望の日時をご予約ください。

※所要時間は30分を予定しております。

STEP.2

相談会の概要

アドバイザーがお客様のキャリアや学習の課題を丁寧に伺った上で、今後についてのアドバイスを致します。

当日お話する内容例

• エンジニアを取り巻く環境
• 挫折しないための学習の進め方
• プログラミング言語について
• 本気のパソコン塾について

また、現状の課題や不安な事は、遠慮なくご質問ください。

ご相談いただける内容例

• プログラミング学習に関して
• 転職・副業・起業について

＼【期間限定】無料相談会参加特典3つあり!／

7日間無料体験・無料相談会に申し込む! 30秒簡単予約!

• 特典1：学習コンテンツの1週間無料トライアル
• 特典2：学習管理シートプレゼント
• 特典3：副業収入獲得ノウハウ動画プレゼント