WordPressのアイキャッチ画像とは？設定方法・最適サイズ・表示されない原因まで初心者向けに解説
はじめに
WordPressでブログ記事を作成するとき、「アイキャッチ画像は設定したほうがいいの？」「どのサイズで作ればいい？」「設定したのに表示されないのはなぜ？」と迷う方は多いのではないでしょうか。
アイキャッチ画像とは、記事の内容をひと目で伝えるための代表画像です。WordPressの管理画面では「Featured image」とも呼ばれ、テーマによってはトップページ、記事一覧、関連記事、SNS共有時などに表示されます。WordPress公式ドキュメントでも、アイキャッチ画像はテーマによって使われ方が異なり、多くのテーマではホームページやブログ一覧で記事を目立たせるために使われると説明されています。
この記事では、ワードプレスのアイキャッチ画像について、意味・設定方法・おすすめサイズ・作り方・表示されない原因・SEOやクリック率改善の考え方まで、初心者向けにわかりやすく解説します。
1. WordPressのアイキャッチ画像とは？
WordPressのアイキャッチ画像とは、投稿や固定ページに設定できる「そのページを代表する画像」のことです。
たとえば、ブログ記事一覧にタイトルと一緒に表示される画像、トップページの新着記事カードに表示される画像、関連記事のサムネイルとして出る画像などがアイキャッチ画像です。記事の第一印象を決める大切な要素なので、ブログ運営では本文やタイトルと同じくらい丁寧に設定したい部分です。
1-1. アイキャッチ画像の意味と役割
アイキャッチ画像には、主に次のような役割があります。
まず、記事の内容を視覚的に伝える役割です。読者は記事タイトルを読む前に画像を見ることも多いため、アイキャッチ画像がわかりやすいと「この記事は自分に関係がありそう」と判断しやすくなります。
次に、クリック率を高める役割があります。ブログのトップページやカテゴリーページでは、複数の記事が並びます。その中で目を引くアイキャッチ画像があると、読者に記事をクリックしてもらいやすくなります。
さらに、ブログ全体の雰囲気を整える役割もあります。アイキャッチ画像の色、文字、レイアウトを統一すると、サイトに一貫性が生まれ、読者に信頼感を与えやすくなります。
1-2. 記事内画像・サムネイル・OGP画像との違い
アイキャッチ画像と混同しやすいものに、記事内画像、サムネイル、OGP画像があります。
記事内画像は、本文中に挿入する画像です。手順説明のスクリーンショット、図解、写真など、本文の理解を助けるために使います。一方、アイキャッチ画像は本文中に入れる画像ではなく、投稿や固定ページに対して別枠で設定する代表画像です。
サムネイルは、小さく表示される縮小画像のことです。WordPressではアイキャッチ画像が記事一覧や関連記事で小さく表示されることが多く、その状態をサムネイルと呼ぶことがあります。つまり、サムネイルは「表示形式」、アイキャッチ画像は「設定する代表画像」と考えるとわかりやすいです。
OGP画像は、SNSで記事URLを共有したときに表示される画像です。SEOプラグインやSNS連携プラグインの設定によっては、アイキャッチ画像がそのままOGP画像として使われます。ただし、アイキャッチ画像とOGP画像を別々に設定できるテーマやプラグインもあります。
1-3. アイキャッチ画像が表示される主な場所
アイキャッチ画像が表示される場所は、使用しているWordPressテーマによって異なります。代表的な表示場所は以下です。
記事ページの上部、トップページの記事カード、カテゴリーページやタグページの記事一覧、検索結果ページ、関連記事、人気記事ランキング、サイドバーの新着記事、SNS共有時のカードなどです。
ただし、すべてのテーマで同じように表示されるわけではありません。テーマによっては記事ページ上部には表示されるが一覧ページには表示されない、逆に一覧ページには表示されるが記事本文上には表示されない、といった違いがあります。
1-4. WordPressブログでアイキャッチ画像が重要な理由
WordPressブログでアイキャッチ画像が重要なのは、読者の「読む・読まない」の判断に影響するからです。
検索結果から記事に訪れた読者は、まずタイトルや導入文を見ます。しかし、ブログ内を回遊している読者は、記事一覧や関連記事に並んだアイキャッチ画像を見て次に読む記事を選ぶことが多いです。画像がない記事や内容が伝わりにくい画像は、他の記事に比べて目立ちにくくなります。
また、SNSで記事がシェアされたときも、画像の印象は重要です。タイトルだけのリンクよりも、内容が伝わる画像付きのリンクのほうがクリックされやすくなります。特に、ノウハウ記事、レビュー記事、比較記事、まとめ記事では、アイキャッチ画像で「何がわかる記事なのか」を伝えることが大切です。
2. WordPressでアイキャッチ画像を設定する方法
WordPressでアイキャッチ画像を設定する方法は難しくありません。基本的には、投稿画面または固定ページの編集画面から「アイキャッチ画像」欄を開き、画像を選択またはアップロードするだけです。
ここでは、ブロックエディターを前提に手順を説明します。
2-1. 投稿画面からアイキャッチ画像を設定する手順
投稿にアイキャッチ画像を設定する手順は以下の通りです。
WordPress管理画面にログインし、「投稿」から「新規追加」または既存の記事の「編集」を開きます。編集画面の右上にある歯車アイコンをクリックし、右側の設定サイドバーを表示します。設定サイドバーで「投稿」タブを選び、「アイキャッチ画像」または「Featured image」の項目を探します。
「アイキャッチ画像を設定」をクリックすると、メディアライブラリが開きます。すでにアップロード済みの画像を選ぶか、新しい画像をアップロードします。画像を選択したら、「アイキャッチ画像を設定」ボタンを押します。
WordPress公式ドキュメントでも、アイキャッチ画像は設定サイドバーから画像をドラッグ＆ドロップするか、「Set featured image」からメディアライブラリを開いて選択できると説明されています。
最後に、記事を「更新」または「公開」すれば設定完了です。公開前にプレビューを確認し、記事上部や記事一覧でどのように表示されるか見ておきましょう。
2-2. 固定ページにアイキャッチ画像を設定する手順
固定ページでも、基本的な流れは投稿と同じです。
管理画面の「固定ページ」から「新規追加」または既存ページの「編集」を開きます。右側の設定サイドバーで「固定ページ」タブを選び、「アイキャッチ画像」の項目を開きます。「アイキャッチ画像を設定」をクリックし、メディアライブラリから画像を選びます。
ただし、固定ページではテーマによってアイキャッチ画像の扱いが大きく異なります。たとえば、会社概要ページやお問い合わせページではアイキャッチ画像が表示されないテーマもあります。一方、ランディングページやサービス紹介ページでは、ページ上部のメインビジュアルとして大きく表示されることもあります。
固定ページに設定した画像が表示されない場合は、テーマのページテンプレートやカスタマイザー設定も確認しましょう。
2-3. メディアライブラリから画像を選ぶ方法
アイキャッチ画像は、新しくアップロードするだけでなく、すでにWordPressにアップロード済みの画像から選ぶこともできます。
「アイキャッチ画像を設定」をクリックすると、メディアライブラリが開きます。ここには過去にアップロードした画像が一覧で表示されます。使いたい画像をクリックして選択し、必要に応じて代替テキスト、タイトル、キャプション、説明を入力します。
同じ画像を複数の記事で使うこともできますが、記事内容と合っていない画像を使い回すと読者に違和感を与えることがあります。できれば記事ごとに内容が伝わる画像を用意しましょう。
2-4. アップロード済みのアイキャッチ画像を変更・削除する方法
設定済みのアイキャッチ画像を変更したい場合は、投稿または固定ページの編集画面を開き、右側の「アイキャッチ画像」欄を確認します。
現在設定されている画像の下に「置換」または「画像を置換」のようなボタンが表示される場合は、そこから新しい画像を選びます。削除したい場合は「アイキャッチ画像を削除」をクリックします。WordPress公式ドキュメントでも、設定済みのアイキャッチ画像は「Replace」で置き換え、「Remove」で削除できるとされています。
画像を変更したのにサイト上で古い画像が表示される場合は、ブラウザキャッシュ、WordPressキャッシュ、CDNキャッシュ、SNS側のキャッシュが残っている可能性があります。後述するキャッシュの確認も行いましょう。
2-5. クラシックエディターで設定する場合の手順
クラシックエディターを使っている場合も、アイキャッチ画像は投稿編集画面から設定できます。
投稿編集画面の右側に「アイキャッチ画像」というボックスが表示されている場合は、「アイキャッチ画像を設定」をクリックし、画像を選択します。もし設定欄が見当たらない場合は、画面右上の「表示オプション」を開き、「アイキャッチ画像」にチェックが入っているか確認してください。
WordPressのテーマ開発者向けドキュメントでは、テーマがアイキャッチ画像に対応している場合、編集画面にアイキャッチ画像のメタボックスが表示され、見えない場合は画面オプションから有効化できると説明されています。
それでも表示されない場合は、テーマがアイキャッチ画像に対応していない、またはカスタム投稿タイプでアイキャッチ画像が無効になっている可能性があります。
3. WordPressのアイキャッチ画像におすすめのサイズ
WordPressのアイキャッチ画像に絶対的な正解サイズはありません。なぜなら、最適なサイズはテーマ、表示場所、SNSでの見え方、ブログのデザインによって変わるからです。
ただし、初心者が迷ったときは、横長の画像を用意しておくと多くのテーマで扱いやすくなります。
3-1. 一般的に使いやすい推奨サイズ
ブログ記事のアイキャッチ画像として使いやすいサイズは、1200×630px、1200×675px、1280×720pxあたりです。
1200×630pxは、SNS共有時のOGP画像としても使いやすいサイズです。Metaの開発者向けドキュメントでは、リンク共有画像は高解像度デバイスでの表示に向けて少なくとも1200×630pxが推奨されています。
1200×675pxや1280×720pxは、16:9の比率です。YouTubeサムネイルのような横長デザインに近く、ブログ記事一覧やカード型レイアウトでも扱いやすいです。
迷った場合は、まず「1200×630px」または「1200×675px」で統一するとよいでしょう。SNS共有を重視するなら1200×630px、ブログ内の見た目を重視するならテーマの推奨サイズに合わせるのがおすすめです。
3-2. ブログ・SNS共有で見切れにくい画像比率
アイキャッチ画像で重要なのは、サイズだけでなく比率です。
よく使われる比率には、1.91:1、16:9、4:3、1:1などがあります。SNS共有を意識するなら1.91:1に近い1200×630px、ブログのカード型デザインを意識するなら16:9の1200×675pxや1280×720pxが使いやすいです。
ただし、テーマやSNSによっては上下左右がトリミングされることがあります。そのため、文字や人物の顔など重要な要素は画像の端に置かず、中央寄りに配置しましょう。
特に文字入りアイキャッチを作る場合、端ぎりぎりに文字を置くと、スマホ表示やSNSカードで見切れることがあります。上下左右に余白を残し、中央にタイトルや重要なビジュアルを配置するのが安全です。
3-3. テーマによって最適サイズが異なる理由
WordPressのアイキャッチ画像の最適サイズは、テーマによって異なります。
テーマごとに、記事一覧のカードサイズ、記事ページ上部の画像幅、サイドバーの有無、関連記事のサムネイルサイズ、トップページのレイアウトが違うためです。同じ1200×630pxの画像でも、あるテーマではきれいに表示され、別のテーマでは上下が切れることがあります。
また、テーマ側で独自の画像サイズを生成している場合もあります。WordPressでは画像アップロード時に複数サイズの画像が自動生成され、テーマがその中から適切なサイズを呼び出すことがあります。
そのため、テーマの公式マニュアルに「推奨アイキャッチサイズ」が記載されている場合は、まずそのサイズに合わせるのが基本です。マニュアルがない場合は、実際に1枚設定して、記事ページ、記事一覧、スマホ表示、SNS共有時の見え方を確認しましょう。
3-4. 画像サイズが大きすぎる場合のデメリット
アイキャッチ画像のサイズが大きすぎると、ページ表示速度が遅くなる原因になります。
たとえば、横幅4000px以上の写真をそのままアップロードすると、ファイルサイズが数MBになることがあります。高画質に見えても、ブログ表示ではそこまで大きな画像は必要ないケースがほとんどです。
画像が重いと、ページの読み込みに時間がかかり、読者が離脱しやすくなります。特にスマホ回線では表示速度の影響が大きいため注意が必要です。
また、画像ファイルが増えるほどサーバー容量も圧迫します。過去記事を大量に作成しているブログでは、未圧縮の大きなアイキャッチ画像が積み重なり、バックアップや移行にも時間がかかることがあります。
3-5. 画像を軽量化・圧縮する方法
アイキャッチ画像は、アップロード前に適切なサイズへリサイズし、圧縮しておくのがおすすめです。
画像編集ツールで横幅を1200〜1600px程度に調整し、JPEG、PNG、WebPなど適切な形式で保存します。写真中心ならJPEGまたはWebP、文字や図形が多い画像ならPNGまたはWebPが使いやすいです。最近のWordPress環境ではWebPを扱えるケースも増えているため、表示速度を重視するならWebPも選択肢になります。
圧縮には、画像圧縮ツールやWordPressプラグインを使う方法があります。アップロード前に圧縮するなら、オンライン圧縮ツールやデザインツールの書き出し設定を使います。アップロード後にまとめて圧縮したい場合は、画像最適化プラグインを利用すると便利です。
ただし、圧縮しすぎると文字がにじんだり、画像が荒くなったりします。特に文字入りアイキャッチでは、圧縮後に文字が読みやすいか必ず確認しましょう。
4. アイキャッチ画像の作り方とデザインのコツ
アイキャッチ画像は、デザイン経験がなくても作れます。大切なのは、凝ったデザインにすることではなく、記事内容がひと目で伝わることです。
初心者は、毎回ゼロから作るのではなく、テンプレートを決めておくと効率的です。
4-1. 初心者でも作りやすいアイキャッチ画像の構成
初心者におすすめの構成は、「背景画像または背景色＋短い文字＋補助アイコン」のシンプルな形です。
たとえば、WordPressの操作解説記事なら、背景にパソコンや管理画面をイメージさせる写真を置き、中央に「アイキャッチ画像の設定方法」と入れます。必要に応じて、WordPressのロゴ風アイコン、画像アイコン、チェックマークなどを添えると内容が伝わりやすくなります。
デザインに慣れていないうちは、文字数を少なくすることが大切です。記事タイトルをそのまま全部入れると、文字が小さくなり読みにくくなります。アイキャッチ画像には、タイトルの要点だけを入れましょう。
たとえば、「WordPressのアイキャッチ画像とは？設定方法・最適サイズ・表示されない原因まで初心者向けに解説」というタイトルなら、画像内の文字は「WordPress アイキャッチ画像 完全ガイド」程度で十分です。
4-2. 記事内容がひと目で伝わる文字入れのコツ
文字入りアイキャッチを作るときは、読みやすさを最優先にします。
まず、文字は大きくします。スマホの小さな画面でも読めるように、細かい説明文は入れず、短い言葉に絞りましょう。
次に、背景と文字のコントラストを強くします。背景が明るい場合は濃い文字、背景が暗い場合は明るい文字にすると読みやすくなります。写真の上に文字を置く場合は、半透明の帯や図形を重ねると文字が見やすくなります。
また、強調したいキーワードだけ色や太さを変えるのも効果的です。ただし、色を使いすぎると統一感がなくなるため、基本色は2〜3色に抑えるとよいでしょう。
4-3. Canvaなどのデザインツールを使う方法
初心者がアイキャッチ画像を作るなら、Canvaなどのデザインツールを使うと便利です。
Canvaにはブログバナー、YouTubeサムネイル、SNS投稿用画像などのテンプレートが用意されています。テンプレートを選び、文字と画像を差し替えるだけで、見栄えのよいアイキャッチ画像を作れます。
作成するときは、最初にサイズを決めます。たとえば1200×630pxまたは1200×675pxでキャンバスを作り、ブログ用のテンプレートとして保存しておきます。毎回同じサイズとレイアウトで作れば、記事一覧に並んだときに統一感が出ます。
Canva以外にも、Adobe Express、Figma、Photoshop、PowerPoint、Googleスライドなどでも作成できます。大切なのはツールの種類ではなく、自分が継続して使いやすい方法を選ぶことです。
4-4. フリー素材を使うときの注意点
フリー素材を使うときは、必ず利用規約を確認しましょう。
「無料」と書かれていても、商用利用が禁止されている場合、クレジット表記が必要な場合、加工が制限されている場合があります。ブログを収益化している場合は、商用利用に該当する可能性があるため特に注意が必要です。
また、人物写真を使う場合は、モデルリリースの有無にも注意しましょう。人物の顔がはっきり写っている画像を使うと、テーマによっては記事内容と関係のない印象を与えてしまうこともあります。
フリー素材をそのまま使うと、他のサイトと似た印象になることがあります。背景写真として使い、上に文字や図形を重ねるなど、自分のブログらしい加工を加えると差別化しやすくなります。
4-5. クリックされやすいアイキャッチ画像のポイント
クリックされやすいアイキャッチ画像には、いくつか共通点があります。
まず、記事のテーマがすぐにわかります。WordPressの設定記事なら「WordPress」「設定方法」「初心者向け」など、読者が知りたい内容に近い言葉が入っています。
次に、見た目がシンプルです。情報を詰め込みすぎず、目立たせたい言葉がはっきりしています。背景、文字、装飾のバランスがよく、スマホでも読みやすいことが大切です。
さらに、ブログ全体で統一感があります。色、フォント、余白、文字配置がそろっていると、読者は「このブログの記事だ」と認識しやすくなります。結果として、リピーターに安心感を与えやすくなります。
5. WordPressでアイキャッチ画像が表示されない原因と対処法
WordPressでアイキャッチ画像を設定したのに表示されない場合、原因はいくつか考えられます。
「設定欄がない」「投稿画面では設定できるがサイトに出ない」「記事ページには出るが一覧に出ない」「SNSで表示されない」など、状況によって確認すべきポイントが異なります。
5-1. 投稿画面にアイキャッチ画像の設定欄がない
投稿画面にアイキャッチ画像の設定欄がない場合は、まず右上の歯車アイコンをクリックし、設定サイドバーが表示されているか確認しましょう。ブロックエディターでは、設定サイドバーが閉じているとアイキャッチ画像欄も見えません。
次に、サイドバーで「投稿」または「固定ページ」タブを選んでいるか確認します。ブロックを選択していると「ブロック」タブが表示されているため、ページ全体の設定ではなくブロック設定を見ている可能性があります。
クラシックエディターの場合は、画面右上の「表示オプション」から「アイキャッチ画像」にチェックが入っているか確認します。
それでも表示されない場合は、テーマやカスタム投稿タイプがアイキャッチ画像に対応していない可能性があります。
5-2. テーマがアイキャッチ画像に対応していない
WordPressでは、テーマがアイキャッチ画像機能に対応していないと、編集画面に設定欄が表示されないことがあります。
テーマ側では、アイキャッチ画像を使うために「Post Thumbnails」への対応が必要です。WordPressの開発者向けドキュメントでは、テーマがPost Thumbnailsを有効化することで、編集画面でアイキャッチ画像を設定できるようになると説明されています。
初心者の場合、テーマファイルを直接編集するよりも、まずはテーマの設定画面や公式マニュアルを確認しましょう。無料テーマや古いテーマを使っている場合は、アイキャッチ画像に対応した新しいテーマへ変更するのも一つの方法です。
子テーマや自作テーマを使っている場合は、functions.phpでアイキャッチ画像のサポートが有効になっているか確認する必要があります。
5-3. プラグインの影響で表示されない
アイキャッチ画像が表示されない原因として、プラグインの影響も考えられます。
特に、画像最適化プラグイン、キャッシュプラグイン、遅延読み込みプラグイン、SEOプラグイン、テーマ拡張プラグインなどが表示に影響することがあります。プラグインの設定によっては、画像URLの書き換え、WebP変換、Lazy Load、OGP出力などがうまく動作しない場合があります。
原因を切り分けるには、一時的に関連しそうなプラグインを停止し、アイキャッチ画像が表示されるか確認します。ただし、本番サイトで急に停止すると表示崩れが起きることもあるため、可能であればバックアップを取ったうえで行いましょう。
複数のプラグインを一度に停止すると原因がわかりにくくなるため、1つずつ確認するのがおすすめです。
5-4. キャッシュが原因で変更が反映されない
アイキャッチ画像を変更したのに古い画像が表示される場合は、キャッシュが原因かもしれません。
キャッシュとは、ページや画像を一時保存して表示を速くする仕組みです。便利な機能ですが、画像を変更した直後は古いデータが残り、新しいアイキャッチ画像が反映されないことがあります。
確認すべきキャッシュには、ブラウザキャッシュ、WordPressキャッシュプラグインのキャッシュ、サーバーキャッシュ、CDNキャッシュ、SNS側のキャッシュがあります。
まずはブラウザをシークレットウィンドウで開く、別の端末で確認する、キャッシュプラグインの「キャッシュ削除」を実行するなどを試してください。SNSで古い画像が出る場合は、各SNSのデバッグツールで再取得する必要があることもあります。
5-5. トップページや記事一覧に表示されない
記事ページではアイキャッチ画像が表示されるのに、トップページや記事一覧に表示されない場合は、テーマ設定を確認しましょう。
テーマによっては、記事一覧でアイキャッチ画像を表示するかどうかを選べる設定があります。「外観」→「カスタマイズ」や、テーマ独自の設定画面に「サムネイル表示」「記事一覧の画像表示」「カード型レイアウト」などの項目がないか確認してください。
また、トップページを固定ページにしている場合、通常の投稿一覧とは別のテンプレートが使われていることがあります。その場合、トップページ用のブロックやウィジェット設定でアイキャッチ画像の表示が無効になっている可能性もあります。
5-6. SNSでアイキャッチ画像が表示されない
SNSでアイキャッチ画像が表示されない場合は、OGP設定を確認します。
OGPとは、SNSなどでURLが共有されたときに、タイトル、説明文、画像などを正しく表示するための情報です。WordPress本体だけでなく、SEOプラグインやSNS連携プラグインがOGPを出力していることが多いです。
まず、SEOプラグインでOGP設定が有効になっているか確認しましょう。次に、記事ごとにSNS用画像が別設定されていないか確認します。アイキャッチ画像を設定していても、プラグイン側で別のOGP画像が指定されていると、そちらが優先されることがあります。
また、SNS側に古い画像がキャッシュされている場合もあります。Facebookの場合はシェアデバッガーなどを使ってURLを再取得すると、最新のOGP画像が反映されることがあります。
6. アイキャッチ画像のサイズや表示が崩れるときの直し方
アイキャッチ画像を設定できても、「画像が切れる」「ぼやける」「大きすぎる」「スマホで見づらい」などの問題が起こることがあります。
多くの場合、画像サイズ、比率、テーマ設定、WordPressのメディア設定のいずれかを見直すことで改善できます。
6-1. 画像がトリミングされる原因
アイキャッチ画像がトリミングされる主な原因は、画像の比率と表示枠の比率が合っていないことです。
たとえば、1200×630pxの画像を正方形のサムネイル枠に表示すると、左右または上下が切り取られます。逆に、縦長の画像を横長のカードに表示すると、上下が大きく切れることがあります。
トリミングを完全に避けるには、テーマが指定している推奨比率に合わせて画像を作る必要があります。どうしても複数の場所で使い回す場合は、重要な文字や人物の顔を中央に配置し、端に余白を持たせましょう。
6-2. 画像がぼやける・荒くなる原因
アイキャッチ画像がぼやける場合は、表示サイズに対して元画像が小さすぎる可能性があります。
たとえば、横幅600pxの画像を記事上部で横幅1200px相当に拡大表示すると、画像がぼやけて見えます。特に文字入り画像では、文字の輪郭がにじみやすくなります。
対策として、アイキャッチ画像は表示サイズより少し大きめに作成しましょう。一般的なブログであれば、横幅1200px以上で作成しておくと扱いやすいです。
一方で、大きすぎる画像をアップロードしても表示速度に悪影響が出ます。高画質と軽さのバランスを考え、必要以上に巨大な画像は避けましょう。
6-3. 画像が大きすぎる・小さすぎる場合の調整方法
画像が大きすぎる場合は、テーマ設定またはカスタムCSSで表示サイズを調整できることがあります。まずは「外観」→「カスタマイズ」やテーマ独自の設定画面を確認し、アイキャッチ画像の表示サイズ、記事上部画像の表示、サムネイル比率などの項目を探しましょう。
画像が小さすぎる場合は、元画像のサイズを大きくして再アップロードするのが基本です。WordPress上で無理に引き伸ばすと画質が悪くなるため、元データから適切なサイズで作り直すことをおすすめします。
また、過去にアップロードした画像のサムネイルサイズが古い設定のままになっている場合は、サムネイル再生成プラグインで画像サイズを作り直すと改善することがあります。
6-4. WordPressのメディア設定を確認する
WordPressには、画像サイズを管理するメディア設定があります。
管理画面の「設定」→「メディア」を開くと、サムネイルサイズ、中サイズ、大サイズの幅や高さを設定できます。WordPress公式ドキュメントでも、メディア設定では投稿やページ本文に画像を挿入するときに使う最大寸法を指定でき、サムネイル・中サイズ・大サイズの設定があると説明されています。
ただし、テーマが独自の画像サイズを使っている場合、メディア設定だけではアイキャッチ画像の表示が変わらないこともあります。そのため、メディア設定は基本確認として見つつ、テーマ側の設定もあわせて確認しましょう。
6-5. テーマ設定やカスタマイザーで表示サイズを調整する
アイキャッチ画像の表示サイズは、テーマのカスタマイザーで調整できる場合があります。
「外観」→「カスタマイズ」を開き、「投稿ページ」「アーカイブページ」「ブログ設定」「記事一覧」「サムネイル」などの項目を確認します。テーマによっては、アイキャッチ画像の表示・非表示、画像比率、角丸、余白、カードデザインなどを変更できます。
ブロックテーマを使っている場合は、サイトエディターでテンプレートを編集し、投稿テンプレートやクエリーループ内のアイキャッチ画像ブロックを調整することもあります。
初心者の場合は、いきなりCSSを編集するよりも、まずテーマの標準機能で変更できないか確認しましょう。
7. アイキャッチ画像をSEO・クリック率改善に活かすポイント
アイキャッチ画像そのものが検索順位を直接大きく上げるわけではありません。しかし、クリック率、回遊率、SNSでの見え方、ページの印象には大きく関わります。
また、画像のファイル名やalt属性、表示速度の最適化は、画像SEOやユーザー体験の改善にもつながります。
7-1. 検索結果やSNSでクリックされやすくする考え方
検索結果では、通常のテキスト検索においてアイキャッチ画像が常に大きく表示されるわけではありません。しかし、Google Discover、画像検索、SNS共有、ブログ内の記事一覧など、画像がクリックに影響する場面は多くあります。
クリックされやすくするには、読者が記事を読むメリットを画像から感じ取れることが大切です。たとえば「設定方法」「比較」「チェックリスト」「初心者向け」「失敗例」など、記事の価値が伝わる言葉を入れると、読者は内容をイメージしやすくなります。
ただし、煽りすぎた表現や記事内容と違う画像は逆効果です。クリックされても、読者が期待した内容と違えばすぐに離脱されてしまいます。
7-2. 記事タイトルと画像内容を一致させる
アイキャッチ画像は、記事タイトルと内容を一致させることが大切です。
たとえば、タイトルが「WordPressのアイキャッチ画像の設定方法」なのに、画像が抽象的な風景写真だけでは、何の記事なのか伝わりにくくなります。反対に、画像内に「WordPress アイキャッチ設定」と入っていれば、読者は記事内容をすぐ理解できます。
特に、ノウハウ記事では「何ができるようになる記事なのか」を画像で示すと効果的です。レビュー記事なら商品写真、比較記事なら比較表風のデザイン、手順記事なら画面イメージや番号付きのデザインが向いています。
7-3. 画像のalt属性は設定すべきか
アイキャッチ画像にも、できればalt属性を設定しましょう。
alt属性は、画像の内容をテキストで説明する情報です。画像が表示されない場合や、スクリーンリーダーを利用するユーザーにとって役立ちます。また、Googleは画像の内容理解にページ内のテキスト、キャプション、画像タイトル、altテキストなどを利用すると説明しています。
ただし、alt属性にキーワードを詰め込みすぎるのは避けましょう。「ワードプレス アイキャッチ WordPress アイキャッチ画像 設定 サイズ SEO」のような不自然な文章ではなく、「WordPressのアイキャッチ画像の設定方法を説明する図」のように、画像の内容を自然に説明するのが基本です。
装飾目的だけの画像であれば、無理に長いaltを入れる必要はありません。読者や検索エンジンが画像内容を理解しやすくなるかを基準に考えましょう。
7-4. ページ表示速度を落とさない画像運用
アイキャッチ画像は目立つ場所に表示されるため、ページ表示速度に影響しやすいです。
表示速度を落とさないためには、画像を適切なサイズにリサイズする、圧縮する、必要に応じてWebPを使う、遅延読み込みを活用する、といった対策が有効です。web.devでは、画像の遅延読み込みにより、表示領域に近づくまで画像のダウンロードを遅らせ、帯域を節約できると説明されています。
ただし、記事の最上部に表示されるメインのアイキャッチ画像は、遅延読み込みの対象にすると表示が遅く感じられる場合もあります。ファーストビューに出る画像は軽量化を優先し、本文下部の画像は遅延読み込みを活用するなど、表示位置に応じて考えるとよいでしょう。
7-5. 統一感のあるデザインでブログの信頼感を高める
アイキャッチ画像のデザインを統一すると、ブログ全体の信頼感が高まります。
たとえば、背景色、文字色、フォント、配置、余白、装飾パーツをある程度そろえると、記事一覧が整って見えます。読者にとっても、どの記事が同じブログ内の記事なのか認識しやすくなります。
特に、専門ブログや企業ブログでは統一感が重要です。記事ごとにデザインが大きく違うと、サイト全体が雑に見えることがあります。最初にテンプレートを作り、カテゴリごとに色を変える程度にすると、運用しやすくなります。
8. WordPressのアイキャッチ画像に関するよくある質問
最後に、WordPressのアイキャッチ画像について初心者が疑問に感じやすいポイントをまとめます。
8-1. アイキャッチ画像は必ず設定したほうがいい？
基本的には設定したほうがよいです。
アイキャッチ画像がないと、記事一覧や関連記事で画像なしの表示になり、他の記事に比べて目立ちにくくなります。また、SNSで共有されたときに意図しない画像が表示されたり、画像なしのカードになったりすることもあります。
ただし、すべての記事で凝った画像を作る必要はありません。最初はシンプルなテンプレートを用意し、記事タイトルの要点だけを入れる形でも十分です。継続しやすい運用を優先しましょう。
8-2. アイキャッチ画像と本文の最初の画像は同じでいい？
同じでも問題ありません。
ただし、役割は少し違います。アイキャッチ画像は記事の代表画像で、記事一覧やSNS共有で使われることが多いです。本文の最初の画像は、記事内容を補足するための画像です。
手順解説記事では、アイキャッチ画像はタイトル入りのバナーにし、本文の最初の画像は実際の操作画面にするなど、目的に合わせて使い分けるとわかりやすくなります。
8-3. アイキャッチ画像を一括設定・変更できる？
プラグインを使えば、アイキャッチ画像を一括設定・変更できる場合があります。
たとえば、過去記事にアイキャッチ画像が設定されていない場合、本文内の最初の画像を自動でアイキャッチに設定するプラグインや、投稿一覧から画像をまとめて設定できるプラグインがあります。
ただし、一括処理は意図しない画像が設定されるリスクもあります。実行前に必ずバックアップを取り、少数の記事でテストしてから全体に適用しましょう。
8-4. アイキャッチ画像を非表示にできる？
できます。
非表示にする方法はテーマによって異なります。テーマ設定で「投稿ページのアイキャッチ画像を表示しない」といった項目が用意されている場合は、そこから変更できます。
テーマに設定がない場合は、CSSで非表示にする、テンプレートを編集する、子テーマでカスタマイズするなどの方法があります。ただし、CSSで非表示にしても画像自体は読み込まれている場合があり、表示速度の改善にはつながらないこともあります。
記事ページでは非表示にしつつ、記事一覧やSNSでは使いたい場合もあります。その場合は、テーマ設定で表示場所ごとに制御できるか確認しましょう。
8-5. 過去記事のアイキャッチ画像は見直すべき？
定期的に見直すのがおすすめです。
特に、アクセスが多い記事、検索順位が高い記事、SNSでよくシェアされる記事、収益につながる記事は、アイキャッチ画像を改善する価値があります。
古いデザインの画像、文字が小さくて読みにくい画像、記事内容と合っていない画像、サイズがバラバラな画像は、ブログ全体の印象を下げることがあります。過去記事をリライトするときに、タイトルや本文だけでなくアイキャッチ画像も一緒に見直しましょう。
まとめ
WordPressのアイキャッチ画像は、記事の第一印象を決める大切な代表画像です。記事一覧、トップページ、関連記事、SNS共有など、さまざまな場所で表示されるため、ブログのクリック率や回遊率にも影響します。
設定方法は、投稿または固定ページの編集画面から「アイキャッチ画像」を選び、メディアライブラリで画像を指定するだけです。初心者でも簡単に設定できますが、テーマによって表示場所や最適サイズが異なる点には注意しましょう。
サイズに迷った場合は、1200×630pxまたは1200×675pxの横長画像から始めるのがおすすめです。SNS共有を重視するなら1200×630px、ブログ内の見た目を重視するならテーマの推奨サイズに合わせましょう。
アイキャッチ画像が表示されないときは、設定欄の表示、テーマ対応、プラグイン、キャッシュ、OGP設定、テーマカスタマイザーを順番に確認すると原因を見つけやすくなります。
また、SEOやクリック率改善のためには、記事内容と一致した画像を作ること、alt属性を自然に設定すること、画像を軽量化して表示速度を落とさないことが大切です。
ワードプレスのアイキャッチ画像は、ただの飾りではありません。読者に記事の価値を伝え、ブログ全体の印象を整える重要な要素です。まずはテンプレートを1つ作り、見やすく統一感のあるアイキャッチ画像を継続して設定していきましょう。