ブログ部

ブログ・アフィリエイト・WordPress・SEOなど、収益&アクセスを改善させるノウハウ集!

文章・記事 記事作成

【読みやすいブログ】のデザイン・文章の書き方(9つの鉄則)

投稿日:2019-06-20 更新日:

読みやすいブログ

あなたのブログは読まれていますか?

あなたがどんなに良い記事を、どんなに時間をかけて書いたとしても、

読者に読まれなくてはまったく意味がありませんよね。

 

ブログの記事を書く際やデザインを考える際には、

そこに書かれている内容(情報そのもの)を良いものにするのはもちろんのこと、

読者にとって読みやすくストレスのないものにするという工夫が必要不可欠です。

 

読みにくい文章は、読むのに時間がかかったり内容を理解しにくいだけでなく、

他サイトに逃げられてしまったり、ひどい場合には二度と来訪してくれなくなってしまいます。

 

そこで今回は、記事を書く時やデザインを考える際に注意したい

読みやすいブログにするコツについてまとめてみました。

「文章編」「デザイン編」の2つの章にわけて、詳しく解説していきます。

 

読みやすいブログー文章の書き方編

読みやすいブログにするための文章の書き方、

文字数や文章構成のコツ、文章のルールなどについて紹介します。

1.読みやすい文字数は3000~4000字

読みやすい文章の文字数(文章量・長さ)についてはさまざま意見がありますが、

3000~4000文字くらいが、間延びせずかつSEOにも強い文字数だと個人的には感じています。

こちらの記事にて人気ブロガー30人の1記事あたりの文字数を調査していますが、

成功しているTOPブロガーの記事の文字数もだいたい3000文字強です。

 

ただし…

大前提としては短い文章で読者の目的を達成するのが理想的です。

ダラダラと無駄な文章が続くのはまったくもって意味がありません。

サンツォ
読者になるべく早く目的の情報にたどり着いてもらうのが一番だよ!

 

読者の知りたい情報、読者の抱える問題や悩みを解決するべく記事を書いた結果、

TOPブロガーのみなさんは最終的に3000~4000文字に落ち着いているということであって、

なにがなんでも「最低3000文字かかなきゃダメ!」ということではありません。

 

2.漢字2:ひらがな7:カタカナ1 の比率に

WordPressで稼ぐなら!
【筆者愛用!SEOに強いレンタルサーバ】

初心者なら迷わずコレ一択!高速&安定&高性能の一押しレンタルサーバー

エックスサーバー「X10」

※7/25(木)まで限定!初期費用が半額

文章の読みやすさを大きく左右する要素のひとつが漢字・ひらがなの比率

漢字の多い文章は読みにくく、読者によけいなストレスを与えてしまうため注意です。

サンツォ
特にブログは流し読みが中心なので、漢字の多い文章はストレスなんだよね。

 

ちなみに漢字・ひらがな・カタカナの黄金比(ちょうどよい理想のバランス)は、

漢字2:ひらがな7:カタカナ1だと言われています。

サンツォ
でも漢字2割って実はけっこう難しいんだ。いちいち文字数を数えながら書くのも非効率だよね。

 

なので最低限これだけはやってほしい!というポイントを下記に書き出しておきます。

名詞と動詞以外はなるべくひらがなに
漢字はなるべく4文字以上は連続させない
一文をなるべく50文字以下に短く

このルールを取り入れるだけでも、あなたの文章はグッと読みやすくなるはずです。

※関連記事

文章作成
漢字・ひらがな・カタカナ、最適な割合は?

  あなたはブログを書く時に[漢字・ひらがな・カタカナ]の割合を気にしたことはありますか? ...

続きを見る

 

3.句読点の使い方、9つのルール

読みやすい文章をつくるためには「句読点くとうてん」も重要な役割を果たします。

句読点の使い方には9つのルールがあり、まずはこれらの約束ごとを知っておく必要があります。

読点(、)のルール

長い主語の後に
重文・複文の区切りに
接続詞・副詞のあとに
並列関係にある単語の区切りに
誤解釈を防ぐために
漢字・カナの連続を防ぐために

句点(。)のルール

カッコの後に
カッコの前に打つ例外も
感嘆符・疑問符の後には打たない

ただし、このルールを何が何でも守ることが大切なのではなく、

正しいルールを理解しつつも、読者の読みやすさを考慮して臨機応変に使うようにしてください。

