ブログ

ブログを1000倍魅力的に見せる!画像レイアウトの設定について

ブログ 画像レイアウト
アリス(@Alice_Land22)です。

あなたのブログで画像が、適切な位置に設置されていなかったら、記事の魅力が十分に伝わっていない可能性がありますよ!

ユーザーがブログに訪問した時に、いきなり広告では寂しいですよね。

今回は、ユーザーに1000倍よろこんでもらえる!目的に合ったブログ画像レイアウトについてご紹介します。

白うさぎ
白うさぎ
にんじんの説明だけでなくて、美味しそうな画像欲しいよな…
アリス
アリス
そうそう!文章で伝えられない部分ってあるよね!

ブログにおける画像の意味とは

ブログ 画像レイアウト
ブログで画像を使うという認識は多くの人にあると思いますが、一体どんな意味があるのでしょうか?

どんな効果があるのかわからずに運営していると、画像を最大限に活用できずに大きな機会損失をしているのでご紹介します。

ブログにおける画像の意味は

  • 紹介している文章をより理解してもらうためのツール
  • ユーザーにより楽しんでもらうためのツール

画像はただの装飾ではなくて、コンテンツの一部としてかなり重要なものです。

ブログの画像位置についての種類

TOP画像

まず記事の一番上にレイアウトするのが『TOP画像』と呼ばれるもの。

ここに画像が無いと記事タイトルからすぐに文章となってしまうため、どんな記事なのか記事タイトルのみで判断して読むのは大変です。

気軽に読みたいユーザーに、より楽しんでもらうためには、TOP画像は必須です!

TOP画像の具体例

実際の例でご紹介しましょう。

まず、TOP画像がないとこんな感じになります。

ブログ 画像レイアウト

記事タイトルからいきなり記事の内容にいくので、少し気難しい感じがしますよね…

ぶっちゃけ、文字ばかりだと難しいのかな?とユーザーは不安になります。

次に、TOP画像があるパターンを見てみましょう。

ブログ 画像レイアウト

記事タイトルを見て

『ブログメニューはよく考えて項目を設置するだけでアクセスアップ!』

この画像をユーザーが見れば

  • ユーザーがメニューを探しているのかな?という雰囲気
  • ユーザーがスマホを見ている→アクセスアップ

とイメージをふくらませて、読み進めることができるはずです。

ユーザーが何気なく訪問した時に、くつろいで読んでもらえるように、まずTOP画像で記事の雰囲気をつかんでもらうことはとても重要です。

記事中の画像

小見出し下

記事中に画像を差し込む場合、一般的には、「h2」や「h3」の小見出しの下に設置することが多いです。

ブログ 画像レイアウト

理由は、小見出しごとに内容が変わってくるので、それぞれの段落のイメージがよりわかりやすいから。

ただ、段落のボリュームによって

  • 文字数が少ない段落に画像を入れず
  • ボリュームが多いところは積極的に入れましょう。

差し込む感覚は、自分で読んでみて、このくらいの感覚が読みやすいかな?と検証しながら調節してみてください。

段落の中

小見出し下でなく、段落の中に画像を差し込む場合もあります。

これは、1つの段落での説明が長くなってしまう場合、ずっと文字を読んでいくのもユーザーにとって負担になるので、適度に休憩を入れる感じで画像を入れると長文でも読み進めやすくなります。

例えばこんな感じですね。

ブログ 画像レイアウト

必ず長方形の画像や正方形の画像や写真を入れなきゃと思わずに、ワンポイントでさりげなく入れてあげるのもいいですよ!

段落の途中で入れるといい画像

  • ワンポイント画像
  • 具体例の表
  • 吹き出し

文章の途中だと、内容が飛んでしまう可能性があるので、入れる画像は必ず関連している画像をさりげなく入れてあげることが大切。

アリス
アリス
長方形のドドン!と画像を段落中に入れる場合は、強調したい時には効果的ですね。

まとめ部分の画像

ブログ 画像レイアウト
最後の段落は、まとめ部分として構成している方も多いと思います。

「このまとめに画像を入れたほうがいいですか?」

と聞かれることがよくあります。

記事の終わり方って様々なので、これには正解はなくて、あったほうがいい場合とない方がいい時もあります。

数行の文字でインパクトを残して終わりたい時なんかは、画像は必要ないですよね。反対に、記事のまとめ内容をかみしめて欲しい時は、画像を入れてインパクトを残すと楽しめる人も多いでしょう。

ブログ 画像レイアウト
アリス
アリス
この感じは、まとめに入れるとインパクトがあるよね。
白うさぎ
白うさぎ
不安な感じがよくわかるな。

アイキャッチ画像について

アイキャッチ画像とは、記事一覧やツイッターで表示される画像の部分です。

ブログ 画像レイアウト

記事のTOP画像やワードプレスの管理画面から設定することも可能です。

ブログ 画像レイアウト

もし、アイキャッチ画像がなかったらどうなるでしょうか?

ブログ 画像レイアウト
白うさぎ
白うさぎ
何を伝えたいブログか全然わからない…..
アリス
アリス
アイキャッチ画像って、つい忘れがちなんだけど、地味にいい仕事してくれてるんだよね!

ツイッターでブログをつぶやいても、画像がないとこのようになってしまいます。

もし、自分のブログを確認して、アイキャッチ画像が設定されていないようであれば、ぜひ設定してみてください。

おすすめ画像サイト

ブログ 画像レイアウト
どこの画像サイトを使っていいかわからない人へ、オススメの無料画像サイトを紹介しますね。

色々な素材サイトを使ってきましたが、写真ACは安定して使いやすいです。

写真の種類も豊富で、ブロガーがこんな感じの素材が欲しいなという希望に答えてくれる無料とは思えないクオリティーのサイトです。

昔は何枚でもダウンロードできていたのですが、現在は、無料では1日9枚までと制限があります。

しかし9枚も無料でダウンロードできるので、たくさん使わないという人は無料で十分だと思います。

プレミアム会員サービスに登録すれば、ダウンロードまでの待ち時間もなく取り放題で、月額1066円なので有料素材サイトにしてはとてもお得な料金です。

アリス
アリス
アリスは、プレミアム会員サービスに登録してライターさんにも使ってもらってるよ!
白うさぎ
白うさぎ
ライターさんも喜ぶね♪

詳しい無料素材サイトのおすすめ記事はこちら

ブログ 画像 サイト
ブログで使う画像はどこがいい?!無料フリー素材おすすめ神サイト7選 アリス(@Alice_Land22)です。 ブログで使う画像って、どこがいいの?どうせなら無料のフリー素材がいいな...と悩ん...

まとめ

ブログの画像についてご紹介してみましたが、いかがでしょうか?

何気なく差し込んでいる画像も、ユーザーにとっては、情報を受け取る重要なツールの1つ。

画像のレイアウトを整えるだけで、ユーザーに喜ばれるブログに変貌することができます。

その結果長期スパンで見ると、検索エンジンにも評価される素敵なブログに育ちますよ!

できるところから始めてみてくださいね。

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

【告知】不思議なメルマガはじめました。

アドセンスや記事外注に関するブログに書ききれない情報をメルマガで発信していく予定です。出し惜しみなく価値ある情報を提供していこうと思いますので、良かったら登録してみてください♪

アリスの【不思議なメルマガ】に登録してみる

アリス無料相談

アリスに相談メールしてみる?

Twitterでお友達を募集中。フォローしてくれたら白うさぎと大変喜びます^^

→アリス(@Alice_Land22