【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

この記事では、ブログのアイキャッチをCanvaでおしゃれに作る方法を紹介します。

ルル

ブログのアイキャッチ作るのけっこう時間かかりませんか?

私は慣れるまでかなり時間がかかりました。

  • ツールが使いこなせない
  • 統一感の出し方がわからない
  • コツがわからない
  • おしゃれにならない

こんな状態だったのですが、試行錯誤の結果、5~20分くらいで完成するようになりました

ブログ歴2年目に入った今は有償でのアイキャッチ作成依頼を受けた実績もあります^^なるべく早く作れるようになりたいし、コツも知りたいですよね!

アイキャッチの効果や作り方のコツも詳しくまとめるので、アイキャッチ画像を簡単に効率よく作りたい人や統一感やおしゃれ感を出して自分らしいブログにしたい人は参考にしてみてくださいね。

▽今は有料Canvaを使っています▽

公式サイトをCheck
canva pro

有料版も無料でお試しできる^^

Contents(タップできる目次)

必ず知っておきたいブログにおけるアイキャッチの4つの効果

アイキャッチは記事のタイトルと一緒に記事トップに表示され、SNSでシェアされる場合にも表示される「目を惹くための画像」です。

ブログにとってアイキャッチが大事にな理由は、アイキャッチには次の4つの効果があるからです。

  1. クリック率が上がる
  2. アクセスが増える(SNSのシェア率UP)
  3. アクセスが増える(ブログの周遊率UP)
  4. SEO効果がある

実は最初はフリー素材の画像を選んでアイキャッチ画像に設定するだけで済ませていました。アイキャッチを作るのは大変そうだし、記事を書くのが精一杯で、手が回らなくて><

アイキャッチ1枚作るだけでたくさん効果があるっていうことを全く知らなかったのです…。

でも実はアイキャッチは時間をかけて作るだけの価値はちゃんとあります。 ちょっと手間をかけるだけでこんなに効果があるのかと私もびっくりしたので、アイキャッチの効果について詳しく説明していきますね。

参考URL

アイキャッチの効果①クリック率が上がる

アイキャッチは記事の第一印象です。

まずは第一印象で読者の心を掴んで、記事をクリックしてもらうこと!

これが大事です。

アイキャッチの効果②アクセスが増える(SNSのシェア率UP)

アイキャッチはSNSでアクセスを集めるのに非常に効果的です。

例えば下のツイートを見てください。

https://twitter.com/lulumama_kiroku/status/1254295767172313088

これは私のTwitterでのブログ更新のお知らせツイートです。

画像とブログタイトル、どちらに目が行きますか?

ブログタイトルよりも、アイキャッチの「ワーママのお小遣いはいくら?」が頭に残りませんか?

ぱっとアイキャッチが目が入ればクリックされやすい

記事を読んで満足すればシェアされやすい

そして拡散されやすくなります。

アイキャッチの効果③アクセスが増える(ブログの周遊率UP)

アイキャッチがあることで、内部リンク関連記事へのクリック率が上がります。

ブログの周遊率が上がるのでアクセス数が上がります。

ルル

1人が1PVだけで離脱するか、他の記事も見てくれるかでだいぶアクセス数は変わってきます。

アイキャッチの効果④SEO効果がある

  • 画像検索からのアクセスが増える
  • オリジナル画像は検索上位が取りやすい
  • SNSでシェアされることで順位が上がる
  • ブログの周遊率UP→滞在時間UP→評価UP

画像検索も大事なアクセス流入元です。

無料画像をそのまま使うより、オリジナル画像のほうがSEO的に強いです。 面倒ですが画像にはAltタグを必ず入力するようにしましょう。

アイキャッチを作る前の注意点4つをおさえて効率的に作ろう

ではアイキャッチを作る前に気をつけたいことをまとめました。

  1. 統一感を出そう
  2. サイズに気を付けよう
  3. きれいな写真を使おう
  4. 画像圧縮をしよう
ルル

私はかなり試行錯誤して時間がかかったけど、「これ最初に知っておけば!」と思ったことをまとめるよ。

統一感を出そう

個々のアイキャッチだけではなく、全体を意識して整えることで、統一感が生まれ、ブログに自分らしさが出ます。

トップページがサイトの印象を決めると言っても過言ではありません。

トップサイトが整っていて、統一感が感じられればサイトの信頼性も上がります。

でも統一感を出すのって難しいですよね。実はフォントや色に気を付けることでかなりすっきりして統一感が生まれます。

フォントを統一してみる

いろんなフォントが選べるので、最初目移りしていろいろ使ってみたのですが…フォントがばらばらだと、ブログのトップページがごちゃごちゃした感じになりました。

フォントを統一するとかなりすっきりします。最初にブログのイメージに合ったフォントをじっくり選びましょう。

私も今はいろいろなフォントを使っていますが、なるべくなじみの悪いフォントは避けるようにしています。

ルル

