アイキャッチ画像とは？ — 設定方法と効果的な使い方

> このページのURL: https://lite-word.com/manual/featured-image/

> こんな質問に答えます:
> - アイキャッチ画像って何？どこに表示されるの？
> - ブログ記事にサムネイル画像を設定したい
> - アイキャッチ画像のサイズはどのくらいがいいの？
> - SNSでシェアしたときに画像が表示されない

アイキャッチ画像とは🔊

アイキャッチ画像は、投稿や固定ページの「顔」となる代表画像のこと。英語では「Featured Image」と呼ばれる。

ひと言でいうと: 記事の内容を一目で伝えるための「看板画像」。ブログ一覧やSNSでシェアされたときに最初に目に入る画像がアイキャッチ画像。

アイキャッチ画像を設定することで、以下のメリットがある。

• クリック率が上がる — 魅力的な画像があると読者の目を引き、記事を読んでもらいやすくなる
• サイト全体の見栄えが良くなる — 記事一覧ページにサムネイルが表示され、プロフェッショナルな印象になる
• SNSでの拡散力が上がる — シェアされたときに画像付きで表示されるため、目立ちやすい

アイキャッチ画像が表示される場所🔊

アイキャッチ画像は、サイト内外のさまざまな場所で使われる。

> OGP画像とは: SNSでURLをシェアした時に自動的に表示される画像のこと。Open Graph Protocolの略。アイキャッチ画像がOGP画像として使われることが多い。

アイキャッチ画像の設定手順🔊

手順

1. 投稿または固定ページの編集画面を開く

   • 「投稿 > 投稿一覧」から編集したい記事を選ぶ。新規作成の場合は「投稿 > 新規投稿を追加」

2. 右サイドバーの「アイキャッチ画像」パネルを探す

   • 編集画面の右側サイドバーに「アイキャッチ画像」というパネルがある
   • 見つからない場合は、右上の歯車アイコンをクリックしてサイドバーを表示し、「投稿」タブを選択する

3. 「アイキャッチ画像を設定」をクリック

   • パネル内の「アイキャッチ画像を設定」をクリックすると、メディアライブラリが開く

4. 画像を選択する

   • 既存の画像を使う場合: メディアライブラリから使いたい画像をクリック
   • 新しい画像をアップロードする場合: 「ファイルをアップロード」タブをクリックし、パソコンから画像を選ぶ

5. 「アイキャッチ画像を設定」ボタンをクリック

   • 画像を選択したら、右下の「アイキャッチ画像を設定」ボタンをクリックして完了

6. 記事を更新（公開）する

   • 設定しただけでは反映されない。必ず「更新」または「公開」ボタンを押す

アイキャッチ画像を変更・削除する

• 変更する場合: サイドバーの「アイキャッチ画像」パネルに表示されている画像をクリックし、別の画像を選択する
• 削除する場合: 「アイキャッチ画像を削除」をクリックする

推奨サイズと比率🔊

アイキャッチ画像のサイズは、テーマやSNSの表示に影響する。以下を目安にするとよい。

なぜ1200 x 630pxなのか

• FacebookやX（Twitter）のOGP画像の推奨サイズが1200 x 630px
• この比率（約1.91:1）で作っておけば、SNSシェア時にきれいに表示される
• サイト内の一覧表示でも十分な解像度で表示される

> ポイント: 迷ったら「1200 x 630px」で作っておけば間違いない。

効果的なアイキャッチ画像のコツ🔊

良いアイキャッチ画像を作るためのポイントを紹介する。

1. テキストを入れて内容を伝える

画像の上に記事タイトルやキーワードをテキストとして入れると、一覧表示でも記事の内容が一目でわかる。ただし、文字を入れすぎると読みにくくなるため、短いキーワードに絞る。

2. ブランドカラーで統一感を出す

サイト全体で使っている色（ブランドカラー）をアイキャッチ画像にも取り入れると、一覧ページに統一感が生まれ、プロフェッショナルな印象になる。

3. 高品質な写真・イラストを使う

ぼやけた画像や低解像度の素材は避ける。無料の素材サイト（Unsplash、Pixabayなど）を活用すれば、高品質な写真を手に入れられる。