文書作成
句読点[。、]の正しい使い方、9つのルール

みなさんは、句点[。]読点[、]の“正しい使い方”を意識したことはありますか? 実は、最後まで読まれ ...

続きを見る

 

4.読みやすさのポイントは改行&段落

ブログの書き方の基本ルールとは?

段落改行をつかって読みやすい文章になるように工夫しましょう。

たとえば段落・改行を使わない文章は下記のようにとても読みにくいです。

孫悟空はその巨大な神龍の姿に圧倒されつつも亡き友人の名を告げた。龍は深く頷くと天空を覆う暗闇の中に吸い込まれやがて消えてしまったようだ。悟空が持つ龍の玉は赤い閃光を放ちつつ上昇し四方へと弾け飛んでいった。孫悟空は呆気に取られたまましばらく立ち尽くしていたが、やがて孫悟飯と孫悟天を振り返りこう言った。「おら腹減ったぞ。」そこで孫親子は筋斗雲で大海原の真ん中にある隠れ家、通称亀ハウスに向かい食事をとる事にしたのだった。

しかし、段落・改行をつかえば下記のように読みやすい文章になります。

孫悟空はその巨大な神龍の姿に圧倒されつつも亡き友人の名を告げた。龍は深く頷くと天空を覆う暗闇の中に吸い込まれやがて消えてしまったようだ。

悟空が持つ龍の玉は赤い閃光を放ちつつ上昇し四方へと弾け飛んでいった。孫悟空は呆気に取られたまましばらく立ち尽くしていたが、やがて孫悟飯と孫悟天を振り返りこう言った。

「おら腹減ったぞ。」

そこで孫親子は筋斗雲で大海原の真ん中にある隠れ家、通称亀ハウスに向かい食事をとる事にしたのだった。

前者は読むこと自体ももちろん大変ですが、文章をパッと見たときの印象も大きく違います。

サンツォ
段落・改行がない文章は、パッと見で面倒くさそうですよね…。

 

段落の使い方としては、

おなじ話題のかたまりは1つの段落としてまとめ、

話題が変わるタイミングで段落を分けるようにしましょう。

また、あまりにも長い段落は途中でわけたりするなど、その時々で臨機応変に対応することも必要です。

サンツォ
とくにブログはスマホの閲覧が多いので、1つの段落があまり長くなりすぎないように注意だよ!

 

5.見出しで文章構成を整理する

見出しを入れた文章と入れていない文章の比較図

見出しとは、その章に書かれている内容を簡潔に説明したタイトルのようなものです。

上図のような形で、見出しをつかって文章を整理しながら記事を書くようにしましょう。

サンツォ
見出しがないとゴチャゴチャして読みにくいし、内容も伝わりにくいんだ!

 

見出しは、記事内のさまざまな話題をおなじ話題ごとにグルーピングすると共に、

この章では●●について書くよ!」と事前に宣言する役割があります。

 

また、見出しは読者の理解を手助けするとともにSEO面でも有利に働きます

検索されたい重要なキーワードは、記事タイトルや各見出しにも必ず含めるようにしましょう。

 

6.目次だけであらすじを伝える

画像の圧縮方法について解説します。

目次は「この記事にどんな内容が書かれているのか」を事前におおまかに伝える役割を果たします。

 

ネットで情報を探している人のほとんどは、なるべく早く自分が求める情報を見つけたいと望んでいます。

目次があれば、

自分が探している情報があるのかないのか?

あるとしたら記事のどの辺にあるのか?

…がすぐに分かりますよね。

 

目次は読者が情報を探しやすくなると共に、

すばやく目的の情報にたどり着けるというメリットがあるのです。

 

7.文字修飾だけで要点を伝える

文章中の重要な部分には「太字」「文字色」「マーカー」などを使って

文字修飾強調をおこないましょう。

強調をうまく活用することで、読みやすく理解しやすい文章をつくることができます。

 

コツとしては文字修飾の部分だけで内容が伝わるようにすること。

ブログはざーっと流し読みで読まれることが多いので、

流し読みでも伝わるように工夫することが必要なんですよね。

サンツォ
強調・文字修飾の部分だけで伝わるようにしよう!

 

しかしあまりに過剰な修飾だと、逆になにが重要なのか分からなくなってしまうので注意。

強調をする場合は、必要最低限な箇所にしぼって使うようにし、

