【網羅】読みやすいブログ大全｜書き方のコツ・レイアウト・デザインをまとめて解説

悩む人

ブログを読みやすくする方法を教えてください。


経験が長いブロガーさんのブログを見た後、自分のブログを見ると読みづらくて...

そんな悩みを解決します。

この記事を書いている人

経験が長いブロガーさんのブログ記事を見た時、

と思うことがありますよね？

僕は何度もあります。

ため

ただ、下手に手を加えると、かえって読みづらくなることも...（実際にやらかしました）

でも、安心してください。正しい方法を知れば、読みやすくすることができます。

読みやすくする方法を知る前

読みやすくする方法を知った後

そこで今回は、ブログを読みやすくする方法についてお伝えします。

ため

本記事の内容を実践すれば、ブログがすっきり美しくなりますよ。

それによって

も夢ではありません！

ちなみに本記事は、ブログの書き方の応用編です。基礎を押さえたい方は、下記をご覧ください。

ブログの基本的な書き方

あわせて読みたい

ブログの記事構成の作り方7ステップ【真似するだけの無料テンプレート付き】 ブログが思うように書けないうえ、記事が全然読まれません。これって記事構成ができていないからでしょうか？もしそうなら、記事構成の作り方を教えてください。あと、...

あわせて読みたい

【ブログ初心者向け】記事の書き方8ステップ【PVが2倍になってファンが着く】 ブログ記事の書き方が、イマイチよく分かりません。どう書けば良いんでしょうか？ そんな悩みを解決します。 この記事で分かること ブログ記事の書き方【8ステップ】分...

ため

それでは、本文を見ていきましょう。

＼ みんな使い始めてる ／

WordPressテーマSWELL【あなたのブログ生活を180度変える魔法のテーマ】

・HTML/CSSを操作する必要が一切ない！

・機能が豊富！カスタマイズサイトを見て自作する必要が無い！
・上位表示されやすい「JSON-LD」に対応！検索TOP10連発も夢じゃない！

・だから、1/2の労力でライバルに圧倒的な差を付けられる！（非常に有利になる）

・結論：（短期間で）ブログを資産化したり、人気ブロガーになるのも夢ではありません！

参考【SWELLレビュー】ブログが楽しくなって継続がラクになるWordPressテーマ

【前提知識】読みやすいブログの条件

まずは、前提知識として、読みやすいブログの条件についてお伝えします。

一つずつ説明しますね。

条件①：すっきりしていて非常に見やすい

条件1つめは、すっきりしていて非常に見やすい。

こんな感じです。

ので、見た目が鮮やかです。美しさを感じます。

条件②：読んでいて疑問が一つも浮かばない

条件2つめは、読んでいて疑問が一つも浮かばないこと。

下記の画像のような感じです。

ので、スラスラ読めます。

条件③：斜め読みでも記事の内容が理解できる

条件3つめは、斜め読みでも内容が理解できること。

実際に見た方が分かりやすいと思うので、下記の動画をご覧ください。

ので、飛ばし読みでも言いたいことが明確に伝わります。

読みやすいブログの書き方のコツ

それでは、読みやすいブログの書き方のコツをお伝えしますね。

一つずつ見ていきましょう。

句点は2回まで

まず、句点の使用は2回まで。

理由は単純で、「伝えたいことが分かる」からです。

具体例

下記の文章を読み比べてみてください。

句点が2回だと、言いたいことが分かります。しかし、句点が2回以上だと、言いたいことが分かりません。

ため

なので、句点の使用は2回までにしましょう。

余計な文章を削る

次は、余計な文章を削る。

具体的には

上記を削ぎ落しましょう。

ため

文章がシンプルになって、めちゃくちゃ分かりやすくなりますよ。

具体例

下記の文章を見てください。

シンプルな方が理解できますよね。

ため

なので、余計な文章を削りましょう。

目安

目安としては

が良いですね。

ため

特に文字数。

これは意識してください。

というのも

だからです。

言葉を一貫させる

次は、文中で使用する言葉を一貫させる。

文中で使用する言葉の意味が同じだと、疑問が浮かびません。

NG例は「え？」となりますが、OK例はすんなり頭に入ってきます。

ため

なので、言葉を一貫させましょう。

文章の重複を避ける

次は、文章の重複を避ける。

同じ言葉が続くと、読みづらくなります。

具体例

下記の文章を読んでみてください。

ため

例①はつまった感じがしますが、例②は流れるように読めます。

このように、同じ言葉が続くと読みづらくなるので、言葉を変えましょう。

重複しないためには？

重複しないためには

