リピート率・CVR向上対策！おしゃれ・読みやすい・分かりやすいブログ記事デザインを目指して

ブログを書き始めて暫くすると、ブログの文章構成や文章デザインが気になってくることはありませんか？

私は以下のようなことが気になりだしました。

また、実は文章構成・デザインは読んでもらえるブログになるために、KEYとなる要素であり非常に重要な役割があります。

文章構成・デザインとは？重要性と対策について解説

文章構成・デザインの重要性

文章構成・デザインが本文より大事だと言う人もいる程、重要視されています。
なぜここまで重要だと言われているかというと、「文章構成は読みやすいさ・内容の伝わりやすさに大きく影響をあたえる」からなのです。

いくら良い内容の記事であっても、字が小さかったり・ゴチャゴチャしていたりすると、読者は記事を読みません。

内容が整理されていて、文字と図解がリズムよく配置されている記事は、読みやすく内容も理解しやすいです。

折角がんばって記事を書いても、読みにくければ読んでもらえなくなってしまいます。
最低限でも良いので読みやすい文章構成にするべきです。

「おずろぐ」の文章構成・デザイン

ブログをはじめた頃は、とにかくコンテンツを作ることに注力していた為、最低限の文章デザインで記事を書いてきました。

しかし、記事数も40記事近くになってきて、作成済み記事への反映・確認なども考慮するとそろそろ対応をしておかないと作業が大変になるなぁ～と危機感を覚えました。

この記事では、そんな『おずろぐ』ブログで文章構成や文章デザインの改善のために、このブログで実施した対策を紹介したいと思います。

※本記事では、文章の構成について取り扱っています、ブログの色合いなどブログ全体のデザインについては言及しておりません。

文章構成・デザイン改善の効果

ページビュー、読了率、滞在時間に対して効果があります。
読みやすい記事であれば読了率があがり、さらに別記事も読まれたりするので回遊が増えて滞在時間がおおくなります。
結果的にリピート率・CVR向上に対する効果も期待できます。

文章デザインの基本的なチェックポイント

文章デザイン対策の目的は、読みやすく伝わりやすく出来るかどうかです。
記事を書いた後に、以下をチェックします。

文章構成・デザインの対策ポイント

文章構成・デザインの対策のポイントについて、基本的な考え方をまとめます。

余白

マージンや行間などを設定したり改行を入れて、文章にまとまりを作ったり可読性を向上させたりしましょう。文字が詰まっていると読みにくいです。

シンプルさ

文章やアイテムの装飾はシンプルにするようにします。
色を使いすぎたり装飾をやりすぎると、重要な部分がどこかわかり辛かったり読みにくさに繋がったりします。

整列と一貫性

文章や画像、地図などの諸々のアイテムの横幅をあわせるとスマートな印象になります。
これら全てのアイテムを通して、横幅を合わせても良いと思います。
アイキャッチや記事内の画像は、コンテンツの内容と一致させるのはもちろんですが、画像の印象や雰囲気も一貫性を持たせるようにします。
デザインとイメージがゴチャゴチャしなくてすっきりまとまります。

フォントや行間なども見出しや本文などでルールを設けて一貫した設定にします。情報のまとまりが分かりやすくなり内容理解がしやすくなります。

「読み込ませる」ではなく「見せて伝える」

画像や図解などを使って、コンテンツにリズムとメリハリをつけると、読者は読みやすいと感じ離脱率を下げると言われています。

画像を使う場合は、できるだけ見栄えの良いものを利用しましょう。

それでは、実際の対策を紹介と思います。

本文の調整

文章をPタグで囲んでいない箇所が散見されたので、しっかりPタグで囲みフォント設定などを統一的に反映出来るようにしました。文章をPタグで囲むPタグ（段落）の文章デザインを調整します。

私の利用しているBloggerだと、文章を「標準」で書かれていた部分があったので「段落」に統一しました。

フォントサイズ変更

いままではフォントサイズは17pxになっていました。ちょっと大きいなと感じていましたので、小さくしようと思います。

私がオシャレだなぁと思うサイトは16pxや15pxで表示されていましたので、今回は16pxに変更しました。

文章の行間を調整する

行間もちょっと広すぎるなぁと気になっていました。
Blogger(QooQテンプレート？)のデフォルトだとブラウザで確認するとLineHeightが31pxになっていました。

読みやすいなぁと思うサイトは29pxくらいで表示されていることが多かったので、わたしも29pxになるように調整しました。
※調査方法は：WhatFontというChromeプラグインを利用しました。

文章のマージンを調整する

見出しのマージンを調整する

H2、H3、H4の上下マージンを設定しました。
元々の指定が狭かったので、上下に広げる対応を行いました。

見出しのフォントを調整する

見出しデザイン変更

見出しのキーワードと順番

見出しタグのH1・H2にキーワードを含めるとSEO対策になると言われています。
普通にコンテンツを作っていけば自然とキーワードが含まれたりしますが、一応キーワードを入れることを意識しています。ただし、キーワードを入れ込み過ぎて不自然な見出しになることは避けます。

見出しタグをH1⇒H2⇒H3⇒H4と順番通りに設置することで、読者やクローラーに文章構成を的確に分かりやすく伝えることが出来ます。なので、基本的に順番通りに見出しタグを設置します。