WordPressのアイキャッチ画像とは、ブログページ、アーカイブページ、ソーシャルメディアに投稿タイトルと並んで表示されるメイン画像のことです。最初に目にするものであり、それがシャープに見えれば、クリックされる可能性が高まります。
私はさまざまなテーマやサイトタイプで数百もの投稿にアイキャッチ画像を追加してきました。このガイドでは、アイキャッチ画像の追加、デザイン、最適化の方法をステップバイステップでご紹介します。
設定方法、高品質な画像の探し方、アイキャッチ画像が意図したとおりに表示されるようにする方法について、読み進めて学んでください。
WordPressのアイキャッチ画像とは？
WordPressのアイキャッチ画像、または投稿サムネイルとは、WordPressウェブサイト上の投稿またはページコンテンツを表す主要な画像のことです。投稿タイトルの上または下に配置され、ユーザーがクリックしてコンテンツを読むように促すティーザーのようなものです。
これらの画像は、サイトの魅力を高め、ユーザーエンゲージメントを向上させ、クリック率（CTR）を高めます。
アイキャッチ画像は、WordPressブログのホームページ、アーカイブページ、カスタム投稿タイプ、関連記事に表示されるだけでなく、All in One SEOのようなWordPress SEOプラグインを使用してソーシャルメディアプラットフォームでコンテンツを共有する際にも表示されます。
さらに、画像は検索エンジンの結果にフィーチャーされたスニペットとして表示されることもあります。これにより、オーガニック検索結果からウェブサイトへのトラフィックを増やすことができます。
ほとんどのWordPressテーマでアイキャッチ画像を設定できますが、サイズ、形状、レイアウトはテーマによって異なる場合があります。テーマが対応している場合、画像や寸法などをアップロードできるアイキャッチ画像セクションが表示されます。
それでは、WordPressサイトにアイキャッチ画像を追加する方法をステップバイステップで見ていきましょう。
WordPressでアイキャッチ画像または投稿サムネイルを追加する方法
WordPressの投稿にアイキャッチ画像を追加するには、WordPressダッシュボードから投稿 » 新規追加に移動します。既存の投稿を編集するには、編集をクリックします。
投稿のコンテンツエディター（ブロックエディターまたはGutenberg）に入ったら、右側にあるアイキャッチ画像パネルが表示されます。
次に、「アイキャッチ画像を設定」エリアをクリックする必要があります。これをクリックすると、WordPressメディアアップローダーがポップアップオーバーレイとして開きます。
そこから、2つのオプションがあります。
画像サムネイルをクリックして、WordPressメディアライブラリから既存の画像を選択できます。これにより画像が選択され、カスタムの代替テキスト、タイトル、キャプション、説明を入力できるようになります。
または、ファイルのアップロードタブをクリックして、コンピューターから画像をアップロードすることもできます。これにより、メディアライブラリに画像がアップロードされ、同様の説明やキャプションを入力できます。
デフォルトの画像を選択またはアップロードした後、アイキャッチ画像を設定ボタンをクリックするだけです。
WordPressには、右側のサイドバーに画像のプレビューが表示されるようになりました。
テーマによっては、画像サムネイルのサイズを調整したり、その他のカスタマイズオプションを選択したりできます。
このガイドでは、WordPressのTwenty Twenty-Threeテーマを使用しています。このテーマには、追加のアイキャッチ画像オプションはありません。
表示に満足したら、変更を保存できます。新しいアイキャッチ画像は、WordPressの投稿に自動的に表示されます。
アイキャッチ画像の設定チェックリスト：
- 高品質で関連性の高い画像を選択した
- 説明的な代替テキストを設定した
- テーマに合わせて寸法を確認した
- エディターで「アイキャッチ画像を設定」をクリックした
WordPressのアイキャッチ画像はどこで見つける？
次に、「アイキャッチ画像として使用する写真を見つけるにはどうすればよいですか？」という疑問が生じるかもしれません。
残念ながら、Google画像検索から画像を単純に取得したり、インターネット上のランダムな画像をスワイプしたりすることはできません。これらの画像のほとんどは著作権法で保護されているため、所有者の許可なしに使用すると著作権侵害の問題に直面する可能性があります。
優れたビジュアルを得るためにお金を費やす必要はありません。WordPressのアイキャッチ画像として使用できる写真を合法的にダウンロードできる無料の画像サイトがいくつかあります。
無料のアイキャッチ画像を見つけるのに最適な場所：
- Unsplash – 個人または商用利用のための、何千ものモダンで高解像度の画像。
- Pixabay – カテゴリとタグでソートされた大きな画像ライブラリ。
- New Old Stock – パブリックドメインソースからの無料ビンテージ写真アーカイブ。
また、無料のストックフォトをウェブサイトにインポートできるWordPressプラグインもいくつかあります。たとえば、SeedProd Proのユーザーは、強力なドラッグ＆ドロップページビルダーで使用できる200万点のストックフォトにアクセスできます。
WordPressサイトのアイキャッチ画像を作成する方法
場合によっては、ストックフォトではブログ記事を表現しきれないことがあります。コンテンツを効果的に説明するために、よりユニークでカスタムメイドのものが必要になる場合があります。
この状況では、無料ツールを使用してオリジナルの画像を作成できます。Canvaのような画像作成・編集ソフトウェアを使用すると、初心者でも簡単に、プロフェッショナルな見た目のグラフィックを作成・販売できます。
開始するには、アイキャッチ画像の寸法を見つける必要があります。これは通常、メインコンテンツ領域の幅です。
Chromeユーザーの場合、ブログ記事のコンテンツを右クリックして「検証」ツールを選択することで、WordPressのアイキャッチ画像のサイズを見つけることができます。
そこから、コードの行にカーソルを合わせると、プレビューでコンテンツ全体の幅がハイライト表示されます。
これで、コンテンツの寸法が表示されたツールチップが表示されるはずです。この場合、アイキャッチ画像の幅は約717ピクセルである必要があります。
次に、Canvaにログインします（無料アカウントで開始できます）。ダッシュボードからカスタムサイズアイコンをクリックします。
ポップアップパネルで、ブログを検証して見つけたコンテンツの幅を入力し、画像の高さを選択します。
通常、幅よりも小さい画像の高さを選択するのが最適ですが、これはブログ全体の見た目によって異なります。それが完了したら、新しいデザインを作成ボタンをクリックします。
Canvaは、デザイン用の空白のキャンバスを持つ新しいウィンドウを開きます。
そこから、多くの既製のテンプレートを選択し、WordPressのアイキャッチ画像に最適なデザインになるまでカスタマイズできます。
あとは、共有ボタンをクリックして画像をダウンロードするだけです。
WordPressのアイキャッチ画像を最適化する方法
画像をWordPressのアイキャッチ画像としてアップロードする前に、ファイルサイズを縮小し、正しくフォーマットすることをお勧めします。大きな画像はサイトの速度を著しく低下させる可能性があります。
WordPressのアイキャッチ画像に最適なファイルタイプ：
| フォーマット | 最適 |
|---|---|
| JPEG | 多くの色を持つ写真 |
| PNG | シャープな画像または透明度 |
| WebP | 高品質でファイルサイズが小さい |
| GIF | シンプルなアニメーション |
参考までに、ウェブ用の画像を最適化するためのヒントをいくつかご紹介します。
- 最適なファイル形式を選択してください：画像を保存する際は、正しいファイル形式で保存してください。多くの色を持つ写真にはJPEG、透明度やシャープな線を持つ画像にはPNG、短いアニメーションにはGIFを選択してください。
- 画像のサイズを小さくしてください：ウェブサイトのデザインに合わせて、フルサイズの画像のサイズを縮小してください。Photoshop、GIMP、またはオンラインのPixlrなどのツールを使用できます。
- 画像を圧縮してください：TinyPNGやJPEGminiなどの圧縮ツールを使用して、画像のファイルサイズを縮小してください。ロスレス圧縮は、品質を損なわずにサイズを縮小するためにPNGとGIFに最適です。ロッシー圧縮はわずかな品質低下がありますが、JPEGとWebPファイル形式に最適です。
これらの手順に従うことで、アイキャッチ画像を最適化し、WordPressウェブサイトを高速化できます。
画像が最適化されたら、WordPress管理画面に戻り、以前の説明に従ってWordPressにアイキャッチ画像として追加できます。
WordPressのアイキャッチ画像を削除する方法
特定のWordPressの投稿やページからアイキャッチ画像を置き換えたり削除したりしたい場合があります。これは、追加するのと同じくらい簡単です。
WordPressでアイキャッチ画像を削除するには、投稿またはページを編集します。次に、右側のサイドバーにある「アイキャッチ画像を削除」リンクをクリックします。
または、「画像を置き換える」ボタンをクリックしてメディアライブラリを開き、新しい画像を選択することもできます。
WordPressのアイキャッチ画像：よくある質問
アイキャッチ画像の推奨サイズは、WordPressのテーマやレイアウトによって異なります。ただし、ブログ投稿のアイキャッチ画像によく使用されるサイズは1200×628ピクセルです。
デフォルトでは、WordPressは投稿またはページごとに1つのアイキャッチ画像しか許可しません。ただし、必要に応じてプラグインを使用して追加のアイキャッチ画像を追加できます。
アイキャッチ画像が表示されない場合は、次のようないくつかの理由が考えられます。
- お使いのテーマがアイキャッチ画像をサポートしていない。
- 特定の投稿またはページにアイキャッチ画像が設定されていません。
- プラグインまたはカスタムコードとの競合があります。
- 画像ファイルが大きすぎるか、サポートされていない形式です。
問題を解決するには、テーマがアイキャッチ画像をサポートしていることを確認し、投稿またはページの設定を再確認し、プラグインまたはコードの競合をトラブルシューティングしてください。
SEOやソーシャルメディア共有のためにアイキャッチ画像を最適化するには、次のヒントに従ってください。
- 検索エンジンにコンテキストを提供するために、説明的なファイル名と代替テキストを使用してください。
- 最適な品質とファイルサイズのために適切な画像形式を選択してください。
- 品質を損なうことなくファイルサイズを縮小するために画像を圧縮してください。
- より良いソーシャルメディア共有プレビューのために、Open GraphおよびTwitter Cardメタデータを設定するには、All in One SEOのようなプラグインを使用してください。
アイキャッチ画像の場所は、テーマのデザインによって異なります。場所を変更するには、テーマのPHPテンプレートをカスタマイズするか、SeedProdのようなページビルダーを使用して、アイキャッチ画像の配置をより細かく制御できるカスタムレイアウトをデザインします。
私が構築するすべてのWordPressサイトでアイキャッチ画像をこのように使用しています。数回クリックするだけで済みますが、投稿の見栄えや、どれだけの人がクリックして読むかに大きな違いをもたらします。
サイトのカスタマイズを続けたいですか？次にこれを試してください。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
