副業ブログのアイキャッチ画像の作り方｜CanvaとChatGPTで統一感を出すコツを実例つきで解説

「アイキャッチ画像って、どうやって作ればいいの？」

副業ブログを始めたばかりの頃、僕もずっとそう思っていました。最初はCanvaで何となく作っていたのですが、記事ごとにデザインがバラバラで、ブログ全体に統一感がまったくありませんでした。

下の画像が当時のアイキャッチです。アニメ・劇画風のデザインで、他の記事とまったく雰囲気が違いました。

統一前のアイキャッチ。アニメ・劇画風のデザインで、疲れた会社員のキャラクターとデリバリーの収益が大きく描かれている

途中から「テンプレートを固定する」「フォントを統一する」「キャラクターを入れる」という3つを意識したことで、一気に見た目が整いました。

この記事では、CanvaとChatGPTを組み合わせたアイキャッチ作成の手順と、統一感を出すための具体的なコツを実体験をもとに解説します。

この記事でわかること
アイキャッチ画像が重要な理由
アイキャッチの基本：サイズと形式
Canvaでアイキャッチを作る手順
ChatGPTをアイキャッチ作成に使う方法
統一感を出すための3つのルール
Before→Afterで見る統一感の違い
よくある失敗と解決策
副業ブログを始めるならWordPressがおすすめ
まとめ｜まず1枚テンプレートを作ってしまう
関連記事

この記事でわかること

アイキャッチ画像の適切なサイズと基本ルール
Canvaで統一感のあるテンプレートを作る手順
ChatGPTをアイキャッチ作成に活用する方法
テキストの入れ方・文字数のコツ
最初にバラバラだった僕が統一感を出せた理由

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

アイキャッチは記事の「顔」です。読者がブログを訪れた時に最初に目に入るものなので、印象を大きく左右します。

理由	内容
SNSでのクリック率が変わる	XやThreadsで記事をシェアした時に画像が表示される
ブログの信頼感が上がる	統一感があると「ちゃんと運営されているブログ」に見える
記事一覧の見やすさが変わる	統一されていると読者が目的の記事を見つけやすくなる

最初の頃はアイキャッチに時間をかけるのがもったいないと思っていました。でも統一感を意識してからSNSでのクリック数が変わったので、手を抜かない方がいいと感じています。

アイキャッチの基本：サイズと形式

項目	推奨値
サイズ	1200×630px（OGP推奨サイズ）
形式	JPEG または PNG
ファイルサイズ	500KB以下が目安
縦横比	1.91:1（横長）

1200×630pxにしておくと、X・Threads・Facebookなどで記事をシェアした時に画像が綺麗に表示されます。Canvaでは「プレゼンテーション（16:9）」ではなくカスタムサイズで1200×630を指定するのが正確です。

なお、アイキャッチを作る前にWordPressブログを開設する必要があります。まだの方はこちらから。

👉 副業ブログの始め方｜35歳会社員がゼロから始めた手順をリアルに解説

Canvaでアイキャッチを作る手順

Step1：カスタムサイズで新規作成する

Canvaにアクセスしてログイン
右上の「デザインを作成」→「カスタムサイズ」をクリック
幅1200・高さ630（px）を入力して「新しいデザインを作成」

Step2：テンプレートを選んでベースを作る

左メニューの「テンプレート」から自分のブログのイメージに合うデザインを探します。

ここで大事なのは「1つのテンプレートを決めたら毎回それを使い回す」ことです。僕も最初は記事ごとに違うテンプレートを使っていたのですが、ブログ全体がバラバラに見えてしまいました。

下の画像が実際のCanva編集画面です。テンプレートをベースに、テキストとキャラクターだけを変えて使い回しています。

Canvaの編集画面。アイキャッチのテンプレートが表示されており、左側にテンプレート・素材・テキストなどのメニューが並んでいる

やること	やらないこと
1つのテンプレートを使い回す	毎回新しいテンプレートを探す
カラーパレットを固定する	なんとなく好きな色を選ぶ
フォントを2種類以内に絞る	記事ごとにフォントを変える

Step3：フォントを統一する

フォントの統一はアイキャッチの一体感を出す上で最も効果的な方法です。Puglightyearでは全記事で同じフォントを使っています。

日本語対応のフォントを選ぶ（Noto Sans JP・BIZ UDPGothicなど）
太字（Bold）を使う（細いフォントはアイキャッチで読みにくい）
最大2種類まで（タイトル用と補足テキスト用）

Step4：テキストを入れる（文字数のコツ）

アイキャッチのテキストで最初に悩むのが「何文字入れればいいか」という問題です。僕も最初は長すぎたり短すぎたりして迷いました。

テキストの種類	目安文字数	例
メインタイトル	15〜20文字	「副業ブログで月5万円を稼ぐ方法」
サブテキスト	10〜15文字	「35歳会社員が実践した手順」
カテゴリーバッジ	5〜10文字	「継続の考え方」「収益化」

