シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

ワードプレスのフィーチャー画像

WordPressに注目画像を追加する手順 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー reviewer avatar Turner John
reviewer avatar Turner John
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WordPressの記事をもっと魅力的なものにしたいのに、WordPressのフィーチャー画像の設定に戸惑っていませんか?

フィーチャー画像は、注目を集め、より多くの人にブログ記事を読んでもらうための優れた方法です。しかし、フィーチャー画像はどのように機能し、WordPressサイトに追加するにはどのような手順があるのでしょうか?

このガイドでは、投稿やページに美しいサムネイルを追加するために、WordPressの特集画像設定を使用する方法を紹介します。

WordPressのFeatured Imageとは?

WordPressのフィーチャー画像、または投稿サムネイルは、WordPressウェブサイトの投稿やページのコンテンツを表す主要な画像です。投稿タイトルの上または下に表示されるティーザーのようなもので、ユーザーをクリックしてコンテンツを読むように誘います。

WordPressのフィーチャー画像の例

これらの画像はサイトの魅力を高め、ユーザーエンゲージメントを向上させ、クリックスルー率(CTR)を高めます。

注目の投稿画像は、WordPressブログのホームページ、アーカイブページ、カスタム投稿タイプ、関連記事に表示されるだけではありません。All in One SEOのようなWordPress SEOプラグインを使ってソーシャルメディアでコンテンツを共有する際にも表示されます。

さらに、画像は検索エンジンの検索結果にフィーチャー・スニペットとして表示されます。これは、オーガニック検索結果からウェブサイトへのトラフィックを促進するのに役立ちます。

検索結果に表示されるWordPressの画像

ほとんどのWordPressテーマでは、特集画像を設定することができますが、サイズ、形、レイアウトはテーマによって異なる場合があります。お使いのテーマが対応していれば、画像をアップロードしたり、サイズを設定したりできる特集画像セクションが表示されます。

それでは、WordPressサイトにフィーチャー画像を追加する方法をステップ・バイ・ステップで見ていきましょう。

WordPressで注目画像や投稿サムネイルを追加する方法

WordPressの投稿にフィーチャー画像を追加するには、WordPressのダッシュボードから投稿 " 新規追加にアクセスしてください。また、既存の投稿を編集することもできます。

WordPressの投稿を追加または編集する

投稿のコンテンツエディター(ブロックエディターまたはGutenberg)に入ると、右側に注目画像パネルが表示されます。

ワードプレスのフィーチャー画像パネル

次に、「Set featured image」エリアをクリックする必要があります。そうすることで、WordPressのメディアアップローダーがポップアップで表示されます。

WordPressメディア・ライブラリー・アップローダー

そこから2つの選択肢がある。

画像のサムネイルをクリックすると、WordPressのメディアライブラリから既存の画像を選択できます。これで画像が選択され、カスタムのaltテキスト、タイトル、キャプション、説明を入力できるようになります。

また、「ファイルのアップロード」タブをクリックし、コンピューターから画像をアップロードすることもできます。アップロードされた画像はメディアライブラリに保存され、同様の説明やキャプションを入力することができます。

WordPressのメディアライブラリにファイルをアップロードする

デフォルト画像をアップロードまたは選択したら、[注目画像を設定]ボタンをクリックします。

WordPressは右側のサイドバーに画像のプレビューを表示します。

WordPressの投稿に新しいフィーチャー画像を追加

テーマによっては、画像のサムネイルサイズを調整したり、その他のカスタマイズオプションを選択することができます。

このガイドでは、WordPressのTwenty Twenty-Threeテーマを使用します。Twenty Twenty-Threeテーマには、特集画像の追加オプションはありません。

外観に満足したら、変更を保存すれば、新しいフィーチャー画像がWordPressの投稿に自動的に表示されます。

WordPressのフィーチャー画像付きブログ記事アーカイブ

次の質問は、フィーチャー画像として使用する写真はどこで見つけることができるのか、というものだ。

残念ながら、Googleの画像検索から画像や写真を取り込んだり、インターネットから適当に画像をスワイプしたりすることはできません。これらの画像のほとんどは著作権法によって保護されているため、所有者の許可なく使用すると著作権侵害の問題に直面する可能性があります。

しかし、良いニュースは、あなたのブログ記事のための無料の画像を見つけることができるいくつかの場所があり、順番に、WordPressのフィーチャー画像としてそれらを使用することです。

クリエイティブ・コモンズ・ライセンスの高解像度画像を無料で入手できるお気に入りの場所は以下の通り:

  • Unsplash- ウェブサイトやその他のプロジェクトに無料でダウンロードして使用できる数千の画像を集めた人気のウェブサイト。
  • Pixabay- カテゴリとタグに分類されたフリー画像の大規模なコレクションを持つもう一つの人気サイト。
  • New Old Stock- 様々な公共アーカイブからのヴィンテージ写真の創造的なコレクション。

無料のストックフォトをウェブサイトにインポートできるWordPressプラグインもいくつかある。例えば、SeedProd Proのユーザーは、200万枚のストックフォトにアクセスし、そのパワフルなドラッグ&ドロップページビルダーで使用することができます。

SeedProdストックイメージライブラリー

ブログ記事を表現するのに、ストックフォトでは不十分な場合があります。あなたのコンテンツを本当に表現するためには、もっとユニークなものやカスタムメイドのものが必要かもしれません。

そんなときは、無料のツールを使ってオリジナルの画像を作ってみましょう。Canvaのような画像作成・編集ソフトを使えば、初心者でも簡単にプロ並みのグラフィックを素早く作成し、販売することもできる。

