スポンサーリンク

BR(改行)タグを使うのはSEO的によくない?正しい改行方法は?

2019年8月21日HTML・CSS

私はPタグやbrタグが変なところに入ってしまうので自動挿入されないようにした訳ですが、「Pタグやbrタグを使うのはSEO上よくない」ということを聞いたので調べてみました。

結果からいうとPタグやbrタグを使うこと自体がSEO上よくないというわけではありません。
ですが「br」タグに関しては正しい使い方をしないとSEOに影響するそうです。

ということで今回は「改行」について書いてみたいと思います。

スポンサーリンク

BR(改行)は使わないほうがいい?

前述でも書きましたが、brタグを使ってはダメ!ということではありません。
それでも「brタグは使わない!」という人もいます。

brタグを使わない主な理由は以下の通りです。

  • ソースが見づらい
  • コンテンツの区切り(セクション)がわかりづらい
  • 端末によって見え方が違う
きらり

きらり

なるほど!特に「ダメ」という理由で使わないじゃないんだね!

結耶

結耶

そうだね。
「ダメ」ではないけど…間違った使い方をするとSEOに影響がでて評価が下がってしまぅそうだよ!

間違った改行は評価が下がる?

brタグを間違った使い方をすると評価が下がってしまいます。では間違った使い方とはどんなものなのでしょう。

結耶

結耶

この使い方の間違いは初心者の人がやってしまう間違いです。
私もやっっていました!(^^;

連続改行

サンプル

<p>こんにちは。結耶です。<br>
<br>
<br>
<br>
今回は「br」タグじついて書いています。</p>

こんな風に連続してbrタグを使うのはNGです。
そもそもbrタグを文章と文章の間のスペースを開けるために使ってはダメ!

HTMLで書かれたものでも『文書』です。brタグで文書と文章の間にスペースを入れるのはHTMLの文法から外れることになり評価が下がってしまいます。

brタグの代わりに使われる<p>&nbsp;</p>

brタグの代わりに改行の方法として使われる <p>&nbsp;</p> ですが、これもHTMLの文法としてはよくありません。

Pタグは文章の段落(パラグラフ)であることを表すものです。<p>~</p>の間に入るのは文章となります。
ですが<p>&nbsp;</p>はPタグの中に&nbsp;(スペース)が入っているだけです。
スペースは「文章」と認められず、連続改行ほどではないものの評価が下がってしまいます。

きらり

きらり

ボクどっちもやっちゃてるよ~!

結耶

結耶

私もだよ~!きらり、どうしたらいいのか一緒に勉強しよう!

>BRタグの使い方

BRタグの使い方は以下の通りです。

サンプル

<p>こんにちは。結耶です。<br>
今回は「br」タグじついて書いています。</p>

BRタグは、Pタグの中で文章を改行させるのが正しい使い方です。
ただし、Pタグの中とはいえスペースを開けるためにBRタグを使うのはやめましょう!

スペースの調整はCSSで!

段落と段落の間のスペースはCSSを使って調整しましょう。

.text-space {
      margin-bottom:30px;
}
サンプル

<p class="text-space">こんにちは。結耶です。</p>
<p>今回は「br」タグじついて書いています。</p>

上記の表示サンプルは以下のようになります。

こんにちは。結耶です。

今回は「br」タグじついて書いています。

段落などのスペースはmarginを利用してスペースの調整してください。

結耶

結耶

Pタグ以外でもクラス指定して使えるから、いくつか用意しておくといいかもしれないね!

きらり

きらり

ボクもやっておこう!

クラス指定適用されないとき

テーマによってだとは思いますが、テーマの初期設定で指定されていてクラス指定しても適用されないことがあります。
その場合はCSSを以下のように記述してみてください。

.text-space {
      margin-bottom:30px !important;
}

値の後ろに「!important」を入れるとこのスタイルが優先されます。

最後に

私も連続改行や<p>&nbsp;</p>をやっていました(^^;
ですが、連続brも<p>&nbsp;</p>も評価が下がってしまうとのこと。

なので連続brと<p>&nbsp;</p>を使わないようにしましょう!

結耶

結耶

記事修正しなきゃ~!

応援よろしくお願いします。
      ブログランキング・にほんブログ村へ

お問い合わせはこちら
この記事を書いた人
結耶(ゆうや)

2017年9月からブログを始め、2018年1月にWordPressに変更しました。知識ゼロのから始めた超初心者で、WordPressやHTML、CSSなど勉強したことを書いています。
愛知県在住。多発性硬化症(MS)という難病と闘っています。

登場キャラクター
きらり
きらり

ある日ひょっこり現れ住みついた居候(いそうろう)。今は結耶と一緒にWordPressやアフィリエイトのことを勉強している。
性別は♂ 。どこから来たかは不明。

楽天ROOM