WordPressの記事をもっと魅力的なものにしたいのに、WordPressのフィーチャー画像の設定に戸惑っていませんか?
フィーチャー画像は、注目を集め、より多くの人にブログ記事を読んでもらうための優れた方法です。しかし、フィーチャー画像はどのように機能し、WordPressサイトに追加するにはどのような手順があるのでしょうか?
このガイドでは、投稿やページに美しいサムネイルを追加するために、WordPressの特集画像設定を使用する方法を紹介します。
WordPressのFeatured Imageとは?
WordPressのフィーチャー画像、または投稿サムネイルは、WordPressウェブサイトの投稿やページのコンテンツを表す主要な画像です。投稿タイトルの上または下に表示されるティーザーのようなもので、ユーザーをクリックしてコンテンツを読むように誘います。
これらの画像はサイトの魅力を高め、ユーザーエンゲージメントを向上させ、クリックスルー率(CTR)を高めます。
注目の投稿画像は、WordPressブログのホームページ、アーカイブページ、カスタム投稿タイプ、関連記事に表示されるだけではありません。All in One SEOのようなWordPress SEOプラグインを使ってソーシャルメディアでコンテンツを共有する際にも表示されます。
さらに、画像は検索エンジンの検索結果にフィーチャー・スニペットとして表示されます。これは、オーガニック検索結果からウェブサイトへのトラフィックを促進するのに役立ちます。
ほとんどのWordPressテーマでは、特集画像を設定することができますが、サイズ、形、レイアウトはテーマによって異なる場合があります。お使いのテーマが対応していれば、画像をアップロードしたり、サイズを設定したりできる特集画像セクションが表示されます。
それでは、WordPressサイトにフィーチャー画像を追加する方法をステップ・バイ・ステップで見ていきましょう。
WordPressで注目画像や投稿サムネイルを追加する方法
WordPressの投稿にフィーチャー画像を追加するには、WordPressのダッシュボードから投稿 " 新規追加にアクセスしてください。また、既存の投稿を編集することもできます。
投稿のコンテンツエディター(ブロックエディターまたはGutenberg)に入ると、右側に注目画像パネルが表示されます。
次に、「Set featured image」エリアをクリックする必要があります。そうすることで、WordPressのメディアアップローダーがポップアップで表示されます。
そこから2つの選択肢がある。
画像のサムネイルをクリックすると、WordPressのメディアライブラリから既存の画像を選択できます。これで画像が選択され、カスタムのaltテキスト、タイトル、キャプション、説明を入力できるようになります。
また、「ファイルのアップロード」タブをクリックし、コンピューターから画像をアップロードすることもできます。アップロードされた画像はメディアライブラリに保存され、同様の説明やキャプションを入力することができます。
デフォルト画像をアップロードまたは選択したら、[注目画像を設定]ボタンをクリックします。
WordPressは右側のサイドバーに画像のプレビューを表示します。
テーマによっては、画像のサムネイルサイズを調整したり、その他のカスタマイズオプションを選択することができます。
このガイドでは、WordPressのTwenty Twenty-Threeテーマを使用します。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に画像をアップロードする前に、サイトの肥大化を防ぐために画像を最適化することをお勧めします。大きなサイズの画像は、サイトの読み込み時間に影響を与え、ユーザーエクスペリエンスを損なう可能性があります。
そこで、ウェブ用に画像を最適化するためのヒントをいくつかご紹介しましょう:
- 最適なファイル形式を選ぶ画像を保存する際は、正しいファイル形式で保存しましょう。色数の多い写真には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のフィーチャー画像を追加する方法を学ぶのにお役に立てば幸いです。コンテンツを失うことなくWordPressのテーマを変更する方法については、こちらのガイドもお勧めです。
お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。
また、YouTube、X(旧Twitter)、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。