毎日、Twitterで日々の成果や頑張りをツイートしてします!

【おすすめのデザインツール】ブログのアイキャッチ画像を作るなら、Canva!

アイキャッチ画像

みなさん、お疲れ様です!カズトンです!

みなさん、ブログのアイキャッチ画像ってどうやって作っていますか?まさか、適当に作っちゃっている人とかいないですか?

あ、それ自分だ笑

自分は、ブログを始めてアイキャッチ画像はスマホでパパっと文字を入れて終わりでした笑

そんな人いませんか?笑

そんな僕ですが、最強のデザインツール「Canva」と出会ってから、アイキャッチ画像に力を入れるようになり、ブログのPVも少しずつですが伸びてきています!

この記事のアイキャッチ画像も「Canva」で作りました!

あなたも、最強のデザインツール「Canva」を使ってより良いブログ記事を書いていきませんか?

このブログ記事は、こんな人におすすめ!
  1. アイキャッチ画像とは、なにかを知りたい人
  2. アイキャッチ画像を作る上で、気をつけることを知りたい人
  3. 最強デザインツール「Canva」について、詳しく知りたい人

今回の記事は、「ブログのアイキャッチ画像の重要性、Canvaの良さや使い方」をまとめたものになります!

ぜひ、最後まで読んで「ワンランク上のブロガー」にステップアップしていきましょう!

アイキャッチ画像は「ブログ記事」の顔だ!

WordPressでブログ記事を書いていると、「アイキャッチ画像の設定」が出てくると思います!

アイキャッチ画像ってなんなんですかね?

アイキャッチ画像とは、「ブログ記事の顔」だと思ってもらって大丈夫です!笑

ブログ記事のタイトルが「名前」で、アイキャッチ画像が「顔」みたいなもんです!笑

アイキャッチ画像のイメージはこれで十分ですが、詳しく説明していきますね!

アイキャッチ画像とは、

ブログのアイキャッチ画像とは、「記事タイトルの下に表示される画像」のことです!

なんでアイキャッチ画像をつけるのかっていうと、ブログ記事を開いて一番最初に読者の目に飛び込んでくるからですよ!アイキャッチ画像のデザインが良いだけでブログを見たくなるもんなんです!

読者の目を引くための画像、

それが、「アイキャッチ画像」です!!!

アイキャッチ画像が重要な理由

なぜ、アイキャッチ画像が必要なのか!そのメリットとはなんなのでしょうか!

アイキャッチ画像を設定する重要な理由は、5つあります!

アイキャッチ画像が重要な理由
  1. ブログ記事の流入率の増加
  2. ブログ記事内の回遊率の増加
  3. ブログ記事からの直帰率の低下
  4. 画像検索からもアクセスが増える
  5. SNSを併用して紹介できる

まあ理由は5つもあるけど結局は、「SEO対策」になるんだからやっとけってことですよ!笑

上の理由をまとめると、「ブログ記事が読まれやすくなる」ということです!

1.ブログ記事の流入率の増加

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

ブログ記事の流入率を増加させる作用があります!

流入率とは、「Googleの検索からブログ記事に来てもらえた比率」です!

アイキャッチ画像は、「SEO対策」になるのでGoogle検索で上位に出やすくなります!

2.ブログ記事内の回遊率の増加

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

ブログ記事内の回遊率を増加させる作用があります!

回遊率とは、「一人のユーザーが一度でどれだけのブログ記事を見たのかの比率」です!

3.ブログ記事からの直帰率の低下

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

ブログ記事からの直帰率を低下させる作用があります!

直帰率とは、「ブログ記事を1ページだけ見て帰ってしまう比率」です!

4.画像検索からもアクセスが増える

画像検索

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

いつもGoogleで検索するときは、「すべて」から検索すると思いますがアイキャッチ画像を設定することで「画像」からもアクセスができるようになります!

5.SNSを併用して紹介できる

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

SNSの(Twitterなど)で、ブログ記事を紹介するときにアイキャッチ画像を設定していると画像と一緒にリンクを紹介することができる!

アイキャッチ画像を作成する上でのポイント5選

アイキャッチ画像を作る上でもポイントは、以下の通りです!

アイキャッチ画像を作成するポイント
  1. ブログ記事のテーマがすぐに分かる。
  2. 文字を目立たせる。
  3. 主な色は3色に絞る。
  4. 要素(イラストや写真)を使いすぎない。
  5. 時間を使いすぎない。

①ブログ記事のテーマがすぐに分かる。

もちろんですが、アイキャッチに利用する画像はブログ記事の内容と一致するようにしましょう!

アイキャッチ画像を見たときに、「今回のブログ記事は何が書いてあるのか」がすぐにわかるようなデザインにしましょう!

②文字を目立たせる。

①で説明したように、ブログ記事の内容がすぐにわかるようなデザインにすることが大事です!

写真やイラストに力を入れるのも大事ですが、大きな文字を入れましょう!

画像の中の「短い文字」は、すごく目立ちます!読者がその「短い文字」を読んでブログ記事の内容が直感的にわかるようにしましょう!