統一感があるとおしゃれ感が出るよ!

全体の色味を意識する

使う色も、全体を意識して選ぶようにするとすっきりします。

私はあまり原色は使わず、全体的に淡い色合いになるようにしています。

また、あまり色を増やしすぎないこと。

色のバランスが良いと全体のイメージが整います。自分がどんな色を使いたいか先にイメージしておきましょう^^

フォントも色も自分のブログの雰囲気に合うかが大事。

最初にイメージを固めると、あとは悩む必要がなくなるので時短にもなります。

▽この本参考になりました▽

参考URL

⇒フォントの選び方が丁寧に載っています。

⇒色の配色パターン見本が載ってて参考になります。

サイズに気をつけよう

まずは自分のブログのテーマに合ったサイズを確認しましょう。

私の場合、Undershirtの適正サイズ700×400pxで作っています。

ただ、サイドバーのアイキャッチは正方形にトリミングされます。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

SNS等でシェアされるときも、このようにトリミングされる場合があります。

ルル

だからなるべくタイトルは中央に寄せるようにしてるよ。せっかくシェアされても文字が切れてると効果半減だからね。

参考URL

きれいな写真を使おう

きれいな写真のほうがインパクトがあります。

記事に関係のない写真や、分かりづらい写真は避けましょう。

商用利用が可能か、著作権にも気を付けましょう。

私が使っている無料写真素材サイトは次の二つです。

O-DANが圧倒的に点数も多く、使いやすいのでおすすめです。

GIRLY DROPはおしゃれでガーリーな雰囲気の写真が多いです。

こんな写真を選ぼう
  • 記事のイメージに合う
  • ブログ全体のイメージに合う
  • きれい・文字が目立ちやすい
ルル

タイトルも大事だけど写真選びも大事。写真がしっくりくればけっこうさくっと良い感じになる!

画像圧縮しよう

私はTinyPNGを使って圧縮しています。

画像容量が大きいとサイトの表示速度が遅くなります。

まめに圧縮するようにしましょう。

Canvaを使ったおしゃれなアイキャッチの作り方

無料デザインツールCanvaの基本的な使い方とアイキャッチ作りのコツを紹介します。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
  1. デザインを作成
  2. カスタムサイズ
  3. サイズ入力してデザインを作成

これで新しい白紙ページができます。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

私も操作に慣れるまでは少し時間がかかりました。

自分の中で定番の形が決まってくるとだいぶ作業も早くなります。

ルル

テンプレートや素材が上手に使えるようになるとオリジナリティが出しやすくなるよ。

公式サイトをCheck
canva pro

有料版も無料でお試しできる^^

ブログのアイキャッチ画像を効率よくおしゃれに作るコツ

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
実はこれはボツ作

アイキャッチ画像はおしゃれに作りたいけど、なるべく時間をかけすぎたくないですよね。ブログのアイキャッチ画像を効率よくおしゃれに作るコツをまとめました。

POINT
  • 定番のパターンをいくつか作る
  • 文字や素材を工夫する
  • バランスとコントラストを意識する

デザインを毎回1から考えると時間がかかります。

自分のパターンをいくつか決めておくと早く作れます。

ただし、いくら時間の節約になるからといって全て同じアイキャッチにするのはやめましょう。単一化するとユーザーの目が引きつけられなくなるからです。

イメージで言うと、ミニマリストが少ない服を着まわすような感じです。

自分の定番は決まっているけど、小物を入れたり組み合わせを工夫して、同じ服を着ている印象を持たせない。 自分なりのパターンやルールが定着すればあとは簡単です^^

では実際のアイキャッチをもとに、パターン別に作り方のコツを見ていきます。

作り方のコツ
  1. シンプルに作る
  2. テンプレートから作る
  3. アイコン・素材で作る

参考URL

作り方のコツ①シンプルに作る

オーソドックスなパターンは写真+素材+タイトルです。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
ルルコ

少し工夫してレパートリーを増やしてみよう。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

文字がはっきり表示されていれば、素材なしでそのまま文字を入れてOKです。

本記事のアイキャッチも写真の上に文字を入れています。

ルル

文字が目立つようにコントラストを意識しよう。

作り方のコツ②テンプレートを使う

Canvaのテンプレートを使います。

写真、色、フォントを編集して作りましょう。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

自分でデザインを考えなくていいし、おしゃれだし楽ちんです。

ただテンプレートがたくさんあるので選ぶのは少し大変ですね。

作り方のコツ③アイコン・素材で作る

写真なしでアイコンや素材だけで作ります。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

素材はCanva以外のサイトからダウンロードしてアップロードすることも可能です。

シンプルで、タイトルが目立つアイキャッチが作りやすいです。

イメージに合う写真が見つからないときにもおすすめです。

上の2つのアイキャッチはデザインはほとんど同じですが、色や素材が違うだけでだいぶ雰囲気が異なります。

こうやって使い回しができると、作成時間がかなり短縮されます。

