カテゴリ一覧から記事を探す

あなたのブログをおしゃれで見やすくする方法7選!【アクセスアップにも繋がる】

おしゃれで見やすいブログにする方法7選!【アクセスアップにも繋がる】

見やすいブログを目指して、他のブログも参考にしつつデザインを変更してきましたが、見やすいブログにはある共通点がありました。

それをふまえつつデザインを変更していくことで、私のブログも最初に比べると格段に見やすいブログになっています。

今回は、見やすいブログにするためにはどうすればいいか、7つのポイントを紹介していきます。PVアップにもつながります!

1.見やすいブログはなにが違う?

見やすいサイトはそもそもテーマが有料テーマであることがほとんどです。

このサイトでは現在、Stinger8という無料テーマを使ってデザインをいじり倒しています。

 デザインをカスタマイズするのはべらぼうに時間がかかるのであまりお勧めはしません。その時間バイトでもしていたら有料テーマ分の額は余裕で稼げます・・・。

有料テーマでは「配色」「記事の配置」「記事の見やすさがぱっとみると違います。

細かい点をみると、マウスがホバーしたときのアニメーションが凝っているとか、あるボタンを押したときの動作がかっこいいとかの違いはあります。(今回はその辺は触れないようにします)

見やすいサイトは、「長時間見ていても疲れない」「読み手に分かりやすく伝えている」「デザインのおかげでボタンがより分かりやすい」ことが共通点としてありました。

2.おしゃれで見やすいブログにするために変更すべき点

見やすいサイトと比較しつつ、どのような点を見直していくべきなのか、コツと共に紹介していきます。

ブログの文字をより見やすくする

一番重要かつ、一気に変わるところです。見やすいサイトと比較すると、そもそも文字が違います。

フォントをいじるかどうかはお任せします。

フォント以外の部分でも、文字の大きさは16px~17pxにした方が見やすいですし、真っ黒よりは、灰色の方が目に優しく見やすいサイトになるでしょう。

最後に、行間。時々、ずらずらと文字の塊が襲いかかってくるサイトがあります。めちゃくちゃ疲れます。

1・2文で改行したいところです。

改行以外、文字のデザインを変更することで解決します。
最重要ポイントなので、必ずやっておきたいところです。

 特に最近はスマホのユーザも多いので、小さい画面にどんな感じで文字が書かれていると見やすいかな、と考えて改行の回数を増やしましょう。

ヘッダーのデザインをインパクトのあるものにする

サイトの顔とも呼べるヘッダーも変更しましょう。

ヘッダーって(まだ私のサイトも改善の余地がありますが)見にくいと、ブログ名を覚えてもらえないんですよね。

ちょっとは強調して、目につくように配置をしてサイト名を覚えてもらえるようにした方がいいです。
そもそもブログ名も見直した方がいい人もいるかもしれませんね。

私はココナラでお願いしてヘッダー画像を書いてもらい、今のおしゃれなヘッダーになっています。

その時のやり取りの詳細などはこちら

ブログを見やすくするために配色は2~3色を使う

どのサイトも、大まかに2~3色で構成されていました。私の場合は、「ピンク」と「緑」ですね。
後は記事内にオレンジを入れ込んでいるという感じです。

メインの色+サブカラー+どこでも使える黒orグレーor白、と覚えておけば変な配色にはなりません。

Material Design Colorのページにある色を使用するだけで綺麗な配色にすることが可能です。このサイトで色に関して悩むことがなくなりました。

人気記事一覧を追加してユーザの気を引こう

人気記事一覧を追加することで、関連記事のほかにも、別の記事に移ってもらえる場所を作りましょう。

人気記事があると、クリックしてみたくなるものです。

それだけではなく、過去の記事も見られるようになるので、回遊率アップ→アクセスアップにつながります。

人気記事に関してはプラグインを使用してもいいですし、『プラグインなし』で人気記事一覧を出力する方法【WordPress】を参考に自作してもいいでしょう。

 プラグインはサイトの読み込み速度が重くなってユーザにとっては逆効果。自作をオススメします。

トップページの記事一覧をカード化

トップページには最新記事がずらずらと並べられていますが、そこでも興味をひかせることができるようにひと手間加えるべきです。

私の場合は、カード化して、より目につきやすくしました。

トップページの記事一覧をカード化

タイトルと内容だけが並べられているものと、分かりやすい境目で画像と共に一覧になっているものを比べると後者の方が圧倒的に見やすいです。

私はまだできていませんが、トップページは本でいう目次のようにすべきです。
できるのであれば、ユーザが色々な記事を探しやすい構成にしてあげましょう。

関連記事一覧のデザインを変更する

以前は関連記事一覧はスワイプできるように変更していました。

記事を小さくカード化して、スマホなら2列に並べて、PCなら3列に並べているサイトもよく見かけました。

下へスクロールするにつれ離脱率も高くなっていくので、一画面で目につく記事数を多くするのは重要です。

記事内で使用するボックスを多用しよう

私の記事では、よく色々なボックスを多用しています。
目安として、文章の塊が3~4つきたらボックスか画像を挿入できるように工夫しています。

ボックスデザインについて、まとめました。

商品紹介の部分では、カエレバ・ヨメレバを使っている人も多いかと思います。
より商品を見てもらうためにも、デザインも変更しています。

このデザインを変えるだけで収益に変化が出てくるポイントでもありますので、初期状態の人は今すぐに変更すべき点です!

3.まとめ

少しでも読者にとって見やすいサイトを作ることは重要です。

見やすいブログは、それだけで記憶に残りやすいですし、何記事も見ようと思うもの。

今回紹介したポイント

  1. 文字の大きさや行間を変更する
  2. ヘッダーのデザインをインパクトのあるものに変える
  3. 配色は2~3色で
  4. 人気記事一覧を追加する
  5. トップページの記事一覧をカード化
  6. 関連記事も一画面で多くの記事が見れるようにする
  7. 記事内で使用するボックスを多用する

全部変えろとは言いませんが、すぐに変更できる部分もありますので、チャレンジしてみましょう!

デザインの変更のために、HTMLとCSSについて学ぶことを強く勧めます。