検索順位チェックならNobilista詳しくはこちらの記事へ

【#15 アイキャッチ講座】カテゴリー分けも簡単|白背景を使ったテンプレート

当ページのリンクには広告が含まれています。
ここママさんアイキャッチ添削

アイキャッチ添削企画の15人目は
ここママさん」です。

ここママ

よろしくお願いします。

ここママさんの運営するブログ「ここんちのゆるライフ」では、暮らし・子育て・オーガニック商品など、安全に生活するためのお役立ち情報が満載です!

うたまる

僕も記事を読んで、見直そうと思うところがたくさんありました!

【この記事の著者】 うたまる
  • フリーランスブロガー
  • ブログとHP制作で収益6桁達成
  • 色彩に15年以上関わってます
  • アイキャッチの作成が好き
  •  Twitterはこちら
うたまるです

当ブログではCanvaで画像を作成しています。

Canva(キャンバ)は無料で利用できる優秀な画像編集ツールです。

有料版にアップデートすると、豊富な素材や画像サイズの変更、背景の透過など、編集の効率が格段に上がります。

\30日間無料でお試し/

30日以内に解約すれば追加課金なし

アイキャッチの作り方については、こちらの記事に詳しくまとめています。

目次

ここママさんアイキャッチの確認とお悩みカウンセリング

今回はこちらのアイキャッチ画像を見させていただきました。

ここママさんのアイキャッチ
うたまる

いい感じのアイキャッチですね!テキストの背景を白くしてあるから、文字も読みやすい!

ここママ

ありがとうございます!

うたまる

1点だけ気になったところが、白背景ぴったりに文字が入っているところです。

ここママ

白背景の文字の箇所も余白があった方がいいですか?

うたまる

白背景内側の、上下左右に余白を作るだけで見やすさUPですよ!後ほど作成してお見せしますね。

アイキャッチ画像のサイズについての質問|1200×630のサイズで作成

うたまる

アイキャッチを作成するときに、どんなところで悩みますか?

ここママ

画像の周りが切れるので、SWELLでのアイキャッチのサイズが気になります。

うたまる

サイズが切れるのはサムネイル表示のときですよね?

ここママ

そうなんです。
毎回まわりが切れてしまうので気になっています。

うたまる

僕のブログは1200×630で作っていますが、サムネになると多少切れます。極端に切れていなければOKかなと思っていますよ。

ここママ

サムネは極端でなければそのままでいいのですね!
私も気にしない事にします!

文字数や文字のサイズについて|文字は少ない方がおすすめ

ここママ

あと、文字数や文字の大きさでも悩みます。

うたまる

文字数は少なければ少ない方が良いと思ってますよ!

ここママ

そうなんですね!

うたまる

文字のサイズは文字数にもよりますが、重要なキーワードを太く・大きくしてください。 補足などは、最悪読まれなくてもいいやくらいの感覚です。

ここママ

なるほど!やってみます!

カテゴリー別に色分けをしたテンプレート作成について

うたまる

ブログを見させていただいた感じだと、カテゴリー別に色分けしてありますよね?

ここママ

訪問した方がすぐ解るようにしてます!

うたまる

色分けしてあると読者の方にもわかりやすくて良いですね!

ここママ

今のカラーをベースに、良い感じのアイキャッチにできたらと思ってます。

うたまる

そうですね!今のテイストのまま、少し修正するくらいでもいい感じになりそうですね!

ここママさんのアイキャッチ

ベースデザインは変えず、さらにわかりやすいアイキャッチになるように、いくつか提案をさせていただきました。

テンプレート作成案

  1. 右の色の幅を広くして、そこに文字入れする。
  2. 文字の白背景を左の画像に入れる。
  3. 右の色を細くして、画像部分を大きくしたうえで②のようにする。
うたまる

実際に作成してみます!

アイキャッチの作成案

元々のデザインが良い感じでしたので、大きな変更はせずに作成しました。

アイキャッチの作成案

\クリックで切り替えられます/

ここママさんのアイキャッチ
ここママさんアイキャッチ
ここママ

この無添加調味料のアイキャッチ画像!素晴らしすぎてそのまま使いたい!

うたまる

ベースは変えずに、レイアウトと文字のバランスを調整してみました。

ここママ

白背景の余白を意識すると、かなり見やすくなって解りやすいです!

うたまる

文字の配置は下の図のように考えて配置しています。

アイキャッチに入れる文字の配置例
アイキャッチに入れる文字の配置例
ここママ

修正案も具体的に提示して頂き、感動です!

うたまる

数字など、強調したいところは文字サイズを大きくしたり、色を変えるのもおすすめですよ。

ここママ

お忙しい中、とってもご丁寧にご教授頂き、本当にありがとうございます!

アイキャッチ添削後のここママさんのアイキャッチ

ここママ

アイキャッチの変更がしたくて、居ても立っても居られず変更してみました!

\クリックで切り替えられます/

ここママさん添削前アイキャッチ
ここママさんアイキャッチ
ここママさん添削前アイキャッチ
ここママさんアイキャッチ
ここママさん添削前アイキャッチ
ここママさんアイキャッチ
ここママさん添削前アイキャッチ
ここママさんアイキャッチ
うたまる

早くもアイキャッチ変更したんですね!
どれも良い感じですね!

ここママ

お忙しいところ、教えて頂きありがとうございます!!

うたまる

こちらこそありがとうございました。
またわからないことがあればお気軽に聞いてください!

ブログに関する悩みは、ブログ仲間と一緒に解決するのが最適です。

みんなでレベルアップできるコミュニティ「BLOCO -ブロコ-」を運営しています。

気になる方はBLOCOについてのページを読んでみてくださいね!

ここママさんアイキャッチ添削

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次