WordPressのフィーチャー画像は、ブログページ、アーカイブページ、ソーシャルメディアで記事タイトルの横に表示されるメイン画像です。人々が最初に目にするものであり、シャープに見えるとクリックされる可能性が高くなります。
私はこれまで、テーマやサイトの種類を問わず、何百もの記事にフィーチャー画像を追加してきました。このガイドでは、画像を追加し、デザインし、最適化する方法を順を追って説明します。
設定方法、高画質な画像の入手先、そして、実際にフィーチャー画像を思い通りに表示させる方法については、このまま読み進めてください。
WordPressのFeatured Imageとは？
WordPressのフィーチャー画像、または投稿サムネイルは、WordPressウェブサイトの投稿やページのコンテンツを表す主要な画像です。投稿タイトルの上または下に表示されるティーザーのようなもので、ユーザーをクリックしてコンテンツを読むように誘います。
これらの画像はサイトの魅力を高め、ユーザーエンゲージメントを向上させ、クリックスルー率（CTR）を高めます。
注目の投稿画像は、WordPressブログのホームページ、アーカイブページ、カスタム投稿タイプ、関連記事に表示されるだけではありません。All in One SEOのようなWordPress SEOプラグインを使ってソーシャルメディアでコンテンツを共有する際にも表示されます。
さらに、画像は検索エンジンの検索結果にフィーチャー・スニペットとして表示されます。これは、オーガニック検索結果からウェブサイトへのトラフィックを促進するのに役立ちます。
ほとんどのWordPressテーマでは、特集画像を設定することができますが、サイズ、形、レイアウトはテーマによって異なる場合があります。お使いのテーマが対応していれば、画像をアップロードしたり、サイズを設定したりできる特集画像セクションが表示されます。
それでは、WordPressサイトにフィーチャー画像を追加する方法をステップ・バイ・ステップで見ていきましょう。
- WordPressで注目画像や投稿サムネイルを追加する方法
- WordPressのフィーチャー画像はどこで探す？
- WordPressサイトのフィーチャー画像の作成方法
- WordPressのフィーチャー画像を最適化する方法
WordPressで注目画像や投稿サムネイルを追加する方法
WordPressの投稿にフィーチャー画像を追加するには、WordPressのダッシュボードから投稿 " 新規追加にアクセスしてください。また、既存の投稿を編集することもできます。
投稿のコンテンツエディター（ブロックエディターまたはGutenberg）に入ると、右側に注目画像パネルが表示されます。
次に、「Set featured image」エリアをクリックする必要があります。そうすることで、WordPressのメディアアップローダーがポップアップで表示されます。
そこから2つの選択肢がある。
画像のサムネイルをクリックすると、WordPressのメディアライブラリから既存の画像を選択できます。これで画像が選択され、カスタムのaltテキスト、タイトル、キャプション、説明を入力できるようになります。
また、「ファイルのアップロード」タブをクリックし、パソコンから画像をアップロードすることもできます。アップロードされた画像はメディアライブラリに保存され、同様の説明やキャプションを入力することができます。
デフォルト画像をアップロードまたは選択したら、[注目画像を設定]ボタンをクリックします。
WordPressは右側のサイドバーに画像のプレビューを表示します。
お使いのテーマに応じて、画像のサムネイルサイズを調整したり、その他のカスタマイズオプションを選択することができます。
このガイドでは、WordPressのTwenty Twenty-Threeテーマを使用します。Twenty Twenty-Threeテーマには、特集画像の追加オプションはありません。
外観に満足したら、変更を保存すれば、新しいフィーチャー画像がWordPressの投稿に自動的に表示されます。
注目画像のセットアップ・チェックリスト
- 高品質で適切な画像を選ぶ
- 説明的なaltテキストを設定する
- テーマに合わせて寸法をチェック
- エディターで「特集画像を設定」をクリック
WordPressのフィーチャー画像はどこで探す？
次の質問は、フィーチャー画像として使用する写真はどこで見つけることができるのか、というものだ。
残念ながら、Googleの画像検索から画像や写真を取り込んだり、インターネットから適当に画像をスワイプしたりすることはできません。これらの画像のほとんどは著作権法によって保護されているため、所有者の許可なく使用すると著作権侵害の問題に直面する可能性があります。
素晴らしいビジュアルを手に入れるためにお金を使う必要はありません。WordPressのフィーチャー画像として使用する写真を合法的にダウンロードできる無料の画像サイトがいくつかあります。
フリー画像検索トップ
- アンスプラッシュ- 個人または商用利用が可能な、何千枚ものモダンな高解像度画像。
- ピクシブ- カテゴリーとタグで分類された大きな画像ライブラリ。
- 新旧ストック- パブリックドメインからの無料ヴィンテージ写真アーカイブ。
無料のストックフォトをウェブサイトにインポートできるWordPressプラグインもいくつかある。例えば、SeedProd Proのユーザーは、200万枚のストックフォトにアクセスし、そのパワフルなドラッグ＆ドロップページビルダーで使用することができます。
WordPressサイトのフィーチャー画像の作成方法
ブログ記事を表現するのに、ストックフォトでは不十分な場合があります。あなたのコンテンツを本当に表現するためには、もっとユニークなものやカスタムメイドのものが必要かもしれません。
そんなときは、無料のツールを使ってオリジナルの画像を作ってみましょう。Canvaのような画像作成・編集ソフトを使えば、初心者でも簡単にプロ並みのグラフィックを素早く作成し、販売することもできる。
はじめに、特集画像のサイズを確認します。これは通常、メインコンテンツ領域の幅です。
Chromeユーザーであれば、ブログ記事のコンテンツを右クリックして「検査」ツールを選択することで、WordPressのフィーチャー画像のサイズを調べることができます。
そこから、プレビューでコンテンツ全体の幅が強調表示されるまで、コードの行にカーソルを合わせる。
これで、コンテンツの寸法を示すツールチップが表示されるはずです。この場合、画像の幅は717ピクセルになります。
次に、Canvaにログインし（無料アカウントで始められます）、ダッシュボードからカスタムサイズのアイコンをクリックします。
ポップアップ・パネルで、ブログで調べたコンテンツの幅を入力し、画像の高さを選択します。
通常、画像の高さは幅より小さいものを選ぶのがベストですが、これはブログ全体のルック＆フィールによります。それができたら、「新しいデザインを作成」ボタンをクリックします。
Canvaは、あなたのデザインのための白紙のキャンバスで新しいウィンドウを開きます。
そこから、あらかじめ用意された多くのテンプレートから選択し、WordPressのフィーチャー画像のための魅力的なデザインができるまでカスタマイズすることができます。
あとは共有ボタンをクリックして画像をダウンロードするだけです。
WordPressのフィーチャー画像を最適化する方法
WordPressのフィーチャー画像として画像をアップロードする前に、ファイルサイズを縮小し、正しくフォーマットすることをお勧めします。大きな画像はサイトの表示速度を低下させます。
WordPressのフィーチャー画像に最適なファイルタイプ
| フォーマット | 最適 |
|---|---|
| ジェイペグ | 色彩豊かな写真 |
| PNG | シャープな画像または透明度 |
| ウェブピー | 高品質でファイルサイズが小さい |
| ギフ | シンプルなアニメーション |
そこで、ウェブ用に画像を最適化するためのヒントをいくつかご紹介しましょう：
- 最適なファイル形式を選ぶ画像を保存する際は、正しいファイル形式で保存しましょう。色数の多い写真にはJPEG、透明度やシャープな線のある画像にはPNG、小さなアニメーションにはGIFを選びましょう。
- 画像を小さくする：ウェブサイトのデザインに合わせて、フルサイズの画像を縮小しましょう。Photoshop、GIMP、Pixlrなどのツールをオンラインで利用できます。
- 画像を圧縮する： TinyPNGやJPEGminiなどの圧縮ツールを使って画像のファイルサイズを小さくしましょう。ロスレス圧縮はPNGやGIFに最適で、画質を落とさずにサイズを小さくできます。非可逆圧縮は若干画質が落ちますが、JPEGやWebPファイル形式に最適です。
これらのステップに従うことで、特集画像を最適化し、WordPressウェブサイトを高速化することができます。
画像が最適化されたら、WordPressの管理画面に戻り、先ほどの指示に従って、WordPressに特集画像として追加します。
WordPressのFeatured Imageを削除する方法
WordPressの特定の投稿やページのフィーチャー画像を置き換えたり、削除したい場合があります。この作業は、画像を追加するのと同じくらい簡単です。
WordPressでフィーチャー画像を削除するには、投稿またはページを編集します。次に、右側のサイドバーで「特集画像を削除する」リンクをクリックします。
また、［画像の置き換え］ボタンをクリックすると、メディアライブラリが開き、新しい画像を選択することもできます。
WordPress Featured Image：よくある質問
特集画像の推奨サイズは、WordPressのテーマやレイアウトによって異なります。しかし、ブログ記事のフィーチャー画像の一般的なサイズは1200×628ピクセルです。
デフォルトでは、WordPressは1つの投稿またはページに1つのフィーチャー画像しか許可していません。しかし、必要に応じてプラグインを使用することで、特集画像を追加することができます。
フィーチャー画像が表示されない場合、以下のような原因が考えられます：
- テーマがフィーチャー画像に対応していません。
- 特定の投稿やページにフィーチャー画像を設定していない。
- プラグインまたはカスタムコードと競合しています。
- 画像ファイルが大きすぎるか、サポートされていない形式です。
この問題を解決するには、お使いのテーマがフィーチャー画像に対応していることを確認し、投稿やページの設定を再確認し、プラグインやコードの競合をトラブルシューティングしてください。
SEOとソーシャルメディア共有のためにフィーチャー画像を最適化するには、以下のヒントに従いましょう：
- 検索エンジンにコンテキストを提供するために、説明的なファイル名とaltテキストを使用します。
- 最適な画質とファイルサイズを得るために、適切な画像フォーマットを選択します。
- 画質を犠牲にすることなくファイルサイズを小さくするために画像を圧縮します。
- All in One SEOのようなプラグインを使ってOpen GraphやTwitter Cardのメタデータを設定し、より良いソーシャルメディア共有プレビューを実現しよう。
フィーチャー画像の位置はテーマのデザインに依存します。位置を変更するには、テーマのPHPテンプレートをカスタマイズするか、SeedProdのようなページビルダーを使用して、特集画像の配置をよりコントロールできるカスタムレイアウトをデザインします。
私が構築するすべてのWordPressサイトでは、このように特集画像を使用している。数回クリックするだけで、記事の見栄えが大きく変わり、多くの人がクリックして記事を読むようになる。
サイトのカスタマイズを続けたいですか？次はこれらを試してみてください：
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
