読者です 読者をやめる 読者になる 読者になる

スキナモノート

SEOやマーケティング、WEB系に役立つ情報を発信しています。好きな事を中心に、文房具の記事もたまに。

ブログレイアウトを考えてみた。

カスタマイズ WEBデザイン
このエントリーをはてなブックマークに追加

f:id:tubamenote:20150406102623p:plain

企業が運営をしてるブログから個人で書いているブログまで、 世の中には様々なブログがありますね。色々と見ていく中で、こういう記事ページのレイアウトが良いのでは、と言うのを考えていたので、紹介したいと思います。

ブログのレイアウト

ブログの中にも、2カラムや、3カラムがあったり、サイズの違い、記事中に広告があったり、色々と違いはありますが、その中から平均して多いものを優先しています。

内容が大事というのもありますが、見せ方も大事だと思います。このブログでも、もう一度レイアウトを修正しようと思っているので、レイアウトに関してまとめてみました。参考にご覧下さい。

まずはレイアウトイメージを作りました。

f:id:tubamenote:20150405210624p:plain

このようなレイアウトになりました。
恐らく、記事イメージ画像の三分の二位迄がファーストビューになります。ファーストビューというのは、ページに訪れた時にディスプレーに最初に表示される部分の事です。

ファーストビューレイアウト

このファーストビューの部分は、レイアウトこそ違えど、大体のブログで、表示されている構成要素は変わりありませんでした。

  • ロゴ
  • 公式SNSボタン
  • グローバルメニュー
  • SNSシェアボタン
  • 広告
  • 記事イメージ画像

広告

ファーストビューに広告を置くのは意見の分かれる所かと思いますが、意外にも右上のクリック率は高いんですよね。それに、訪れるユーザーの中には広告がある事で安心する人もいるようです。
有名企業の名前が表示されたりするので、アドセンス等の広告の仕組みを知らない人からすれば、そう感じるのかも知れません。
タイトル下の広告も、幾つかのブログで見られたのですが、ユーザビリティを考えると、やはり右上が良いのではと考えています。

SNSシェアボタン

タイトル下のSNSシェアボタンも、有無が分かれましたが、やはり、ある程度のシェア数を得ているのであれば表示させる事で、記事の先への期待感も違うのではと思います。
また、面白そうだけど、長そうな記事だなぁと思い、後で読む為にシェアをしようとする人には、一番下までスクロールしてもらう手間を省き、記事上でシェアをしてもらえるようにもなります。

公式SNSボタン

公式SNSボタンは下のリストがほとんどでしたね。余り多すぎるのもよくないので、3つか4つでと考えています。

  • Twitter
  • Facebook
  • RSS
  • Google+

グローバルメニュー

色々とブログを書いていると、カテゴリーが増えていってしまいますよね。自分のブログのメインカテゴリーを表示しておくと、訪れてくれたユーザーが何のブログなのかが分かりやすくなりますね。

ファーストビューは一番大事な部分なので、じっくりと考えて、修正等をしていきたい所です。

記事下レイアウト

記事の部分は飛ばすとして、記事本文の下も悩ましい部分です。ここは、記事を読み終えた人にアクションを起こしてもらう場所でもあります。

  • 他の記事を読んでほしい。
  • シェアしてほしい。
  • 広告をクリックしてほしい。
  • 登録してほしい

SNSシェアボタン、関連記事、広告。

とりあえずは全て表示をして、ユーザーの選択肢を増やしておくのも良いですが、明確な意思があるのなら、順序を考えたり、表示を絞る事も考えられます。

関連記事を置く事は、直帰率の低下や、PVを上げる事にも繋がります。サイドバーには新着記事等の表示もありますが、やはり、同じカテゴリーの記事を読むユーザーが多いですからね。関連記事をどのように表示しようかは考え中なのですが、SEOを考えれば手動でコツコツいれていくと言うのも考えてしまいます。

どうしたら次のアクションに繋げられるのかを考えながらレイアウトしていかなければいけません。このブログでも、どう修正していこうかと試行錯誤して居る所です。

サイドバーレイアウト

ここはブログ内の記事を表示させている事が多いですね。

  • 新着記事
  • 注目記事
  • 人気記事

表記の違いはありますが、大体はこういう配置の所が多いです。

表示については、テキストのみ。サムネイルとテキスト。画像を大きくしてテキストを表示する等様々でした。
私のブログでは、サムネイルとテキストを表示していますが、テキストだけに変更をしようかと考えています。サムネイルがあると目立って良いのですが、記事を読んでいる時に、チカチカと目障りな時があるからです。
なので、サイドバーはシンプルにし、記事下を派手にしていこうかと検討しています。やはり、読むのはユーザーであって、発信側がこれを見て!というよりも、見やすさを重視した方が良いのではないかと思います。サイドバーはそこまで見られる部分ではないので、他のレイアウトよりも重要度は低めですが、月単位でデータを取りながら、修正をしていこうと考えています。

最後に

ブログのレイアウトというのは様々ありますが、正解と言うのは ないのではと思います。何の為のブログなのか、各ブログのコンセプトやポリシーがあり、レイアウトがある。そう言う事を踏まえて、私もこのブログのレイアウトを定めていこうと考えています。

最後までお読みいただきありがとうございます。感謝

関連記事