【SEO】ワードプレスブログが改行できない問題のオススメ解決方法

ブログにおいて改行は非常に重要な役割を担っています。

例えば
こんな風に
行をつめた改行をしたり

逆に、

こんな風に

行間を開けたりすることで見た目の印象が変わります。

行間の幅を広げるためにたくさん改行したのに「保存」したら元に戻っちゃった…

なんて経験ありませんか？

そんなワードプレスブログの改行できない問題を簡単に解決できる方法を紹介します。

この記事では更に、ブログにおける改行の重要性や「改行」と「段落」の違いなども解説します。

これらを正しく理解することで、SEOに最適な方法でブログを改行しましょう。

ブログにおける改行の重要性

ブログにおける改行の重要性はこの数年で飛躍的に増しました。

それはブログがパソコンではなくスマホで読まれるメディアになったからです。

改行のない窮屈なブログは読者に圧迫感を与え、疲れさせてしまいます。

読者の読みやすさを第一に考え、以下のルールに沿って改行することをオススメします。

この2つのルールを守るだけで、スマホでブログを読んだときの息苦しさはだいぶ解消されます。

ブログにおける改行と段落の違い

ブログのHTML要素を正しく紐解くと、厳密に言えば改行と段落は異なります。

このように
一つの段落の中で
行間をつめて文章の行を変えることを改行といいます。

HTMLでは改行と段落の変更でコードがそれぞれ異なります。

段落<p>タグは開始タグと終了タグ</p>で囲む必要があるのに対し、改行</br>タグは囲む必要がないのも特徴です。

▼次の関連記事にブロガーが最低限知っておくべきHTML・CSSの知識についてまとめています

【HTML・CSS】ブログ初心者が最低限知っておくべき5つの基本とは？

ワードプレスの改行できない問題が発生する原因

改行はブログの読みやすさだけでなく、文章のテンポを生む効果もあります。

例えば改行を複数はさむことで読者に＜期待＞＜じらし＞＜溜め＞のような間（ま）を作ることができます。

ところが、ワードプレスブログでは改行が消えてしまう問題が発生します。

【ブログにおける改行と段落の違い】でも説明したように、Enterボタンは段落の変更を意味します。

段落はテキストを<p></p>で囲まないと成立しません。

つまりEnterを連打しただけではテキストを持たない無意味な段落として認識され、自動的に消去されてしまうのです。

ワードプレスの改行できない問題の間違った解決方法

ネット上には、このワードプレスの改行できない問題を解決する様々な方法が紹介されています。

ただ、私は以下の2つの方法はオススメしません！

不要なプラグインはなるべく導入すべきではありません。

また、空白（スペース）を段落<p>タグで囲んで改行が自動で消えないようにする方法はSEOの最適化という観点からオススメしません。

読者にとっては必要な間（ま）でも、検索エンジンからは「無意味な空白（スペース）」と認識されてしまうからです。

ワードプレスの改行できない問題はmarginで解決

改行の目的はそもそも「空白の行を作ること」ではなく次の段落との間に余白を作ることです。

であれば、改行にこだわる必要はそもそもありません。

行間の幅を広くするなら余白<margin>を使うのが簡単です。

普段、「ビジュアル」で記事を書いている人もmarginを設定するときは「テキスト」を使いましょう。

例えばHello Worldと書かれた段落の前後に100pxの余白を作る場合は、

<p style=”margin-top: 100px; margin-bottom: 100px;”>Hello World</p>

このように段落<p>タグの中にmarginを指定するだけで、

Hello World

こんな風に今日の前後に余白を作ることができます。

その他、以下の方法で細かな調整も可能です。

ワードプレスブログの改行できない問題まとめ

HTMLの基礎を理解すればワードプレスの改行できない問題は簡単に解決できます。

ブログには読者から見える側面と、検索エンジンから見える側面とがあります。

苦労して書いた記事を検索順位に表示させるにはHTMLを正しく使う必要があります。

▼次の関連記事にブロガーが最低限必要なHTML・CSS基礎知識をまとめました

【HTML・CSS】ブログ初心者が最低限知っておくべき5つの基本とは？

ブログ初心者こそ、早めにこれらの基礎をマスターして、他のブログと差別化しましょう！