ブログを見やすくする方法 | 福岡のホームページ制作はマリオ君にお任せ

皆様こんにちは、

すこーーーーーしだけ、ブログを見ていただくアクセス数が増えてきた雰囲気？？1～2アクセスと

社内からいい加減にブログをみやすくしたほーがいいんじゃないってことで、すこしブログを見やすくしていきたいと思います。

まずは現状
■文字だけかいてる
■たまに画像をいれている

※現在過去ブログリライト中

これだけ

今ブログでやっているのはこれだけ

でブログを見やすくする一般的なテクニック？手法？は

■見出しを入れてメリハリをつける
■強調したい文字とかにアンダーラインとかいれて目立たせる
■余白をたっぷり
■画像をぼちぼちいれて説明
■途中・途中でポイントとかここをチェックとかでまとめたりする
■目次とかつけてみたり
■リストは色をつけて少し丁寧に

で

いままでなにもしてこなかったので、徐々に上記のテクニック？手法？を入れていきたいと思います。

下記でビフォーアフターで少し紹介したいと思います。

例①見出しを入れてメリハリをつける

■ビフォー

ホームページを作るメリットとは？？

ホームぺージを作るメリットはずばり自社紹介・サービスをわかりやすく紹介できることがメリットです。強みや思いを伝えることができる現代社会では必須のツールとなっています。

■アフター

ホームページを作るメリットとは？？

ホームぺージを作るメリットはずばり自社紹介・サービスをわかりやすく紹介できることがメリットです。強みや思いを伝えることができる現代社会では必須のツールとなっています。

どうですか？

やっぱり見出しをつけてメリハリをつけた方がみやすいですね。

これは採用して過去記事もジョジョに直していきますね。
一応４色準備しました。

見出し青

見出し赤

見出し黄色

見出しネズミ色

例②強調したい文字とかにアンダーラインとかいれて目立たせる

■ビフォー
ホームページを作るメリットとは？？

ホームぺージを作るメリットはずばり自社紹介・サービスをわかりやすく紹介できることがメリットです。強みや思いを伝えることができる現代社会では必須のツールとなっています。

■アフター

ホームページを作るメリットとは？？

ホームぺージを作るメリットはずばり自社紹介・サービスをわかりやすく紹介できることがメリットです。強みや思いを伝えることができる現代社会では必須のツールとなっています。

必須のツールにアンダーラインと1remほどサイズを大きくしています。
少しだけ目に留まりやすくなったかなと思います。

例③余白をたっぷり

これは個人的な感じもありますが、ブログの様に文章が多いときなどは余白をたくさんつけた方が読みやすいかともいます。

ぼくは適当にやってますが、途中途中で余白をあけると文章が読みやすくなるかなと思います。
ちなみにブログの段落のline-heighは2で設定し、pタグにはマージンで下に20pxとっています。
ブログは書きながら適当にシフトエンターで改行をいれて、文章の塊があまり大きくならないようにしています。

例④画像をぼちぼちいれて説明

文章だけだと寂しいですし、画像があった方が説明しやすい場合もあるので、画像も適度にいれると読みやすいかと思います。入れるときは、タイトルや文章にある画像がより効果的ですね。

例

ホームページを作るメリットとは？？

ホームぺージを作るメリットはずばり自社紹介・サービスをわかりやすく紹介できることがメリットです。強みや思いを伝えることができる現代社会では必須のツールとなっています。

こんな感じです。画像をいれることで、ページに色どりもつき目に留まりやすくなったかなと思います。

で次に

例⑤途中・途中でポイントとかここをチェックとかでまとめたりする

■ビフォー
ホームページはやっぱり必要ということがわかりましたね。
ホームページを制作するならマリオ君に依頼するのがおすすめですね。

■アフター

ホームページはやっぱり必要ということがわかりましたね。
ホームページを制作するならマリオ君に依頼するのがおすすめですね。

だいぶ違いますね。まとめやポイントで色や囲いなどで強調すると、大事なポイントを伝えることができます。（ホームページを制作するならマリオ君に依頼ここ重要ですね）

これにアンダーラインをいれてさらに強調

ホームページはやっぱり必要ということがわかりましたね。
ホームページを制作するならマリオ君に依頼するのがおすすめですね。

なんか微妙におかしい感じもしますが、目立ってはいると思います。（下線ない方がいいかな）

で次に

例⑥目次とかつけてみたり

でこちらは今回当サイトではまだ実装する予定がないので割愛させていただきます。
内容の濃いブログの場合や長文のブログの場合は目次があったほうが、見ている方に優しいかとおもいます。

自作で作ってもいいし、ワードプレスには目次のプラグインもあります。

Table of Contents Plus
とか
Easy Table of Contents

がメジャーなところかと思います。

長文のブログを作成されている方は、目次は推奨ですね。

当ブログは目次のかわりにたまーに「こんな方に向いている記事です」のリストをつけて目次の雰囲気を出しております。

で最後に

例⑦リストは色をつけて少し丁寧に

今回のテクニック？手法一覧はさっきはこんな感じで

■見出しを入れてメリハリをつける
■強調したい文字とかにアンダーラインとかいれて目立たせる
■余白をたっぷり
■画像をぼちぼちいれて説明
■途中・途中でポイントとかここをチェックとかでまとめたりする
■目次とかつけてみたり
■リストは色をつけて少し丁寧に

並べていただけですが

これをリストで装飾すると

• 見出しを入れてメリハリをつける
• 強調したい文字とかにアンダーラインとかいれて目立たせる
• 余白をたっぷり
• 画像をぼちぼちいれて説明
• 途中・途中でポイントとかここをチェックとかでまとめたりする
• 目次とかつけてみたり
• リストは少し丁寧に

いかがでしょうか

色を付けて枠で囲ってみると整列された感じできれいに見えますね。

以上がブログを見やすくする方法でした。

過去ブログは見出しもなにもやってないので、時間があるときにリライトしていきたいと思います。

それではまた。