色を使う場合にはあまり多くの色を使いすぎないように注意しましょう。

 

8.なるべく簡単・簡潔に説明

文章を書く際は、だれにでも理解できるように

できるだけ簡単に説明するように心がけましょう。

 

説明をするときは「例え」「言い換え」「図表」「イラスト」などを使うと理解が促進できます。

専門用語やむずかしい漢字を使うときは、かんたんな解説を追記したりよみがなをつけてあげると親切ですね。

サンツォ
コツは、子供にも伝わるくらいに簡単にすること!

 

また、文章はなるべくシンプルに簡潔にまとめるようにしてください。

話が脱線してはいないか? ムダな言い回しや表現がないか? 過剰な説明になっていないか?

…などに注意しましょう。

 

読みやすいブログーデザイン編

読みやすいブログにするためのデザイン設定レイアウト設計などについて解説します。

 

9.読みやすい色(テーマカラー)にする

ブログを開設する際に悩むのがテーマ色(テーマカラー)ですよね。

ブログのテーマ色は、あなたの好みやブログであつかう話題にあわせて決めるべきかと思いますが、

一般的に老若男女に好まれる色は下記の通りです。

派手すぎない落ち着いた配色に
青・緑などの寒色系をメインに
色数・色の分量をなるべく抑える

白・グレーなどを基調としながら、テーマカラーは全体の3割以下におさえると落ち着いた読みやすいブログになると思います。

もちろん個性や元気さを前面に出したい場合は、ブログ全体にテーマカラーを利用しても構いません。

また、より親近感を出したい場合には赤・黄などの暖色系を使うのももちろんありです。

 

ブログのテーマ色を決める際は下記の項目について決めておくと失敗することなく、ブログ全体に統一感が生まれます。

メインで使う「主要色」+その「周辺色」を決める
ポイントで少量使う「差し色」を決める
それぞれの色の分量を決める
それぞれの優先度と使う場所を決める

・・・と言っても、初心者の方にはイメージしにくいと思いますので、

「サルワカ」さんの色見本の記事を参考にすると分かりやすいかと思います。

下記のように、まざまなテーマ色の配分例をご紹介されています。

ブログのテーマカラー色見本

 

10.読みやすいレイアウトにする

読みやすいブログにするためには、レイアウト(デザイン配置)に注意する必要があります。

ブログで一般的に利用される鉄板レイアウトは下記のようなものです。

ブログのレイアウトデザイン事例

特にこだわりがなければ、この一般的なレイアウトを踏襲するのがいいと思います。

サンツォ
ネットユーザーもこの形に慣れているから、結果的にいちばん読みやすいと思うよ!

 

ちなみに僕が考える最重要ポイントは「スマホで見た時にどう見えるか?」です。

ブログはスマホなどのモバイル端末で閲覧されることが一般的ですし、

検索エンジンも「モバイルからどう見えるか?」を優先的な評価基準として検索順位を決定します。

サンツォ
絶対にPCではなくスマホからの見え方を優先させよう!

 

11.おすすめのWordPressテーマは?

もしあなたがWordPressを利用している場合、

WordPressにあるデザインテンプレート(テーマ)を選んで使うことになります。

とはいえWordPressには数百種類のテーマが存在するのでどれを選んでいいか分からないですよね。

下記に筆者おすすめのテーマを紹介しておきますので、ぜひ参考にしてみてください。

WING(AFFINGER5)

テーマWING(AFFINGER)イメージ

アフィリエイトで稼ぐことに特化した超実力派の有料テーマ(14,800円)。

筆者はいくつかのブログでAFFINGERを使っていますが、

WordPressでアフィリエイトをするのであれば鉄板とも言える大人気テーマです。

やや硬めの印象ながらシンプルできれいなデザインが魅力ですね。

サンツォ
ちなみにこのブログ部もAFFINGERだよ!

 

有料テーマなので初心者の方にはちょっとハードルが高いかもですが…

一度買ってしまえばサイトを複数に増やしてもすべて流用できますし

なによりも便利機能が多く時短になるので投資効果としては大きいと思います。

WING(AFFINGER5)の主な特徴

やや硬めだが、シンプルで綺麗なデザイン
内部SEO対策済み
レスポンシブ対応
サイト表示速度が速い
デザイン48種(カラー12種×パターン4種)
キラッと光るボタン、ボックス、バナー作成機能、ヘッダー記事スライドショー、ランキング など
機能設定豊富
1度の購入で複数サイトの利用可

