WordPressのアイキャッチ画像のサイズを変更するには？

ブログ投稿で使用できる最も重要な画像の 1 つはアイキャッチ画像です。 興味深いタイトルと一致する完璧なアイキャッチ画像は、訪問者の注目を集めます。 アイキャッチ画像は、訪問者がページをクリックしたときに最初に目にするものの 1 つであり、読み始める前にコンテンツの見方に影響を与える可能性があります。 したがって、WordPress のアイキャッチ画像のサイズを最適化することは非常に重要です。

Web サイトに選択したスタイルによっては、これらの写真が別の重要な目的を果たす場合もあります。 記事がリンクされている Web サイトの任意の領域に表示できます。 サイトで最も人気のある上位 5 つの記事を表示するサイドバーがあるとします。 そのサイドバーには、投稿の名前と、それらに付随する注目の写真を表示できます。 これにより、Web サイトの視覚的な魅力が向上し、その結果、特定の投稿のクリック率が向上します。

これはすべて、WordPress のアイキャッチ画像のサイズを最適化する必要があることを意味しています。 このブログのページや記事に合わせてアイキャッチ画像のサイズを変更する方法をご案内します。

WordPressのアイキャッチ画像とは？

アイキャッチ画像は、WordPress のブログのメイン画像と見なすことができます。 ホームページやソーシャル メディアでは、通常、各投稿のタイトルの横に表示されます。

アイキャッチ画像を使用すると、ページビューとユーザー エンゲージメントを向上させることができます。 検索エンジンやソーシャル メディア Web サイトは、検索結果やソーシャル メディアのニュース フィードでこれらの注目の画像を利用できます。 注目の写真はブログの投稿に関連付けられることがよくありますが、ページやカスタム投稿タイプにも使用される場合があります。

WordPress のデフォルトのアイキャッチ画像サイズ

画像を表示するために、WordPress は次の 4 つのオプションを提供します。

• サムネイル (150 x 150 ピクセル)
• 中 (300 x 300 ピクセル)
• 大 (1024 x 1024 ピクセル)
• フルサイズ (1024 x 1024 ピクセル) (特定の選択した画像のフルサイズの WordPress 特集画像)。

画像をコンテンツと同じ幅にしたい場合や、WordPress テーマに合わせたい場合は、WordPress のおすすめ画像のデフォルト サイズを調整することをお勧めします。 投稿やページに表示される最大画像サイズを完全に制御できます。 約 1200 x 628 ピクセルが、WordPress の最適な画像サイズです。 これらの寸法は、ソーシャル メディア フィードに投稿されたときに適切に表示され、WordPress のテーマやページ レイアウト全体で適切に機能します。 このガイドでは、ウェブサイトやブログのデフォルトの WordPress おすすめ画像サイズを設計する方法を紹介します。

WordPressでアイキャッチ画像を設定する方法は？

アイキャッチ画像は、次の手順に従って WordPress ブログにアップロードできます。

ステップ 1: 作業中の投稿またはページの編集を開始する

設定パネルにアクセスするには、右上隅にある歯車記号をクリックします。

ステップ 2: アイキャッチ画像を設定する

1. [投稿] タブのオプション パネルから [アイキャッチ画像] > [アイキャッチ画像を設定] を選択します。

2. メディア ライブラリからおすすめの画像を選択するか、アップロードします。

3. 代替テキスト領域に、注目の画像を説明する代替テキストを入力します。 有益で正しい代替テキストは、WordPress サイトの SEO を強化する上で重要な部分です。

4. 必要に応じて、タイトル、キャプション、および/または説明を含めます。

5. [アイキャッチ画像の設定] を選択すると、アイキャッチ画像を変更できます。

6. おすすめの画像をコンテキストで表示するには、エディターに戻って [プレビュー] をクリックします。

アイキャッチ画像は、[投稿] > [アイキャッチ画像] の下にある投稿の設定から置き換えたり、削除したりできます。

WordPress でアイキャッチ画像のサイズを変更する必要があるのはなぜですか?

画像をメディア ライブラリに設定すると、WordPress によってサムネイルが作成されます。 デフォルトでは、WordPress は 4 つの異なるサイズで画像を公開します。

• サムネイル (150px)
• 中 (300px)
• 中 大 (768px)
• 大 (1024 ピクセル)。

バージョン 5.3 では、幅 1536px と 2048px の 2 つの新しいバリエーションが含まれています。 デフォルトでは、WordPress 管理パネルからはアクセスできません。 一部のテーマでは、WordPress のアイキャッチ画像のサイズをカスタマイズできます。 たとえば、WordPress Twenty Twenty-One テーマでは、1568 ピクセル幅の記事タイトルのバリエーションが上部に表示されます。 ウェブサイトにアップロードするアイキャッチ画像が何であれ、WordPress はこれらすべてのバリエーションを作成します。

