【アイキャッチの作り方】簡単におしゃれにする方法|無料ツールCanva

アイキャッチのおしゃれな作り方
ルル

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

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

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

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

この記事では、アイキャッチの必要性、参考になるサイトや、アイキャッチの作り方を紹介します。

こんな人におすすめ
  • アイキャッチ迷走中
  • 簡単に効率よく作りたい
  • 統一感・おしゃれ感を出したい
  • 自分らしいブログにしたい
  • コツが知りたい
Contents(タップできる目次)

アイキャッチとは

アイキャッチ画像とは、記事を表す画像のことです。

記事のタイトルと一緒に記事トップに表示され、SNSでシェアされる場合にも表示されます。

アイキャッチ画像:目を惹くための画像

ルルコ

とにかくアイキャッチの目的は目を惹くこと。でもそんなにアイキャッチって大事なの?効果についてまとめていくよ。

アイキャッチの効果

  1. クリック率が上がる
  2. アクセスが増える
  3. SEO効果がある

実は最初はフリー素材の画像を選んでアイキャッチ画像に設定するだけで済ませていました。

アイキャッチを作るのは大変そうだし、記事を書くのが精一杯で、手が回っていませんでした。

ルルコ

アイキャッチ1枚作るだけでたくさん効果があるのにね!

ルル

そう。時間をかけてアイキャッチをちゃんと作るだけの価値はあるよ。慣れれば強い味方。

アイキャッチの効果について一つずつ説明していきます。

参考URL

クリック率が上がる

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

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

これが大事です。

アクセスが増える(SNSのシェア率UP)

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

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

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

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

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

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

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

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

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

アクセスが増える(ブログの周遊率UP)

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

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

ルル

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

SEO効果がある

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

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

無料画像をそのまま使うより、オリジナル画像のほうがSEO的に強いです。

ルルコ

画像にはAltタグを必ず入力するようにしようね。

アイキャッチを作る前の注意点

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

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

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

統一感を出そう

トップページがサイトの印象を決めます。

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

そうすればサイトの信頼性も上がります。

ルルコ

でも統一感出すのって難しいよ!何に気を付ければいいの?

フォント

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

フォントを統一するとかなりすっきりします。

最初にブログのイメージに合ったフォントをじっくり選びましょう。

ルル

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

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

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

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

色のバランスが良いと全体のイメージが整います。

ルルコ

自分がどんな色を使いたいかイメージしておこう!

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

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

ルル

最初はフォント決めるまでめちゃくちゃ時間かかったけどね!

サイズに気をつけよう

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

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

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

f:id:momolulu:20200507165417p:plain

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

ルル

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

参考URL

きれいな写真を使おう

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

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

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

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

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

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

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

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

画像圧縮しよう

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

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

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

アイキャッチの作り方(Canvaの使い方)

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

Canva 基本的な使い方
  1. デザインを作成
  2. カスタムサイズ
  3. サイズ入力してデザインを作成

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

Canva 使い方
Canva 使い方
Canva 使い方

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

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

ルルコ

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

アイキャッチの作り方のコツ

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

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

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

ただし、いくら時間の節約になるからといって全て同じアイキャッチにするのはやめましょう。

単一化するとユーザーの目が引きつけられなくなるからです。

参考URL

ルル

じゃぁどう作ればいいの?

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

自分の定番は決まっているけど、小物を入れたり組み合わせを工夫して、同じ服を着ている印象を持たせない。

ルル

自分なりのパターンやルールが定着すればあとは簡単!

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

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

シンプルに作る

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

ルルコ

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

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

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

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

ルル

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

テンプレートを使う

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

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

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

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

アイコン・素材で作る

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

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

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

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

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

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

自分らしいブログにするために

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

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

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

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

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

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

ルル

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

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

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

参考になるサイト

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

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

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

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

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

https://twitter.com/IanddH/status/1320581659767390208
メルカリ依存症|やめたいのにやめられない?はまりすぎた女の分析
添削してもらったアイキャッチ

添削内容

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

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

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

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

ルル

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

メルカリ依存症|やめたいのにやめられない?はまりすぎた女の分析
修正後のアイキャッチ

修正したアイキャッチはこちらです。

ルルコ

すごく良くなってる!吸い込まれる感じが増したよね!

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

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

ニコさんのブログ

ルル

人に見てもらうと気付かない点に気付けるしポイントもつかめる!

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

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

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

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

ルル

アイキャッチのポイントまで教えてもらえた!

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

ルルコ

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

ぽくらんさんのnote

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

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

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

おわりに

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

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

しっくりくるアイキャッチが作れるといいね!

ルルコ

読んでくれてありがとう。

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

この記事を書いた人

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