③主な色は3色に絞る。

デザイン初心者は、色をたくさん使いがちです。アイキャッチ画像は、デザインも大事ですが、一番大事なことは「ブログ記事の内容がビシッと分かる」です笑

その為には、まず見やすいほうが良いに決まってます!

主役の色は、「3つ」までと決めておきましょう!

④要素(イラストや写真)を使いすぎない。

これも、先ほどと同じです!アイキャッチ画像は「ブログ記事の内容がビシッ分かる」ことが大事です!たくさんのイラストがあると、、、もちろん見にくいですよね笑

イラストはたくさん使うのはやめましょう!背景一枚、イラストは5個以下に抑えておきましょう!

⑤時間を使いすぎない。

これも大事です!デザイン大会をしているわけではないので、ほどほどにしてね笑

なんせ、ブログを書くの一番大事なんですからね笑

30分ぐらいで、ささっと作っていきましょう!

最強のデザインツール「Canva」

今回紹介するのは、最強のデザインツールの「Canva」です!

この「Canva」をおすすめする理由は、3つです!

おすすめポイント
  1. 直感的にデザインができる!
  2. 「Canva」内で、素材や写真が利用できる!
  3. たくさんの文字フォントが初めから利用できる!
  4. 同じアカウントでログインすると、パソコンとスマホの両方でデザインできる!

「Canva」がなんでおすすめなの?

「Canva」の何がそんなにおすすめなのかって「知識ゼロな初心者でもすぐにデザインできる」ことです!色んなデザインツールがありますが利用してみると使い方を勉強してからではないとデザインできないことが多いですが、Canvaなら直感的にデザインできます!

直感的にデザインができるから、知識ゼロの超初心者さんでも安心してデザインできる!

「Canva」のツール内で素材や写真を取得できるため他のイラストサイトからダウンロードして利用するという手間がなくなります!

もちろんですが、他のサイトでダウンロードした画像などもアップロードして利用もできる!!!笑

また、初めからオシャレな文字フォントがあるため、文字フォントをダウンロードする手間も省けます!

同じアカウントでログインすれば、パソコンでもタブレットでもスマホでも続きからデザインできちゃうんです!もう完璧ですよね!

「Canva」は、本当にすぐ簡単にデザインを始めることができるんです!

有料版の「Canva Pro」

「Canva」にもプランがあり、通常プランは無料で利用できますが、「Canva Pro」という有料プランもあります!

その「Canva Pro」がなかなかおすすめなんです!

無料トライアルがあるので、ぜひ利用してみてくださいね!

30日間の無料トライアルの始め方を知りたい方はこちら

「Canva」の無料プランと有料プランの違いとは

「Canva」は無料で十分デザインができるのですが、有料版にするとさらに便利な機能があったりとブログ記事内の素材を作るならもってこいの機能となっています!

では、無料版と有料版の違いはなんなのでしょうか?

「Canva Pro」のすごさ!
  1. 使える写真や素材がめちゃくちゃ増える!
  2. フォントのアップロードができる!
  3. 作ったpng画像の背景をワンクリックで、透明にできる!
  4. 素材・デザインを管理するフォルダがある!
  5. 作ったデザインのサイズを後からでも変更が可能になる!
  6. 他のサイトからの写真や素材を100GBまでアップロードできる!

使える写真や素材が増える!

有料にすることで、20万枚→7500万以上になります!

  • テンプレートは、「2万以上」
  • 写真は、「200万枚以上」
  • 素材は、「50万枚以上」
  • 背景画像は、「数千枚以上」

②フォントのアップロードができる!

違うサイトからダウンロードしたフォントを「Canva」でも利用ができるようになったり、500種類のフォントが使えるよになります!

③作ったpng画像の背景をワンクリックで、透明にできる!

ロゴ画像や素材を作るときに、背景画像が白色だと背景色があるときにめちゃくちゃダサくなりますよね..

Canva Proを使えば、ワンクリックで勝手に背景を透明にできます!

イラストツールで自分で透明化するのも大変ですし、ワンクリックで背景が透明にできるのはめちゃくちゃ便利です!

④素材・デザインを管理するフォルダがある!

デザイン画像が増えてくると、それぞれのデザインで利用した素材などをフォルダ分けしておきたいですよね!ごちゃごちゃして、あの素材どこに行ったけ?なんてことはもうなくなります!

⑤作ったデザインのサイズを後からでも変更が可能になる!

アイキャッチ画像が良い出来栄えだったから、Twitterのヘッダー画像にしよう!って思ったときに新しく作り直すんではなくてサイズを変更すればいいだけってめっちゃ便利ですよね!

⑥他のサイトからの写真や素材を100GBまでアップロードできる!

無料版では、5GBまでしかアップロードできなかったものが100GBまで対応です!

色んな画像や素材を駆使して、デザインするときなんかはすごく重宝されますよね!

Macやスマホ対応のアプリもある!