※その他のおすすめWordPressテーマについては、下記の記事で紹介しています。

WordPressの使い方_完全マニュアル
WordPressの使い方(初心者向け完全マニュアル)

このページでは、初心者向けにWordPressの使い方を解説します。 この記事で分かること Word ...

続きを見る

 

12.文字サイズは16pxがおすすめ

文字の大きさ(フォントサイズ)もブログの読みやすさには重要な要素です。

ブログなどのWEBサイトでは、一般的に12px~18pxほどの文字サイズが良いと言われています。

その中でも「14px」か「16px」がよく使われています。

 

ちなみにGoogleは16px以上を推奨しており、公式ツールLighthouseのなかで、

ページ内の文字の75%以上をフォントサイズ16px以上にすること」をSEOに有利な条件の1つとしています。

サンツォ
特にこだわりがないのであれば、16pxにしておこう!

 

また文字の大きさを変更する場合には、文字と文字の間隔行間(行の高さ)などにも注意してください。

文字サイズを大きくしても、文字間隔・行間が狭すぎては読みやすくなりませんので、

ベストなバランスを見つけて調整するようにしてください。

サンツォ
ブログ部は文字サイズ(font-size)を「16px」、行の高さ(line-height)を「150%」に設定してるよ!

 

13.読みやすいフォントに変更する

読みやすいフォントデザイン見本

出典:Wikipedia/字游工房

フォントとはコンピュータでつかう文字のデザイン、字体のことです。

フォントの違いによってもブログの読みやすさは変わりますので、

初期設定のフォントが「読みにくいな…」と感じるひとは変更することをおすすめします。

 

おすすめのフォントは下記の通りです。

それぞれの見本は上記の画像からご確認ください。

メイリオ
 …デジタルでも印刷でも視認性がよい筆者いちおしのフォント。「明瞭」から「メイリオ」と名付けられた。

ヒラギノ角ゴシック
 …読みやすく明るい印象で、かつゴシック体のクラシックな存在感が特徴の有名フォント。

ゆうゴシック
 …個人的には細すぎてあまり好みではないが、最近流行りの游ゴシック。クラシックできれいなフォント。

サンツォ
迷ったらメイリオとヒラギノ角ゴシックでいいと思うよ!

WordPressでフォントを変更する方法

メニュー
 ↓
外観
 ↓
テーマエディター(またはテーマの編集)
 ↓
スタイルシートが表示されたら「font-family」の表記を探す。
 ↓
font-familyの記載を変更することでフォントを指定できます。

ちなみにこのブログ部では下記の設定を採用しています。

フォントの設定(ブログ部)

 

まとめ|新しい創意工夫を生み出そう!

今回は「読みやすいブログ」をテーマに、

文章の書き方ブログデザインのコツなどを紹介させていただきました。

 

最後にお伝えしたいのは、

あまりルールに捉われすぎても、読みやすい文章やブログを作ることはできないということ。

ルールやマニュアルを厳密に守るよりも、

つねに「読者にとって読みやすいブログとは何か?」を考え、

あなた自身のアイデアで新しい創意工夫を加えていくことが大切なのです。

 

文章や言葉は時代とともに大きく変化してきました。

これからもルールや慣習はどんどん変わっていくでしょうし、

特にスマホやWEBの文化では変化のスピードも段違いに速いですからね。

 

また、書きあげた文章は納得がいくまで何度も読み返して推敲を重ねましょう

時間がかかる作業ですが見直すたびに良い文章になりますので、

あなたの時間が許すかぎり見直しをおこなってください。

 

WordPressを始めるなら!
【筆者愛用のSEOに強いレンタルサーバー】

初心者なら迷わずコレ一択!TOPブロガーはみんな使っている高速&安定&高性能の最優秀レンタルサーバー

エックスサーバー「X10」


※関連記事「WordPressの始め方 完全マニュアル
※関連記事「スマホだけでWordPressを開設する方法
※関連記事「レンタルサーバー比較!おすすめ三強対決

※急告!! 7/25(木)18時まで限定!
エックスサーバーの初期費用が

半額に…!!

 

WordPress開設ならエックスサーバーが最適です。


 

 

-文章・記事, 記事作成
-, , , ,

Copyright© ブログ部 , 2019 AllRights Reserved.