使用しているテーマによっては、WordPress の特集画像のサイズが大きすぎるものがあります。 たとえば、投稿のアイキャッチ画像は、幅 1250px でしか表示できませんでした。 一方、WordPress は、投稿を閲覧したときに 1568px 幅の画像を表示し続けました。

画像が大きいほどファイル サイズが大きくなり、あなたと訪問者の両方のリソースが無駄になります。 アイキャッチ画像のみを最大幅 1250 ピクセルで表示する場合、幅 1568 ピクセルの画像を作成する必要はありません。

WordPress の注目の画像のサイズを変更すると、ストレージ容量が節約され、閲覧者がページをより速く読み込めるようになります。 勝利のシチュエーションです！

WordPressのアイキャッチ画像のサイズを変更するには？

アイキャッチ画像の外観を変更すると、サイトの外観が大幅に変わります。 実際、WordPress はカスタム投稿タイプの注目の画像サイズを設定しています。 このチュートリアルでは、プラグインを使用して WordPress サイトの注目の画像サイズを変更する方法を紹介します。

WordPressのアイキャッチ画像サイズプラグインでサイズを変更する方法をご紹介します。

ステップ 1: プラグインを有効にする

1. プラグインを有効にしていない場合、WordPress は[設定] > [メディア]で 3 つの画像サイズのみを表示します。 サムネイル、中、大の 3 つのオプションがあります。 単純に変更したい場合は、プラグインをインストールせずにこれら 3 つの値を変更できます。

2. 追加の画像バリアントのサイズを調整する場合は、テーマ ファイルを編集するか、プラグインを利用する必要があります。 Simple Image Sizes プラグインを使用すると、その方法を学ぶことができます。 ただし、最初にPlugins > Add Newでプラグインをインストールする必要があります。

検索タブでプラグインを検索します。 次に、[有効化] ボタンをクリックして、プラグインをインストールします。

ステップ 2: 独自の寸法を設定する

ステップ 1 でプラグイン Simple Image Sizes をインストールして有効にしたら、次のステップに戻ります: [設定] > [メディア]

これで、さまざまな画像バリエーションで独自の寸法を設定できるようになりました。 幅と高さの両方をゼロに設定して、WordPress がそのサイズの画像を作成しないようにします。 たとえば、1536px と 2048px のバリエーションでは、幅と高さを 0 に設定できます。

ステップ 3: 変更を保存してサムネイルを再生成する

1. 独自のサイズを指定したら、[変更を保存] ボタンをクリックします。 メディア ライブラリにさらにアップロードすると、選択したサイズに基づいてバリエーションが生成されます。

2. 古い画像の変更されたバリエーションの再生成は、最後に行う必要があります。

Regenerate Thumbnailsを選択するだけで、残りはプラグインが処理します。

ソーシャル共有用に WordPress 投稿のサムネイルを最適化する方法は?

ソーシャル共有におけるアイキャッチ画像の重要性

ハイライト表示されるアイキャッチ画像は、ソーシャル メディアで記事や商品リストを共有する際に注目を集めるために重要な役割を果たします。 視聴者とやり取りしたいときはいつでも、完璧な画質の適切なアイキャッチ画像、または適切な WordPress ブログのアイキャッチ画像サイズが必要です。 これらすべての要素が、完璧なアイキャッチ画像を作成するのに役立ちます。

Yoast SEO プラグインを使用して WordPress 投稿のサムネイルを最適化する

プラグインを使用すると、WordPress サイトをより機能的にすることができます。 また、利用可能なさまざまな SEO プラグインを使用するなど、通常は時間のかかるさまざまなタスクをより簡単にします。 WordPress SEO プラグインはチェックリストを提供するため、オンページ SEO ランキング要素のすべてをすばやく実行して完了することができます。

Yoast SEO プラグインを使用して、次の手順で WordPress 投稿を最適化できます。

ステップ 1: [プラグイン] > [新規追加] を選択します

ステップ 2: 検索タブで Yoast SEO を検索する

ステップ 3: Yoast SEO で投稿の最適化を開始する

• 最適化する必要がある WordPress の投稿を開きます。 Yoast SEO 機能は、投稿を開くと一般的な SEO 評価とともに表示されます。

• 「 Yoast SEO で投稿を改善する」を選択して、Facebook や Twitter などのソーシャル メディアで高度な SEO ツールを使用して WordPress 投稿のサムネイルを最適化します。