CanvaはCromeやsafariなどからも利用できますし、アプリも存在します!

いちいち検索かけなくてもすぐにデザインができるので、アプリをインストールしておきましょう!

「機能」「ダウンロード」から、自分のOSにあったものを選んでインストールしてくださいね!

「Canva」でアイキャッチ画像を作る方法

アイキャッチ画像の作り方を説明していきます!

アイキャッチ画像を作る手順
  1. Canvaに登録をする。
  2. デザインサイズを指定する。
  3. あとは、作るのみ。

Canvaに登録しよう!

まずは、下のボタンからCanvaに飛んでください!

無料版「Canva」の始め方と有料版「Canva Pro」の無料トライアルの始め方を分けて説明しますね!

無料版「Canva」の始め方

Step 1

上のボタンから開いて、「Canvaフリーを入手」をクリックしましょう!

Step2

「メールアドレスで登録」をクリックしましょう!

(自分はGoogleアカウントからログインしていますが、今回は一番多いであろうメールアドレスから登録してみます。)

「名前、メールアドレス、パスワード」を入力したら、「無料で開始!」をクリック!

これで登録完了です!

有料版「Canva Pro」の無料トライアルの始め方

Step1

上のボタンから開いて、「Canva Proを30日無料でお試しください」をクリック!

Step2

「メールアドレスで登録」をクリックしましょう!

(自分はGoogleアカウントからログインしていますが、今回は一番多いであろうメールアドレスから登録してみます。)

「名前、メールアドレス、パスワード」を入力したら、「無料で開始!」をクリック!

Step3

「年単位」「月単位」かを指定しましょう!

「無料トライアル期間だけだから、どっちでもいいやっ」ではなくて、もし今後も使いたいと思ったときのために真剣に選んでおきましょう!

次に、「クレジットカードの情報」を入れて、「無料トライアルを開始する」をクリックしましょう!(PayPolは、特に入力がありませんでした。)

デザインサイズを指定しよう!

まず、ブログのアイキャッチ画像のサイズってわかりますか?

ブログのアイキャッチ画像のサイズは、「横1200px × 縦630px」です!

ってことで、指定してデザイン画面まで行きましょう!

Step1

Canvaの登録ができたら、下の画面が表示されるはずです!

そしたら、右上の「カスタムサイズ」をクリックしてください!

Step2

先ほど説明した「アイキャッチ画像のサイズ」を指定して、「新しいデザインを作成」をクリック!!

すると、下のような画面になっていれば成功です!

あとは、デザインしていくだけ!!

あとは、この白い紙にデザインしていけば「アイキャッチ画像」の完成です笑

次の項目で、「Canva」の使い方を少し説明しているので、ぜひ見てくださいね!

「Canva」の使い方

「Canva」の使い方は、たくさんあると思います!背景を半透明にしたり、色を変えたりなど、基本的なこと3つだけ説明したいと思います!

1.タイトルの付け方

まずは、アイキャッチ画像のタイトルをつけましょう!ダウンロードした際のファイル名として使われます!

「右上の□の中」をクリックすると変えることができます!

今回は、「アイキャッチ画像」としてみました!この作った画像をpngでダウンロードする場合のファイルは「アイキャッチ画像.png」という形になります!

2.素材、テキスト、背景の貼り付け方

素材の貼り付け

左のメニューバーの「素材」を選択して、使いたい素材をクリックすると白紙の上に現れます!

マウスで、拡大縮小、移動、回転などができます!

テキストの貼り付け

左のメニューバーの「テキスト」から、「見出し」、「小見出し」、「本文」を追加することができます!

素材と同様に、マウスで、拡大縮小、移動、回転ができます!

背景の貼り付け

これも、左のメニューバーの「背景」から、選択できます!

選択した画像が自動で背景に指定されます!

3.上のメニューバーの使い方

素材やテキストなどを選択したときに、上に出てくるメニューバーについて説明します!

一番左から、説明していきます!

  • 文字のフォントを選択
  • 文字の大きさ
  • 太さ
  • 斜め
  • 下線
  • アルファベットの大文字、小文字の変換
  • 左、右、中央揃え
  • リスト化
  • 文字の間隔などの指定
  • 文字を縦書きにする
  • エフェクトをつける
  • アニメーションをつける
  • ページに対しての配置設定

などなどがあります!

文字フォントや色を変える場合は、左に項目が表示されるのでそこから指定してください!

また、素材などを透明にするには、

「赤のマルで囲ったところ」をクリックすると、透明度を指定することができます!

これらを駆使して簡単にアイキャッチ画像を作成してみてくださいね!

実際に「Canva」で作成した作品を紹介!

最後に、実際にCanvaで作成したものをちょこっと紹介します!超初心者の自分でもこれぐらいはすぐに作れました!

今まで書いたブログのアイキャッチ画像はすべて、この「Canva」で作ったので見に来てくださいね!

↓↓↓自分が働く会社のパンフレットを作成したものです!

さくらんぼのパンフレット

ブログを始めたいなんて方は↓の記事も見てみてください!