と良いです。

事実、例②の文章は言葉が重ならないように類語を使用。語尾も一文ずつ変えています。

ため

「確認が難しそう！」と思いますが、文章推敲のツール（無料）を使えば簡単です。

ツールが文章をチェックしてくれますよ。

文章のリズムを変える

次は、文章のリズムを変える。

というのも

からです。

具体例

具体例として、例①と例②の文章を読み比べてみてください。

ため

例①は飽きますが、例②は没頭しますよね。

なので、リズムを変えましょう。

リズムを変える方法

リズムを変える方法は

この3つです。意識してみてください。

ため

そうすれば読みやすくなって、完読されますよ。

文章が続くのは三文まで！

次は、文章が続くのは三文まで！

三文以上続くと、「長いな～。読みづらいな～。」と感じ、ページが閉じられます。

ため

なので、三文め・四文めに文字装飾を使うと良いですよ。

※例

ルールを決めて文字装飾を使う

次は、ルールを決めて文字装飾を使う。

無造作に文字装飾を使うと、目がチカチカして見づらくなります。

ため

しかし、ルールを決めて文字装飾を使うと視認性が向上。パッと見で理解できますよ。

当ブログの文字装飾ルール

参考例として、当ブログの文字装飾ルールをお伝えしますね。

当ブログの文字装飾ルール

ため

ぶっちゃけ、ここまで多くしなくても平気です。

ただ、重要なポイント、注意ポイントは目立つようにしましょう。

注意点：文字装飾を使い過ぎない

文字装飾を使う際は

1画面につき最大3色まで

が良いです。

ため

具体的には


・強調＋マーカー
・強調＋箇条書き＋背景色
・吹き出し＋強調＋マーカー


といった感じですね。

改行を多めにとって余白量を増やす

次は、改行を多めにとって余白量を増やす。

余白量を増やせば、文章がすっきりして見やすくなります。

ため

余白の目安は


・クラシックエディタ・・・改行幅2行
・ブロックエディタ・・・改行幅2行
・SWELL・・・4mm～5mm


です。

全体的に論理が通っているかをチェック

次は、全体的に論理が通っているかをチェック。

250記事以上添削をしてきて

でしたね。

具体例

具体例として、下記の文章を見ていきましょう。

例①は、分かりやすいので、スラスラ読めます。しかし、例②は疑問が浮かぶので、スラスラ読めません。

ため

このように、ロジックが成立しているかいないかで、読みやすさが変わります。

なので、全体的に論理が通っているかをチェックしましょう。

漢字2割・ひらがな7割・カタカナ1割の比率

最後は、漢字2割・ひらがな7割・カタカナ1割の比率にする。

理由はシンプルで、見やすくなるからです。

具体例

具体例を見ていきましょう。

例①と例②、どちらが見やすいですか？

ため

例②ですよね。


例①は、目が疲れてストレスを感じます。

なので、漢字2割・ひらがな7割・カタカナ1割の比率を意識しましょう。

意識する際のポイント

悩む人

意識するには、どうすれば良いんですか？

ため

下記をやってみてください。

ポイント

この4つをやれば、おどろくほど見やすくなりますよ。

読みやすいブログのレイアウト・デザイン

ここでは、読みやすいブログのレイアウト・デザインについてお伝えします。

一つずつ見ていきましょう。

自動広告をOFFにする

まず、自動広告をOFFにする。

読みづらいブログに共通しているのが「自動広告」。変なところにアドセンスが表示されています。

正直に言って、あれはストレスを与えます。離脱率（ページを閉じる割合）が高まりますね。

ため

なので、自動広告をOFFにしましょう。


代わりに、目次上・下、まとめの文末に広告を貼ると良いです。自動広告よりも収益が発生しやすくなりますよ。

テーマカラーには寒色系を使う

次は、テーマカラーには寒色系を使う。

理由はシンプルで、目がチカチカしないからです。

具体例

実際に、寒色系と暖色系の色合いを見ていきましょう。

寒色系は刺激が少なくて目が疲れません。が、暖色系は刺激が多くて目が疲れますよね。

ため

この刺激も読みやすさに関わってきます。

なので、刺激の少ない寒色系をつかってくださいね。

PC・スマホで見やすい文字フォントを使う

次は、PC・スマホで見やすい文字フォントを使う。

文字フォントとは？

ざっくり言うと、ブログに表示される文字のデザインです。

文字フォントによっても読みやすさが変わります。

なので、「読みづらいな～」と思ったら、文字フォントを変更してみてください。

ため

ちなみに、読みやすい文字フォントは


