ブログを作ってみたものの、サイドバーやページの上のほうに何を置けばいいのか分からない。とりあえず目立つ場所に商品の案内を置いてみたけれど、あまり反応がない。そんな悩みを持っている方は多いです。
ブログの配置は、つい「自分が見せたいもの」から決めてしまいがちです。でも、読者がどこを見て、どんな順番で目を動かしているのかを知らないまま配置を決めると、大切な情報を見落とされてしまいます。
結論から言うと、ブログの一番目立つ場所には、商品の広告ではなく、読者に「また読みに来たい」と思ってもらうためのものを置くのがおすすめです。そのために、まずは読者の視線の動きを知っておきましょう。
この記事では、初めてブログを訪れた人の視線の動き、目に入りやすい場所の順番、そこに何を置くべきか、スマホで読まれるときの考え方、そしてよくある失敗をお伝えします。
無料プレゼント｜電子書籍
この記事の続きとして、「広げる記事」と「決める記事」でブログを組み立て、登録につなげる設計をAIと作る方法をまとめました。
視線は「上から下」「左から右」に動く
ブログにコンテンツを配置する前に、ブログのどの部分が読者に一番見られやすいのかを知っておきましょう。一番見てほしい情報は、一番見られやすい場所に置いたほうが良いからです。
大原則として、画面の下よりは上のほうが、右よりは左のほうがよく見られます。
これは、私たちが普段、文章を上から下へ、左から右へと読む習慣を持っているからだと考えると分かりやすいです。横書きの文章に慣れていると、初めて見るページでも、自然と左上から目を動かし始めます。
初めてブログを訪れた人の視線の動きには、一定の法則があると言われています。よく知られているのが、「Zの法則」と「Fの法則」です。
Zの法則とFの法則
2つの法則は、読者がどんな読み方をしているかで使い分けて考えます。
| 法則 | 視線の動き | 起きやすい場面 |
|---|---|---|
| Zの法則 | 左上→右上→左下→右下と、Zの字を描くように動く | ページ全体をざっと眺めるとき |
| Fの法則 | 左上から右へ読み、少し下がってまた右へ読み、あとは左側を縦にたどる | 文章をじっくり読むとき |
ブログをざっと眺めるだけのときは視線がZの形に、文章をじっくり読むときは視線がFの形に動くことが多いと言われています。
どちらの場合も共通しているのは、まずページの一番上（ヘッダー）に目が行き、次に左から右へと視線が動いていくことです。つまり、ページの上のほう、特に左上が、読者の目に最初に入りやすい場所だということです。
このことから、ブログの場所ごとの目に入りやすさは、おおむね次の順番になります。
- ページの一番上（ヘッダー）
- ヘッダーのすぐ下の左側
- ヘッダーのすぐ下の右側
- ページの下のほう
ヘッダーにはブログの名前が入るので、自由に使える場所ではありません。そこで、2番目と3番目の場所、つまりヘッダーのすぐ下に、あなたのブログで大切な情報を置くようにします。
視線の動きについては、ウェブサイトの読者の視線でも解説しています。
一番目立つ場所には、プロフィールを置く
「それなら、左上に商品の広告を置けばいいのか」と考える方もいるかもしれません。そうではありません。
ビジネスでブログを使ううえで、商品を売るよりも先に大切なのは、ブログをくり返し訪れて読んでもらうことです。一度だけ来て帰ってしまう人に、いきなり商品を案内しても、買ってもらえることはほとんどありません。
だからこそ、一番目立つ場所には、ブログの読者になってもらうためのものを置きます。特におすすめなのが、プロフィールです。
どんな人が書いているのか分からないブログは、なかなか信用されませんし、すぐに忘れられてしまいます。反対に、プロフィールであなたの経歴や人柄、これまでの歩みを知ってもらえれば、それだけで「この人の話をもっと読みたい」と思ってもらえることがあります。
特別なこだわりがなければ、ヘッダーのすぐ下の左側にはプロフィールを置いてみてください。 プロフィールの書き方はプロフィール記事はしっかり書こうで解説しています。
もし、読者が一目で欲しくなるような登録特典を用意しているなら、それを一番目立つ場所に置いても構いません。その場合は、プロフィールを右側に回して、左側に特典の案内を置く形にします。最初に特典に目が行くので、中身をしっかり確かめてもらいやすくなります。
一番目立つ場所に広告を置かない理由
一番よく見られる場所だからといって、そこに広告を置くことはおすすめしません。
ブログを訪れて、最初に目に入るものがいきなり広告だったら、読者はどう感じるでしょうか。多くの人は、「売り込まれそうだ」と身構えてしまいます。せっかく記事を読みに来てくれたのに、ブログの第一印象を自分から悪くしてしまうのは、もったいないことです。
広告や商品の案内は、記事を読んで信頼してもらったあとに見てもらうほうが、ずっと自然に届きます。記事の最後や、読者が「もっと知りたい」と感じたところに置くのがおすすめです。売り込みの印象を与えない考え方は、売り込み臭の強いブログは嫌われるでまとめています。
スマホで読まれるときの考え方
今は、ブログをスマホで読む人がとても多いです。スマホでは画面の幅が狭いので、パソコンで左右に並んでいたものが、縦に1列に並んで表示されることがよくあります。サイドバーに置いたプロフィールが、記事のずっと下に表示される、ということも起こります。
そのため、スマホで読まれることも考えて、次のような工夫をしておくと安心です。
- 記事の冒頭か最後に、短い自己紹介を入れておく
- メニューから、プロフィールのページにすぐ移れるようにしておく
- 実際にスマホでブログを開いて、どの順番で何が表示されるかを確かめる
パソコンの画面だけで配置を決めずに、スマホでの見え方もあわせて確かめることが大切です。
配置でよくある3つの失敗
最後に、ブログの配置でよく見かける失敗を3つ紹介します。
失敗1：目立つ場所に、自分の見せたいものを並べる
商品の案内、セミナーの告知、SNSのボタンなど、見せたいものを全部上のほうに並べてしまうパターンです。どれも大切に見えますが、並べすぎると、読者は何を見ればいいのか分からなくなります。一番目立つ場所に置くのは1つか2つに絞ってください。
失敗2：プロフィールが見つからない
プロフィールはあるのに、ページの下のほうや、分かりにくいメニューの奥に置いてしまっているパターンです。書き手が見えないブログは、信頼されにくくなります。どのページからでも、すぐにプロフィールにたどり着けるようにしておきましょう。
失敗3：一度決めた配置を見直さない
配置は、一度決めたら終わりではありません。記事が増えたり、案内したいものが変わったりしたら、その時々で見直します。読者の目線に立って、自分のブログを初めて訪れたつもりで眺めてみると、直すところが見えてきます。
まとめ
- 読者の視線は、上から下へ、左から右へと動く。ざっと眺めるときはZの形、じっくり読むときはFの形になりやすい
- ヘッダーのすぐ下、特に左側が、自由に使える場所の中で一番目に入りやすい
- 一番目立つ場所には、広告ではなくプロフィールなど、読者になってもらうためのものを置く
- スマホでは配置が縦に並ぶので、記事の冒頭や最後、メニューからも自己紹介にたどり着けるようにする
- 並べすぎ、プロフィールが見つからない、配置を見直さない、の3つの失敗に気をつける
まずは、あなたのブログをスマホとパソコンの両方で開いて、最初に目に入るものが何かを確かめてみてください。それが読者に最初に見てほしいものかどうかが、配置を見直す出発点です。
無料プレゼント｜電子書籍
ブログを毎日書く人ほど、集客できません
AIで作る「広げる記事」と「決める記事」のブログ設計
「広げる記事」と「決める記事」でブログを組み立て、登録につなげる設計をAIと作る方法をまとめました。メールアドレスの登録だけで、すぐに受け取れます。