• ソーシャル メディア上の WordPress 投稿のサムネイルがどのように表示されるかを確認するには、 必要なソーシャル メディア プラットフォームで[プレビュー]を選択します。

• Facebook やその他のプラットフォームで投稿のサムネイルと共に表示する画像、タイトル、説明を挿入します。

Yoast SEO プラグインが、検索結果での上位表示に役立つ多くのツールを提供していることは間違いありません。 Yoast SEO プラグインを使用すると、ソーシャル メディア プラットフォームごとに一意の画像、タイトル、説明を含めることができます。 また、主要なソーシャル メディア ネットワークに適した画像サイズも示しています。

このように、プラットフォームごとに異なる投稿を生成する必要はありません。 これらはすべて、WordPress ダッシュボードから簡単に実行できます。

WordPress のアイキャッチ画像を検索用に最適化する方法?

優れたデザインのアイキャッチ画像は読者を引き付ける役割を果たしますが、適切に最適化された画像は、検索エンジンがオーガニック トラフィック (および読者) を促進するのに役立ちます。 投稿で WordPress の注目の画像サイズを最適化することは、ALT テキストだけではありません。

アイキャッチ画像を改善するためのヒントをいくつかご紹介します。

1. ユニークな画像を使用する

一般的なストック フォトを見つける代わりに、独自の写真を使用するか、独自の画像を開発することをお勧めします。

2. ALT テキストを使用する SEO フレンドリー

Web サイトの画像が何らかの理由で読み込まれませんか? そして、あなたは何が悪いのか分かりません。 ALT テキスト (別名代替テキスト) は、バックアップ プランとして機能します。 アイキャッチ画像にキーワードを含めることをお勧めします。 これは、検索結果ページでの画像とテキストのランキングに役立ちます。

3. 正しいファイル名を選ぶ

あなたは旅行から戻ったばかりで、旅行ブログの記事を書いています。 image1.jpg、image2.jpg などの写真の名前を教えてください。 それとも、モルディブ ビーチ.jpg のように、描写されている場所にちなんで写真に名前を付けますか? 画像のファイル名にはキーワードを含める必要があります。

4. ページのタイトルと説明

上記のすべてのヒントを確認した後、関連するキーワードを使用して Web サイトにページ タイトルと説明を作成すると、Google 画像検索で画像を識別しやすくなります。

WordPress アイキャッチ画像のベストプラクティス

WordPress の理想的なアイキャッチ画像サイズを作成する場合、考慮すべきベスト プラクティスがいくつかあります。

1. 高解像度の写真を活用する

注目の画像は、ソーシャル メディアであなたを表すために使用されます。 サムネイルとしても投稿の一部としても機能する画像を選択する必要があります。 画像を作成または開発するときは、拡張可能な高解像度の画像を検討することをお勧めします。

2. 一貫性を保つ

カスタム画像を作成するときに、ロゴを挿入して適切にブランド化することができます。 画像デザインを一定に保つことで、ブランディングが促進され、訪問者があなたを認識しやすくなります.

3. 関連する画像を使用する

Hubspot によると、人間の脳では、写真はテキストよりも 60,000 倍速く処理されることが知られています。

投稿の見出しを読む前に、まず写真に感銘を受けたようです。 選択した写真は、閲覧者の注意を引くだけでなく、ページのコンテキストを示すこともできます。 そのため、適切な画像を選択する必要があります。 あなたのページを正しく説明するもの。 そうしないと、直帰率が高くなるリスクがあります。 最新の WordPress テーマのほとんどには、WordPress の投稿に注目の画像を表示するオプションがあります。 個々の投稿またはすべてのページの注目の画像を削除または非表示にする簡単な方法を次に示します。

4. 自分の法的権利を認識していることを確認してください

Unsplash、Pixaby、およびその他の著作権フリーの写真サイトを使用してストック画像を見つけますか? ライセンスの問題がないか再確認する必要があります。

Google で検索しているときに、クリエイティブ コモンズ ライセンスを持つ画像を検索します。 独自の写真を作成しない場合にのみ、このオプションを使用してください。

結論

この記事では、注目の画像のいくつかの重要な側面と、WordPress の注目の画像のサイズを変更する 2 つの異なる方法について説明しました。 この記事でアイキャッチ画像と、WordPress のアイキャッチ画像のサイズを変更する方法について理解を深めていただければ幸いです。

心に留めておくべきもう 1 つのことは、ランダムな画像サイズの数値を使用しないようにすることです。 Web サイトに表示される最も一般的な画像サイズを特定し、それに応じて設定を調整します。