ブログ運営

【ブログ】アクセスアップを狙うアイキャッチ画像の重要性と作り方

この記事では、ブログでアクセスアップをしたい方に向けてアイキャッチ画像の作り方・重要性』を一挙まとめてご紹介していきます(*’ω’*)

アクセスで伸び悩んでいる方、アイキャッチ画像には拘っていますか?

そもそも拘る必要はあるの?

って疑問まで解決していきますので、お付き合い下さい!

では、行ってみよう(‘ω’)

アイキャッチ画像とは?

まず、始めにアイキャッチ画像って何?という方に向けて簡単に説明します。

アイキャッチ画像とは、ユーザーの目(アイ)を引き付ける(キャッチ)する為に使われる画像の事です。記事を投稿する際に、記事に見合った画像を付ける事で何の記事かを分かりやすく伝えられる効果を持っています。

私のブログで言えばこのようなものがアイキャッチ画像になっています

パッと見ただけで、タイトルを読まなくても内容が入ってきますよね!!

アイキャッチ画像の重要性

では、アイキャッチ画像は、何で重要になるのか?と思う方もいると思います。

まず、この二つの画像を見比べて下さい(*’ω’*)

f:id:morizo_3377:20180910151238j:plainf:id:morizo_3377:20180912184612p:plain
画像見比べ

左にあるアイキャッチ画像と右にあるアイキャッチ画像を見た時に、あなたはどちらの記事を読みたいと思うでしょうか?

僕なら右のアイキャッチ画像の方が読みたい

そう読んでくださっているあなたもきっと思うと思います!

それは、なぜかというと目を通して脳に文字と画像を連携して送られるから印象が強くなるからですよね!!

だって、誰でも初対面の方を見る時、顔や服装でこんな人かな?て思いますよね

それは、ブログでも同じ事です(*’ω’*)

  1. 画像だけで内容が理解できる
  2. ユーザーを引き付けやすくなる
  3. 拘りを感じて、拡散されやすい

 私が作ってきたアイキャッチ画像

f:id:morizo_3377:20180912191131p:plainf:id:morizo_3377:20180912190036p:plain
f:id:morizo_3377:20180912185454p:plainf:id:morizo_3377:20180912183555p:plain
f:id:morizo_3377:20180912172347p:plainf:id:morizo_3377:20180910154632p:plain

ざっといくつか並べて見ましたがこのようなモノです(*’ω’*)

一つ一つ私なりにこだわって作った画像です

では、このような画像をどうやって作っているのか?についてご説明します!!

アイキャッチ画像の作り方

主に使うサイト

アイキャッチ画像を作成する時に私は、この3つのサイトを利用しています。

★Canva

Amazingly Simple Graphic Design Software – Canva

★Free画像

https://unsplash.com/

★Flatアイコンfree

PC・ビジネス | FLAT ICON DESIGN -フラットアイコンデザイン-

★アイキャッチ画像サイズチェック

アイキャッチ画像サイズチェッカー|TwitterやFacebookのOGP表示を確認

主に『Canva』と『サイズチェック』の2つだけあれば作る事は出来るので、それだけを使うのもアリです

作る手順

では、実際にアイキャッチ画像を作ってみましょう(‘ω’)

始めにどのような目的、デザインにしたいのか構成を簡単に考えます。

  • 雰囲気⇒可愛い感じ
  • 目的(対象)⇒大切な人へのプレゼントを考えている人向け
  • 背景⇒プレゼント感のある温かい画像

ここまで決めたら実際に作成していきます(*’ω’*)

Amazingly Simple Graphic Design Software – Canva

このサイトで左にあるデザイン作成をクリックしてください

f:id:morizo_3377:20180916212659p:plain

画面が切り替わるので、次の作業に移ります。

次に、『ブログと電子書籍』にある『Blogバナー』をクリックしてください

f:id:morizo_3377:20180916213207p:plain

そうするとレイアウトという画面が初めにでると思うので、作るのに慣れていない方はこちらのレイアウトからデザインしたい雰囲気のモノを選択するといいでしょう

慣れている方は1から作ると楽しいのですが時間もかかっちゃうのでそこはお好みで(笑)

今回私はこのデザインで作成してみようと思います!!

f:id:morizo_3377:20180916213736p:plain

ここで背景の画像を変えたいときは、画像を左クリックしてください!

そうすると右上くらいにゴミ箱のアイコンが出てくるのでゴミ箱に入れてください

そうすると背景の画像が消えるので、先ほど紹介したFree画像のサイトから好きな画像をダウンロードしてドロップダウンしてみて下さい(*’ω’*)

そしたらタイトルにする所とサブタイトルの部分を好きなように変更

私的には、シンプルなデザインの方が見易いので良いかなぁ?というイメージです。

画像の透明度であったり、文字色、フォントなど好きなように変えられるので、お好み

で変えてみて下さいね

そうして出来たものがこちらのアイキャッチ画像です。

f:id:morizo_3377:20180916215108p:plain

少し可愛い感じの雰囲気でシンプルにまとめてみました。

これは、私のブログで実際に使う事にします(笑)

www.morizo-69-pig.com

しかし、画像が出来て満足していけはいけません!!

ワードプレスかはてなブログかによってせっかく作った画像の見え方が変わってしまいます。

文字が全部見えなかったりする事があるので、そんなミスが起きないようにチャックします。

そんな時に使うのは、『アイキャッチ画像サイズチャック』のサイトです。

アイキャッチ画像サイズチェッカー|TwitterやFacebookのOGP表示を確認

ここでは、画像を選択してアップロードするだけで、実際にどのように見えるのかが分かります。

  • Twitter
  • Facebook
  • はてなブックマーク
  • はてな・ライブドアブログのサムネイル画像
  • 指定のサイズでチェック

など様々な大きさでの確認をする事が出来ます。

ここでしっかりと文字や画像の全体が見えるのかをチェックしてOKならば実際に使用しましょう!!

created by Rinker
¥1,998
(2018/10/19 16:52:10時点 Amazon調べ-詳細)

まとめ

これだけすれば、多くの人を自分のブログに人を呼び込む事が出来ます!

お疲れ様でした(*’▽’)

何かご質問等があれば、なんでも聞いてください!

ABOUT ME
morizo3377
神戸に関する事を主に詳しく書いています。 神戸っ子なので神戸の事はなんでも聞いてください(*´з`)