はじめに、特集画像のサイズを確認します。これは通常、メインコンテンツ領域の幅です。

Chromeユーザーであれば、ブログ記事のコンテンツを右クリックして「検査」ツールを選択することで、WordPressのフィーチャー画像のサイズを調べることができます。

クロームのインスペクトツールを使って、コンテンツのコードを確認しましょう。

そこから、プレビューでコンテンツ全体の幅が強調表示されるまで、コードの行にカーソルを合わせる。

これで、コンテンツの寸法を示すツールチップが表示されるはずです。私たちの場合、特集画像の幅は717ピクセル程度であるべきです。

Chromeの検査ツールを使用して、WordPressのフィーチャー画像の寸法を調べます。

次に、Canvaにログインし(無料アカウントで始められます)、ダッシュボードからカスタムサイズのアイコンをクリックします。

キャンバスのカスタムサイズ

ポップアップ・パネルで、ブログで調べたコンテンツの幅を入力し、画像の高さを選択します。

カスタム画像の寸法を入力してください。

通常、画像の高さは幅よりも小さいものを選ぶのがベストですが、これはブログ全体のルック&フィールによります。それができたら、「新しいデザインを作成」ボタンをクリックします。

Canvaは、あなたのデザインのための白紙のキャンバスで新しいウィンドウを開きます。

カスタムWordPressフィーチャー画像の作成

そこから、あらかじめ用意された多くのテンプレートから選択し、WordPressのフィーチャー画像のための魅力的なデザインができるまでカスタマイズすることができます。

WordPressの特集画像をカスタマイズする

あとは共有ボタンをクリックして画像をダウンロードするだけです。

WordPressに画像をアップロードする前に、サイトの肥大化を防ぐために画像を最適化することをお勧めします。大きなサイズの画像は、サイトの読み込み時間に影響を与え、ユーザーエクスペリエンスを損なう可能性があります。

そこで、ウェブ用に画像を最適化するためのヒントをいくつかご紹介しましょう:

  • 最適なファイル形式を選ぶ画像を保存する際は、正しいファイル形式で保存しましょう。色数の多い写真にはJPEG、透明度やシャープな線のある画像にはPNG、小さなアニメーションにはGIFを選びましょう。
  • 画像を小さくする:ウェブサイトのデザインに合わせて、フルサイズの画像を縮小しましょう。Photoshop、GIMP、Pixlrなどのツールをオンラインで利用できます。
  • 画像を圧縮する: TinyPNGやJPEGminiなどの圧縮ツールを使って画像のファイルサイズを小さくしましょう。ロスレス圧縮はPNGやGIFに最適で、画質を落とさずにサイズを小さくできます。非可逆圧縮は若干画質が落ちますが、JPEGやWebPファイル形式に最適です。

これらのステップに従うことで、特集画像を最適化し、WordPressウェブサイトを高速化することができます。

画像が最適化されたら、WordPressの管理画面に戻り、先ほどの指示に従って、WordPressに特集画像として追加します。

WordPressの特定の投稿やページのフィーチャー画像を置き換えたり、削除したい場合があります。この作業は、画像を追加するのと同じくらい簡単です。

WordPressでフィーチャー画像を削除するには、投稿またはページを編集します。次に、右側のサイドバーで「特集画像を削除する」リンクをクリックします。

WordPressのフィーチャー画像の削除方法

また、[画像の置き換え]ボタンをクリックすると、メディアライブラリが開き、新しい画像を選択することもできます。

1つの投稿やページに複数のフィーチャー画像を掲載できますか?

デフォルトでは、WordPressは1つの投稿またはページに1つのフィーチャー画像しか許可していません。しかし、必要に応じてプラグインを使用することで、特集画像を追加することができます。

私のWordPressサイトにフィーチャー画像が表示されないのはなぜですか?

フィーチャー画像が表示されない場合、以下のような原因が考えられます:

  • テーマがフィーチャー画像に対応していません。
  • 特定の投稿やページにフィーチャー画像を設定していない。
  • プラグインまたはカスタムコードと競合しています。
  • 画像ファイルが大きすぎるか、サポートされていない形式です。

この問題を解決するには、お使いのテーマがフィーチャー画像をサポートしていることを確認し、投稿やページの設定を再確認し、プラグインやコードの競合をトラブルシューティングしてください。

SEOとソーシャルメディア共有のためにフィーチャー画像を最適化するには?

SEOとソーシャルメディア共有のためにフィーチャー画像を最適化するには、以下のヒントに従いましょう:

  • 検索エンジンにコンテキストを提供するために、説明的なファイル名とaltテキストを使用します。
  • 最適な画質とファイルサイズを得るために、適切な画像フォーマットを選択します。
  • 画質を犠牲にすることなくファイルサイズを小さくするために画像を圧縮します。
  • All in One SEOのようなプラグインを使ってOpen GraphやTwitter Cardのメタデータを設定し、より良いソーシャルメディア共有プレビューを実現しよう。
特集画像を投稿やページ内の別の場所に表示できますか?

フィーチャー画像の位置はテーマのデザインに依存します。位置を変更するには、テーマのPHPテンプレートをカスタマイズするか、SeedProdのようなページビルダーを使用して、特集画像の配置をよりコントロールできるカスタムレイアウトをデザインします。

SeedProdページビルダーでWordPressの特集画像の位置を変更する

そうだ!

この記事が、あなたのサイトのコンテンツにWordPressのフィーチャー画像を追加する方法を学ぶのにお役に立てば幸いです。コンテンツを失うことなくWordPressのテーマを変更する方法については、こちらのガイドもお勧めです。

お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTubeX(旧Twitter)Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。