記事タイトルをそのままアイキャッチに入れると文字が多すぎて読みにくくなります。タイトルを短く言い換えたキャッチコピーを作るのがコツです。ChatGPTに「15文字以内に短くして」と頼むのが一番早いです。

Step5：キャラクター・アイコンを入れる

Puglightyearでは、アイキャッチに同じキャラクターのイラストを入れています。これによって「このブログの記事だ」とひと目で分かるようになり、SNSでの認知度が上がりました。

下の画像が現在のアイキャッチの実例です。同じキャラクター・同じフォント・同じ背景カラーで統一されています。

副業ブログで収益化を目指してやったことの記事のアイキャッチ。水彩イラスト風のキャラクターとシンプルなテキストで統一されている

副業ブログを続けるコツの記事のアイキャッチ。同じキャラクターと配色で統一されており、カテゴリーバッジが左上に配置されている

CocoonのトップページをGutenbergで作る方法の記事のアイキャッチ。同じキャラクターを使いつつ、記事テーマに合わせたイラストが追加されている

ChatGPTをアイキャッチ作成に使う方法

僕はCanvaでテンプレートを作った後、ChatGPTを使ってテキストのバリエーションを作ったり、デザインのアドバイスをもらったりしています。

使い方①：キャッチコピーを作ってもらう

以下の記事タイトルをアイキャッチ画像用に15文字以内に短くしてください。
タイトル：「副業ブログのアフィリエイトの仕組みと始め方｜初心者が最初に知るべきことを解説」
ブログのトーン：初心者向け・親しみやすい・リアルな体験談ベース

使い方②：配色のアドバイスをもらう

副業ブログのアイキャッチ画像の配色を提案してください。
条件：
・メインカラーはネイビー（#1a2a4a）
・「信頼感・リアル感・親しみやすさ」を出したい
・アクセントカラーとテキストカラーのHEXコードで教えてください

使い方③：画像生成（DALL-E）でキャラクターを作る

ChatGPT PlusではDALL-E機能で画像を生成できます。Puglightyearで使っているキャラクターもChatGPTで生成したものをCanvaに取り込んで使っています。生成した画像をそのまま使うより、Canvaでテキストやロゴと組み合わせる方が完成度が上がります。

👉 副業ブログにAIを使ったら時間が半分になった｜ChatGPT・Claude活用法

統一感を出すための3つのルール

ルール① テンプレートは1つだけ

Canvaでマスターテンプレートを1つ作り、毎回「コピーを作成」して使い回します。背景・レイアウト・フォントはすべて固定して、変えるのはタイトルテキストと記事に合わせた小物イラストだけです。

ルール② カラーは3色以内に絞る

背景色：1色（ブログのメインカラー）
テキスト色：1色（白または黒）
アクセント色：1色（カテゴリーバッジなどに使う）

この3色だけで作ると、どの記事のアイキャッチも自然に統一感が出ます。

ルール③ キャラクターの位置を固定する

Puglightyearではキャラクターを毎回右側に配置しています。位置を固定するだけで、記事一覧を見た時の統一感がぐっと上がります。下の画像が実際の記事一覧です。

WordPressの記事一覧画面。各記事のアイキャッチが右端に表示されており、同じキャラクターと配色で統一されているのが確認できる

Before→Afterで見る統一感の違い

実際にどれくらい変わったか、Before→Afterで比較してみます。

項目	Before（変わる前）	After（現在）
スタイル	アニメ・劇画風	水彩イラスト風
背景	夜景・暗い	白・明るい
キャラクター	毎回違うキャラ	同じキャラクターで統一
テキスト	大きく派手	シンプル・読みやすい
統一感	なし	あり

Beforeの頃はアイキャッチを作るたびに「どんなデザインにしよう」と悩んでいました。テンプレートを固定してからは1枚5〜10分で作れるようになり、時間の節約にもなっています。

よくある失敗と解決策

失敗① テキストが多すぎて読みにくい

記事タイトルをそのまま入れると文字数が多くなりすぎます。アイキャッチは「読むもの」ではなく「一瞬で内容を伝えるもの」です。15〜20文字以内に絞りましょう。ChatGPTにタイトルを短くしてもらうのが一番早いです。

失敗② 毎回デザインを変えてしまう

「この記事にはこっちのテンプレートの方が合うかも」と思って毎回変えてしまうのが統一感を崩す一番の原因です。多少合わなくても、テンプレートは固定する方が長期的に良い結果になります。

失敗③ ChatGPTの使い方が分からない

最初はChatGPTをどう使えばいいか迷いました。この記事で紹介した指示文をそのままコピーして使ってみてください。「15文字以内に短くして」「配色を提案して」など、具体的な条件を入れるほど使いやすくなります。

副業ブログを始めるならWordPressがおすすめ

アイキャッチを活かすためにも、ブログはWordPressで作るのが一番おすすめです。デザインの自由度が高く、アイキャッチも含めてブログ全体を自分好みに整えられます。

WordPressを始めるにはドメインとサーバーが必要です。僕はXServerドメインを使っています。国内最安値クラスで取得・更新でき、WordPressとの連携もスムーズです。