4. 暗すぎ・明るすぎを避ける

暗すぎる画像は目立たず、明るすぎる画像はテキストが読みにくくなる。適度なコントラストを意識する。テキストを入れる場合は、背景に半透明の帯を敷くと読みやすくなる。

5. 記事ごとに画像を変える

同じ画像を使い回すと、一覧ページで区別がつかなくなる。記事ごとに異なるアイキャッチ画像を用意する。

アイキャッチ画像の作成ツール🔊

デザインの経験がなくても、以下の無料ツールで簡単にアイキャッチ画像を作成できる。

> おすすめ: 初心者にはCanvaが最も使いやすい。「ブログバナー」や「YouTubeサムネイル」のテンプレートを選んで、テキストと画像を差し替えるだけで完成する。

よくあるトラブル🔊

アイキャッチを設定したのに表示されない

原因: テーマがアイキャッチ画像に対応していない、またはテーマ側で表示が無効になっている可能性がある。

対処法:

• 「外観 > カスタマイズ」でアイキャッチ画像の表示設定を確認する
• テーマの設定で「サムネイル表示」がオフになっていないか確認する
• キャッシュプラグインを使っている場合は、キャッシュをクリアしてみる

SNSでシェアしたら違う画像が出る

原因: OGP設定が正しくない、またはSNS側のキャッシュが古い画像を保持している。

対処法:

• SEOプラグイン（Yoast SEOやAll in One SEOなど）でOGP画像が正しく設定されているか確認する
• Facebookの場合はシェアデバッガーでURLを入力し、「もう一度スクレイピング」をクリックしてキャッシュを更新する
• X（Twitter）の場合はCard ValidatorでURLを確認する

画像が粗い・ぼやける

原因: 推奨サイズより小さい画像を使っている。WordPressが自動的に引き伸ばして表示するため、ぼやけて見える。

対処法:

• 推奨サイズ（1200 x 630px以上）の画像を使う
• 元の画像が小さい場合は、画像編集ツールで拡大するのではなく、大きいサイズの画像を用意し直す

アイキャッチ画像パネルが見つからない

原因: エディタのサイドバーが閉じている、または「投稿」タブではなく「ブロック」タブが選択されている。

対処法:

• 画面右上の歯車アイコンをクリックしてサイドバーを開く
• サイドバー上部の「投稿」タブ（固定ページの場合は「固定ページ」タブ）をクリックする
• 下にスクロールすると「アイキャッチ画像」パネルが見つかる

よくある質問🔊

Q. アイキャッチ画像を設定しないとどうなる？

記事一覧やSNSシェア時にデフォルトの画像（テーマに設定されている場合）が表示されるか、画像なしで表示される。見栄えやクリック率に影響するため、できるだけ設定することをおすすめする。

Q. 記事の中の画像とアイキャッチ画像は別物？

はい、別物。記事本文に挿入する画像とアイキャッチ画像は独立している。アイキャッチ画像は記事の「代表画像」として、一覧やSNSでの表示に使われる。記事本文に同じ画像を使いたい場合は、別途挿入する必要がある。

Q. 画像の著作権は大丈夫？

インターネット上の画像を無断で使うことは著作権違反になる可能性がある。以下の方法で安全に画像を用意する。

• 自分で撮影した写真を使う
• 無料素材サイト（Unsplash、Pixabay、ぱくたそ等）からダウンロードする
• Canvaなどのツールに含まれる素材を使う
• 有料の素材サイト（Shutterstock、Adobe Stock等）を利用する

Q. アイキャッチ画像はSEOに影響する？

直接的な順位要因ではないが、間接的に影響する。魅力的なアイキャッチ画像はクリック率を上げ、SNSでのシェアを促進し、結果的にアクセス数や被リンクの増加につながる。また、画像のalt属性を適切に設定することで画像検索からの流入も期待できる。

関連ページ🔊

• SEO対策とは？ — 初心者向けガイド — アイキャッチ画像のSEO効果をさらに詳しく
• SNS連携・OGP設定ガイド — SNSでのシェア表示を最適化する方法
• 表示速度の改善ガイド — 画像の最適化でサイトを高速化する方法

最終更新: 2026-03-17