menu
閉じる
閉じる

アフィリエイトラボ

デザインをいじれるとブログはもっと楽しい!見栄えするブログになる簡単設定・カスタマイズ

Webdesign, Banner, Homepage, Website, Template, www, Gallerie
あなたは普段ブログを書く際に、ユーザーの読みやすさを考慮していますか?ブログはあなたが伝えたい内容を記事にして読み手に理解してもらうための媒体ですから、読みやすい見栄えであるべきでしょう。

しかし現実にはユーザーのことを考えずに書かれたブログを見かけますよね。文字が小さすぎて目が疲れるとか、背景色と文字色がかぶっていて読みづらいなど。こういったブログはどれだけコンテンツが優れていても精読してもらえる可能性は低くなりますし、コンバージョンも下がることは目に見えています。

コンテンツが最も大切なのは間違いないのですがユーザーにコンテンツの魅力を伝えるための見栄え・デザインにもこだわっておいて損は無いはず。ここではブログ初心者さんのために、読みやすいブログにするための簡単なブログ設定・カスタマイズについて説明しますね^^。

【背景白、フォントサイズ14px~16px、文字色は黒に近いグレー】が基本中の基本

今読んでもらっているこのブログの設定は【コンテンツの背景色が白(#ffffff)、フォントサイズが15px、文字色が黒に近いグレー(#333333)】です。どうですか?読みやすいでしょうか?一般的にはこの組み合わせが最も読みやすく目が疲れないと言われています。

特別な目的やこだわりが無い場合、この組み合わせかこれに近いものを選ぶと間違いがないですよ。背景色白に対して文字色を黒(#000000)にしないのは、コントラストが強すぎると逆に読みづらくなり、目が疲れてしまうから。

無料ブログ(fc2やSeesaa、アメブロ、livedoorなどいろいろあります)のテンプレートをそのまま使うと、この基本の組み合わせがめちゃくちゃだったりします。背景色と文字色が近すぎてほとんど読めないようなものもありますよね。。(色覚異常がある方には読めないと思う)

デザインにこだわるあまり読みにくくなっているブログも見受けられますが、まずは読みやすさを大前提にデザインを考えて見ましょう。

改行、段落分け、行間隔で読みやすさが大きく変わる

ブログを書くのが上手な人は改行や段落の分け方がとてもうまい!と感じます。そういうブログは読んでいて気持ちがいいものです。

改行の使い方と段落の分け方が「読みやすいかどうか?」を左右します。

上手な人の文章にはこまめに改行や段落の区切りがあってテンポ良く読み進んでいけるんですよね。また段落と段落の間隔も広めにとってあるため、そこで文章が一区切りしていることを視覚的に理解できるのも読みやすさにつながると思います。

逆に下手な人のブログを見ると改行がなかなか入らなかったり、どこが段落の切れ目なのかが分かりづらいことが多いです。こういうブログは読んでいてとても疲れます。というか途中で読むのを止めてしまうかも・・・

当ブログでは記事内の各見出し上部にマージンを広めに設定し文章の切れ目が分かりやすいようにデザインしました。また見出しの文字サイズを大きくすることで文章にメリハリを付け読みやすさ、分かりやすさを意識しました。

参考になるサイトをご紹介

どや!?アクセスアップ10倍のためのブログ運用術と運営方法:デザインどや!?

デザインどや?WEB制作に役立つ情報を発信しているデザインどや!?さん。

デザインだけでなくWordPressに関する情報も豊富でとても参考になる。当ブログを作るにあたり参考にした部分も多い。

ヘッダー画像は他サイトとの差別化ポイント

無料ブログを使う場合、ほとんどの方が公式テンプレートを使用すると思います。このままでも十分キレイなテンプレートもありますが他の人と同じではつまらないですし、記事の内容とデザインがバラバラでは読者にも違和感を与えてしまいます。

アクセスしてきたユーザーはサイトの中身を3秒以内に判断し、読むのか?戻るボタンで検索結果に戻るのかを決めているそうです。つまり文章が読まれる前にそのブログに自分の求める情報がありそうかどうか?を一瞬にして判断しているということです。

その時ユーザーが何を見て判断しているのかといえばやはりデザインや画像という事になります。例えば「購入を考えている化粧品の口コミ情報を探しにアクセスしてきたユーザーに対しどんな画像を見せてあげればブログをしっかり読んでもらえそうか?」を考えてみてください。

この場合なら化粧品そのものの商品写真か、化粧品を使っている女性のイメージ画像を使用することでブログを精読してもらえる可能性が高まるでしょう。ユーザーが求めている情報とブログの画像を合わせてあげることが大切なんですね。

ヘッダー

そこでおすすめなのが公式テンプレートのヘッダー画像のカスタマイズ。コンテンツ内容に合ったヘッダー画像に変更することでブログの雰囲気もガラッと変わります。「ヘッダー画像なんて作れない・・」と思う方もいるかもしれませんが実際にやってみればそれほど難しい作業ではありません。

これから先もずっとアフィリエイトを続けていこうと考えているならなおさらです。いつかは画像編集や加工を覚える必要も出てきますのでこれを良い機会にして一歩成長するきっけかにしてはいかがでしょう?

具体的な作業の進め方は「seesaaブログ ヘッダー画像変更」などのキーワードで検索すれば、いくらでも情報が見つかりますのでチャレンジしてみてくださいね。

文字装飾はシンプルに分かりやすくを心掛ける

結構難しいのがこの文字装飾。読者に知ってほしい情報を強調したいあまりに、つい装飾が派手になりすぎることが多いようです。

分かりやすい文章を心掛けるなら使用する文字色は基本色を含め3色まで、マーカーを引いたような背景色は黄色1色、あとは太字とアンダーラインといったところが一般的でしょう。

ただしこれでも使いすぎると良くありません。次の例を見てみましょう。

(A)

ブラジルで開かれているサッカーのコンフェデレーションズカップで、日本は22日、1次リーグ最後の第3戦でメキシコと対戦し、1対2で敗れました。
日本は3連敗で勝ち点を挙げられないまま大会を終えました。

日本は1次リーグ2連敗ですでに1次リーグ敗退が決まり、同じく2連敗のメキシコと、この大会初勝利をかけて対戦しました。日本は前の試合から3人の選手を入れ替え、栗原選手と酒井宏樹選手、細貝選手が初めて先発しました。

最初のチャンスは前半5分、自陣で岡崎選手が奪ったボールを遠藤選手がつないで香川選手がシュートしましたが、得点には結びつけられませんでした。逆に日本は後半の立ち上がり9分にメキシコのエース、エルナンデス選手を抑えきることができず、先制ゴールを奪われました。

日本は、ディフェンスの選手が交代した直後の21分に、コーナーキックから再びエルナンデス選手に頭で合わせられ2点目を奪われました。このあと日本は試合終盤の41分に遠藤選手の折り返しを岡崎選手が押し込んでようやく1点を返したものの追いつくことはできず、1対2で敗れました。

この結果、日本は1次リーグ3連敗で勝ち点を1つも挙げられないままグループAの最下位で大会を終えました。

(B)

ブラジルで開かれているサッカーのコンフェデレーションズカップで、日本は22日、1次リーグ最後の第3戦でメキシコと対戦し、1対2で敗れました。
日本は3連敗で勝ち点を挙げられないまま大会を終えました。

日本は1次リーグ2連敗ですでに1次リーグ敗退が決まり、同じく2連敗のメキシコと、この大会初勝利をかけて対戦しました。日本は前の試合から3人の選手を入れ替え、栗原選手と酒井宏樹選手、細貝選手が初めて先発しました。

最初のチャンスは前半5分、自陣で岡崎選手が奪ったボールを遠藤選手がつないで香川選手がシュートしましたが、得点には結びつけられませんでした。逆に日本は後半の立ち上がり9分にメキシコのエース、エルナンデス選手を抑えきることができず、先制ゴールを奪われました。

日本は、ディフェンスの選手が交代した直後の21分に、コーナーキックから再びエルナンデス選手に頭で合わせられ2点目を奪われました。このあと日本は試合終盤の41分に遠藤選手の折り返しを岡崎選手が押し込んでようやく1点を返したものの追いつくことはできず、1対2で敗れました。

この結果、日本は1次リーグ3連敗で勝ち点を1つも挙げられないままグループAの最下位で大会を終えました。

どうでしょうか?(A)と(B)を見比べてどちらが読みやすく感じましたか?

文字装飾部分が文章全体の2割以下くらいに収まるようにすると、どこが強調したい重要な内容なのか?が読者側に伝わりやすくなると思います。

もしあなたのブログを見返して文字全体の半分近くに装飾がほどこされていたら、逆に読者にとって分かりづらくなっている可能性があることを理解して修正を検討してみてくださいね。

 

この記事は何かの参考になりましたか?

いつも応援ありがとうございます。宜しければポチッとお願いします。
あなたのクリックが明日も記事を書く活力になります。ヾ(^▽^ヾ)

にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

最新記事の購読はRSSとTwitterが便利です

アフィリエイトラボの更新情報はRSSとTwitterでお届けしています。
当ブログをフォローして、最新情報をお読みいただけると幸いです。


コメント

    • はなちゃん
    • 2013年 7月 02日

    とっても勉強になりました!
    文字の色はグレーが好きだからグレーにしてただけなんですが、読み易いんだって事が分かって良かったです。
    中古ドメインのブラックな話とか、何回も読んで勉強したいです(*´ー`*)

      • ユージ
      • 2013年 7月 02日

      はなちゃんさん、コメントをいただきありがとうございます!
      まだ書きなれないブログでつたない文章を最後まで読んでいただき恐縮しております^^;
      これからも読んでくれた方の役に立つような記事を書いていけるようがんばります。宜しくお願いします。

  1. この記事へのトラックバックはありません。

ピックアップ記事

  1. 今日は初心者さん向けにパーソナライズド検索について紹介します。 パーソナライズド検索ってなに?という…
  2. サイトを作る時に商品のランキングや比較表にテーブルを使いたくなる場面が出てくると思います。しかし思い…
  3. あなたはキーワード選びに困っていませんか?アフィリエイトで成果を上げるには、ライバルサイトよ…
  4. 前回の記事「SEO内部対策は超重要!知っておきたい内的SEOの基本(前編)」に引き続いて内部SEO対…
  5. 「自分の作ったサイト(ブログ)を検索上位に表示させたい」と思っていますか?もし「検索順位なん…
ページ上部へ戻る