セカンドマネーライフ

リアルにネットで副業を試みる検証ブログ

直帰率を防ぐ!文字の見せ方のアレとコレ

SEO

投稿日:

開いてみたサイトがパッと見て「見づらい…」と感じて閉じた経験はありませんか?
実は上手なブロガーはブログを書く時にルールを決めていることが多いのです。

この記事では基本的なルールの決め方を説明します。

見た目からガッカリなブログにならないために

文字の強調の仕方について

よくカラフルな文字色を使っている記事を見かけます。
書いてる側からすれば、様々な色で装飾して「キレイ」「可愛い」といった考えかもしれませんが、読み手側からすると何が強調されているのかわかりません。

文字の強調には、太字・下線・文字色といったパターンが挙げられます。

太字はこんな感じ
下線はこんな感じ
文字色はこういう

ブログを書く前に、何の場合はどの強調を付けるのかを決めておき、読者にもどういう意味で強調されているのか理解してもらえるように決めておきましょう。

文字色で失敗しないために

ここで語弊がないように言っておきますが、自分の日記としてブログを書いている人は関係ありません。
あくまでも誰かのために読んでもらうことを目的としている人のためにです。

【基本ルール】
・ウェブページは基本的に白の背景です。
・文字色は黒です。
リンクは青色です。
一度踏んだリンクは紫色です。

ウェブページを作る時は、真っ白なページからHTMLというもので構築しますが、何も装飾しない場合は上記の基本ルールが適用されます。

例え話でおなじみのGoogleでも↓↓

Google検索

基本ルールの通りの色使いになっています。
「青色がリンク」というのは、もはや当然のように皆が認知しているものとなっています。

基本ルールと文字色を被らせない

しつこいようですが、「青色がリンク」というのは一般的なため、強調色の意味として使うと読者が間違えやすいというのが結果です。
紫色にするのも同じです。

色のルールを決める

一つの記事で何色も使うと何がどんな意味で強調されているかわかりませんので以下のようにルールを決めます。

【自分ルール】
・通常色以外に使う色の数を「2色」
・使う色は「赤」「緑」
「赤」→注釈、否定的な意味で使用
「緑」→重要なキーワードの出現時

このように基本ルールとは別で、自分のブログだけのルールで色を決めて読者にも自然と伝わるような使い方をしてください。
また使用する色の数は通常色を含めて3色以内が見やすいと言われています。
(※私は上記とは違うルールです。)

余白を活用して見やすくする

文字がズラーッと書き綴られているブログって見かけたことありませんか?

こちらの例をご覧ください。

余白なし

↑を見て、読みやすいですか?と聞かれれば読みにくいと答えてしまいますよね。
余白について何も意識していないとこのように読みづらく、訪問者の離脱率を上げてしまう可能性も高くなります。

それではこちらはどうでしょうか。

余白あり

①の余白を意識していない書き方より、こちらの②の余白を意識した書き方の方が少しは読みやすくなったのではないでしょうか。
変わった点は、縦横で文字同士がくっつかないように間隔を空けて、区切りの良いところで改行を入れただけです。

①のように間隔が詰まっていると、目の動きと脳での理解が追いつかないので、「読んでて疲れる」と思われやすいんですね。

なので②のように文字と文字の間に少し余裕を持たせることで、内容を理解しながら読み進んでいってもらうことが期待できるんです。

文字の見せ方で直帰率は間違いなく変わる

あなたも色んなサイトを見てこられたでしょうが、私のブログを見ようと思った理由って何でしたか?
私も自信満々にライティングが上手とは言えませんが、ここで綴ったように基本的なことは意識しています。
面白みもない記事かもしれませんが、少しでも読みやすさを感じてくれたら嬉しいです。

相性の問題はありますが、最低限「一般的に読みにくいであろう」と思われる書き方をしないために、再認識をしてみるのも良いと思いますので参考になればと思います。

-SEO
-, , , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

関連記事

SEO忘れてた

SEO対策を意識し過ぎて忘れていた事(斜め読み2分程度)

Googleは、インターネットでキーワード検索するユーザーに対して、検索目的に相応しい情報を表示させることを追求して日々進化しているんだと思います。 Googleが日々進化した結果、「上位表示の条件が …

読んでもらえるブログを書くために大事な3つのこと

読んでもらえるブログを書くために大事な3つのこと

インターネットで自分のサイトが検索で引っかかるために、知識として「SEO対策」を理解しておく必要があります。 SEO対策とはとても奥が深く、ビジネスとして専門の業者が存在するほどです。 Content …

名称未設定-4

効果抜群!中古ドメイン取得で立ち上げから検索上位に!

中古ドメインの良し悪しと、中古ドメインを使われる際に便利なツールをご紹介させていただきます。 あまり響きが良くないせいか、大っぴらには知られていませんが、良質な中古ドメインを選ぶためにも一度目を通して …

3

知られざるドメインとSEOの関連性

ドメインがSEO対策に関係ないと思っている人も多いと思いますが、実はそんなことはありません。 Googleはユーザーが検索する問題に答えられるサイト且つ、信用性のあるサイトかどうかを判断して検索結果を …

615661

日本一のSEOテンプレート「賢威」が凄すぎる

賢威すげー!!友達にサイトに使ってみたら超すごかったので私もお金に余裕があったら使ってみたいなぁと思いました。 Contents1 SEOで日本一のテンプレート『賢威』を使ってみました。1.1 なんか …