視覚に訴えるためのブログレイアウト

投稿者:Web戦略室

2016/01/20 13:09

この記事は約4分で読むことができます。

こんにちは、新人マーケターのAsamiです。
本日も、ブログについてお話したいと思います。
集客するためにブログを始めてアクセス数をアップさせて
次は、何をしましょう?
読みたいと思ってくれるようなブログにしていきたいですね。
視覚的にも、もちろん重要です。
今日は、そんな視覚的に読みたい(=見やすい)と思うようなブログのレイアウトについてお話したいと思います。

ブログレイアウト

目次
1. 視覚的に読みたいと思うブログのレイアウト
2. 最後に

1.視覚的に読みたいと思うブログのレイアウト

①目次を使う
今日は少ないですが、読む量がたくさんあると、読みたい所と読まなくてもいいところがあるかもしれません。離脱率を低くするためにも目次がある方が分かりやすく、どれを読んだらいいのか考える事が出来ます。

また、最初に何が書かれているのか分かる方が心構えも出来ますし、頭の整理が出来ます。それに、読み手に対して親切ですね。

②見出しを作る
目次を作ったら、それをそのまま見出しにしましょう。目次もなく見出しもなければ、ただ文字が羅列してあるだけで、とてもじゃないですが読みたいと思わないですね。

見栄えを良くするためにも、強弱が必要です。見出しを大きく表示させ、「ここではこれが言いたいです!!」というのを伝えましょう。

③画像(絵・表・グラフ等)
文章だけでは、ユーザーも疲れてしまうし、内容によっては分かりにくい場合があります。

文章では分かりにくい場合は、物を表やグラフで表しましょう。
また、目を惹きつけるために、ブログの一番上に記事に関連のある画像を組み込んでいきましょう。

悪い例

1月の営業部署別売り上げは、A課100万円(既存20万円・新規80万円)、B課300万円(既存200万円・新規100万円)、C課200万円(既存100万円・新規100万円)です。

良い例

1月の営業部署別売り上げは以下のようになっています。

グラフ

表

④太字・色
見出し以外で、重要だと思われるものは太字にしたり色を変えたり目立つようにしましょう。そうする事によって、内容に抑揚が生まれます。

どれも重要だからと言ってなりふり構わず、太字を使っていては読み手はどれがじゅうようなのか分かりません。
それから、色もたくさん使ってしまうと、反対に読みづらくなってしまいます。

色と太字の配分は、慎重に考えて行ってください。
私は太字は1,2回で、色はあんまり使いません。

⑤空白・改行
書きたい事がありすぎて、たくさん書くのは良い事です。ですが、書きすぎて文字だらけになってしまうと、読み手は読みたくなくなってしまいます。上手く空白を使って、読み手が読みやすいように書いて行きましょう。

また、ある程度の行数になると適度に改行していきましょう。性格も重要ですが、外見も重要なのと同じで、内容も見た目も重視していきましょう。

悪い例

書きたい事がありすぎて、たくさん書くのは良い事です。ですが、書きすぎて文字だらけになってしまうと、読み手は読みたくなくなってしまいます。上手く空白を使って、読み手が読みやすいように書いて行きましょう。また、ある程度の行数になると適度に改行していきましょう。性格も重要ですが、外見も重要なのと同じで、内容も見た目も重視していきましょう。

⑥番号・リスト
何かのトピックに関して、いくつか説明すべき事があったら。それらをただ単に書いていくのではなく、番号付けやリスト形式にして分かりやすくしていきましょう。

そうすると、「○○に重要な項目は、△個あるんだな。」と理解しやすくなります。

悪い例

1月の遠足に持ってくる物は、しおり・お弁当・水筒・お菓子300円まで・お金500円まで(お土産代)・筆記用具です。

良い例

6つの1月遠足持ち物リスト
・ しおり
・ お弁当
・ 水筒
・ お菓子300円まで
・ お金500円まで(お土産代)
・ 筆記用具

6つの1月遠足持ち物リスト
1. しおり
2. お弁当
3. 水筒
4. お菓子300円まで
5. お金500円まで(お土産代)
6. 筆記用具

2.最後に

これで、視覚に訴えるためのブログレイアウトについてご理解頂けましたでしょうか?
気になる点等何かあればコメント頂ければと思います。
これからも、このブログを読んで頂ければ嬉しいです。
よろしくお願い致します。

今回参考にしたサイトは、下記の通りです。
アフィリエイト「知ればできる!読みやすいブログにする11のテクニック」
ART「必須条件!ブログの記事を見やすくするための記事デザイン手法23選」

新人マーケターAsami

【編集担当:Asami】