・ヒラギノ角ゴシック
・游ゴシック
・メイリオ


の3つです。

コンテンツ幅・フォントサイズを少し大きくする

最後は、コンテンツ幅・フォントサイズを少し大きくする。

ため

これは文章よりも、直接見てもらった方が分かると思います。

• 標準サイズ
• 少し大きめ

上記のとおりです。

少し大きめの方が、見やすいですよね。

目安

悩む人

目安はどれぐらいですか？

ため

下記のとおりです。

程よい心地良さが生まれるので、読みづらさが解消できます。

SWELLなら「全体幅：1310程度、記事幅：880、文字フォント：17px」

ちなみに、SWELLを使っているなら、下記がおすすめ。

読みづらさが解消するうえ、すっきり美しくなります。

ため

それによって、直帰率・離脱率が下がって、平均ページ滞在時間が伸びますよ。


（実際に僕の場合、直帰率・離脱率が20％下がり、平均ページ滞在時間が30秒伸びた）

SWELLってなに？どんなWordPressテーマ？

SWELLのことを知らない人のために、ざっくり解説します。

ため

SWELLとは、2019年3月にリリースしたWordPressテーマです。

最大の特徴は

こと。

ため

「百聞は一見に如かず」というので、実際の動画を見ていきましょう。

「美しい」「読みやすい」と言わせられる！

さらに、HTML/CSSを使わずに、ワンクリックのみで

という優れもの。

ため

これらを駆使したら、


・美しい
・読みやすい


と言われるようになりました。

SWELLについて知りたい方は、下記をご覧ください。

関連記事

＞＞【満足度4.5】SWELLを使った感想レビュー｜デメリット4つ・メリット7つを解説

あわせて読みたい

SWELLレビュー！コスパ最強のWordPressテーマ【ブログ継続がラクになる】 SWELLがとても気になっています。どんなテーマなんですか？テーマ選びで失敗したくないので、詳しく教えてください。 そんな疑問を解決します。 2020年9月からSWELLを使...

ブログが10倍読みやすくなる！とっておきの方法

これまでお伝えした方法を駆使すれば、圧倒的に読みやすくなるはずです。

ため

ただ、読みやすさで差を付けるための方法を2つお伝えしますね。

一つずつ見ていきましょう。

図を使って解説する

1つめは、図を使って解説する。

「パッと見で分かる」ので、見やすさを追求するなら使うと良いです。

※例

ため

さらに


・目が休まってストレスが消える
・流し読みでも視線が止まる


という効果もありますよ。

推敲をしっかりする

2つめは、推敲をしっかりする。

推敲とは？


文章を明瞭にすることです。


・分かりにくい表現があれば、分かりやすい表現にする
・論理が通っていなければ、論理が通るようにする


などを行います。

推敲をすれば、めちゃくちゃ読みやすくなります。記事の質が格段に上がりますね。

ため

ダイヤモンドの原石を磨けば「ダイヤの品質が高まる！」

と同じです。

推敲のやり方

そんな推敲のやり方は、以下のとおり。

ため

詳しくは下記をご覧ください。

関連記事

＞＞文章推敲のやり方＆コツを解説【結論、PV・収益UPに直結します】

【おまけ】読みやすくすることは「満足させること」

ところで、読みやすくするとは何だと思いますか？

悩む人

え？

何ですか？

ため

僕は、「満足させること」だと思うんです。

具体的に解説

というのも、ネット上には18億個ものサイトが乱立。

検索ユーザーが自分のブログに訪れるのは、一回だけかもしれません。

そんな人を満足させるのが

と思っています。

ため

「満足させる！」を起点に考えれば


・どうすれば読みやすくなるのか
・もっと読みやすくするには何をすれば良いのか


が分かりますよ。

【網羅】読みやすいブログ大全｜書き方のコツ・レイアウト・デザインをまとめて解説：まとめ

今回は、ブログを読みやすくする方法についてお伝えしました。

今回ご紹介した方法を活用すれば、「読みづらさ」が無くなります。

ため

なので、ブログがすっきり美しくなりますよ。

それによって

も夢ではありません！

ため

なので、ぜひ使ってみてください。

推敲と合わせて使用すると、より効果的ですよ。

推敲のやり方を知りたい人は、下記をクリック

推敲のやり方

文章推敲とは？やり方＆コツを解説【結論、PV・収益UPに直結します】 推敲って大事ですか？もし大事なら、やり方とコツが知りたいです。 そんな疑問を解決します。 この記事で分かること 文章推敲とは？文章推敲のやり方文章推敲のコツおす...

今回は以上です。