今は私は有料版のCanvaを使っていますが、テンプレートも素材も無料版よりもかなり多いし、画像もCanvaから摂ってくることができて時短になるのでもう有料から抜け出せそうにありません。。

無料のお試しもあるので気になる人は試してみてくださいね^^(やめたくなくなるから注意です笑)

公式サイトをCheck
canva pro

有料版も無料でお試しできる^^

おしゃれなアイキャッチで自分らしいブログにする効果的な方法

おしゃれなアイキャッチを作って、自分らしいブログを作っていくために効果的な方法をまとめました。

  • 好きなブログのフォントや色を参考にする
  • デザインのコツをまとめているブログを読む
  • 人に添削してもらう
  • 人に依頼してみる

自分のパターン、イメージを確立するまではいろんな人のサイトやデザインを見て刺激をもらうことがおすすめです。

アイキャッチ作りは自分のパターンが確立するまでが大変です。

特に自分のブログのコンセプトや読者に持ってもらいたいイメージが固まっていないと、迷走してしまいます。

また、「おしゃれなアイキャッチが作りたい!」と一口に言っても、何をもって「おしゃれ」と判断するかは人によって違います。

ただ、その人のブログらしさ、オリジナリティが表れていれば「おしゃれ」に見えるんじゃないかなと思います。

ルル

試行錯誤の時間も無駄じゃないよ。自分らしさをじっくり固めていこう。

自分なりのコツは作っていくうちに身につきます。

(私もまだまだ勉強中です。)

参考になるサイト

いろんなサイトを参考にしながら自分らしいアイキャッチができるといいですね。

アイキャッチの添削をしてもらう

人に添削してもらったり、アドバイスをもらうのも一つの手です。

自分一人で作っていると全然思いつかない発想に触れられたりするのでとても勉強になります。

例えば先日ツイッターでこんな企画があったので参加しました。

https://twitter.com/IanddH/status/1320581659767390208
【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
添削してもらったアイキャッチ

添削内容

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

とても丁寧に添削してくださいました!

添削アドバイス
  • 斜めにした不安定な画像が「依存」というネガティブなタイトルとマッチしていて◎
  • 角の花の装飾はセンターヴィジュアルのバランスをとれていて◎だが、雰囲気にマッチさせた装飾のほうがベター
  • 左右対称対照的にきれいに見えたほうがいいので、角度のズレに注意
  • カラーを反転させるとより暗闇に吸い込まれるような雰囲気に
  • 装飾の位置を見直してしっかり対象にしてテキストを見直すと◎

私は画像を斜めにして満足していました…。

左右対称か、枠にはまっているか、バランスがちゃんと考えられていなかったのでとても参考になりました!

ルル

そういう視点で考えると整えやすい!文字も写真も大きくしたくてはみ出してる感あるなとは思ってた…。

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法
修正後のアイキャッチ

修正したアイキャッチはこちらです。吸い込まれるような感じが増して良い感じです♡どんな記事だよって思いますよね笑

人に見てもらうと気付かない点に気付けるしポイントもつかめるので、とても良い刺激になりました。

添削してくださったニコさんはデザイナー歴18年。

ブログもインスタグラムもされていていつも洗練されたデザインが素敵です。

ニコさんのブログ

アイキャッチを人に依頼してみる

あとはシンプルに人に作ってもらうのもおすすめです。

https://twitter.com/pokura2/status/1323453907704557568

こちらは無料の企画で当選して作ってもらったのですが、普段自分が作れないおしゃれなアイキャッチを作ってもらえて大満足です。

アイキャッチのポイントまで教えてもらえたのでとても参考になりました。

つくってくれたぽくらんさんは、ヘッダーやアイキャッチ制作、グッズなどの販売もされています。

ルルコ

デザインがいつもとても素敵。

ぽくらんさんのnote

そして私もアイキャッチの制作依頼を引き受けることにしました^^

こちらの記事を見てみてね

アイコン制作などで人気のココナラ でもアイキャッチ依頼ができますよ。

Canvaでブログのアイキャッチ画像をおしゃれに作る方法まとめ

【アイキャッチの作り方】Canvaで簡単におしゃれな画像を作る方法

さいごにアイキャッチを簡単におしゃれにするポイントをまとめます。

POINT
  1. フォント・色の統一感を大事にしよう
  2. きれいな写真を使おう
  3. 自分のパターンを上手に使い回そう
  4. ブログや記事に合うイメージにしよう
  5. ブログ全体の印象を意識しよう
  6. ブログのコンセプトを大事にしよう
  7. いろんなサイトを参考にしながら自分のイメージを確立しよう

しっくりくるアイキャッチが作れるようになるといいですね^^!

それでは、最後までお読みいただきありがとうございました。

公式サイトをCheck
canva pro

まずは無料版に慣れてからでももちろんOK^^

よかったらシェアしてね!

この記事を書いた人

Contents(タップできる目次)
閉じる