WordPressで間違ったFacebookのサムネイルを修正する方法

WordPressで間違ったFacebookのサムネイルを修正する方法

記事やブログ記事をシェアする際、間違ったFacebookのサムネイルが表示されていませんか? 

Facebookのサムネイルは人々の興味を引き、あなたのコンテンツをクリックしたりシェアしたりする可能性を高めるので、これはすぐに解決すべき問題です。

正しいサムネイルを表示させる方法は必ずしも明確ではありませんが、私たちがお手伝いしますのでご安心ください。

この記事では、WordPressで間違ったFacebookのサムネイルを修正する方法を紹介します。

この記事で取り上げる内容を簡単に説明します。クイックリンクをクリックすると、各セクションにジャンプできます:

まず、なぜFacebookのサムネイルが重要なのか、なぜリンクを共有するときにサムネイルが表示されないことがあるのかを見てみましょう。

オグルヴィによるFacebookエンゲージメント・インフォグラフィック

画像ソース オグルヴィ・ピンタレスト

Facebookのサムネイルは、エンゲージメントを高め、サイトへの紹介トラフィックを獲得するために重要である。

画像付きの投稿は、Facebook上で39%多くクリックされ、シェアされます。これは、より多くの人々があなたのサイトをクリックしたり、Facebookであなたのコンテンツをシェアする可能性が高いことを意味します。

そのため、Facebookのサムネイルが正しく動作しているかどうかを確認することが重要です。

しかし、問題を解決する前に、なぜそのような問題が起こるのかを理解する必要がある。

とはいえ、リンクを共有する際にFacebookのサムネイルやフィーチャー画像が表示されない理由はいくつかあります。 

Facebookのサムネイルが表示されない理由

まず第一に、Facebookのサムネイルを設定していない場合、Facebookは通常画像を「推測」します。これは、Open Graphまたはog:Imageタグを使用することによって行われます。

オープングラフのメタタグをご存じない方は、ソーシャルメディアで共有されたときにURLがどのように表示されるかをコントロールするコードのスニペットです。

次に、Facebookのサムネイルが表示されない最も一般的な理由は、og:Imageタグに複数の画像が設定されていることです。そうすると、Facebookは一番大きな画像を選ぶことが多いのです。その他の理由としては、キャッシュプラグインや CDNの競合が考えられます。 

Facebookでシェアされる際に使用されるサムネイルを選択した後、私たちの投稿がどのように見えるかを示します:

Facebookでシェアされた場合のサムネイル例

All in One SEO (AIOSEO)は、この作業を非常に簡単にし、Facebookリンクのプレビューが表示されなかったり、間違ったサムネイルが表示されるのを防ぐために、自動的にogタグをサイトに追加します。 

WordPressで間違ったFacebookのサムネイルを修正する方法を見てみましょう。

間違ったFacebookのサムネイルを修正する(簡単な方法)

AIOSEO 最良のWordPress SEOプラグインとツールキット

WordPressで間違ったFacebookのサムネイルを修正する簡単な方法は、AIOSEOプラグインを使用することです。 

AIOSEOは完全なWordPress SEOプラグインで、数回クリックするだけで検索エンジン向けにコンテンツを最適化し、ランキングを上げることができます。また、ソーシャルメディア用にサイトを最適化し、サムネイルが表示されていることを確認するのにも最適です。 

まず、AIOSEOをインストールし、有効化する必要があります。プラグインをインストールしたことがない場合は、WPBeginnerのWordPressプラグインのインストール方法をご覧ください。

その後、投稿とページのFacebookサムネイル画像を有効にする必要があります。

Facebookのサムネイルを有効にする

All in One SEOメニューのソーシャルネットワークに移動し、Facebookタブをクリックするだけです。

WordPressでFacebookのサムネイルを修正する方法 - AIOSEOでFacebookのサムネイル設定を有効にする

最初に表示される設定は、「オープングラフマークアップを有効にする」です。有効になっていることを確認してください。

AIOSEOの一般的なFacebook設定でOpen Graph Markupを有効にする

青いボタンは準備完了を意味する!

次に、あなたのコンテンツがFacebookでシェアされるときに使用されるサムネイルを選択する必要があります。

Facebookのサムネイル画像の設定

デフォルトの投稿画像ソースの設定をクリックすると、さまざまな画像ソースを選択できるドロップダウンメニューが表示されます。

WordPressでFacebookのサムネイルを修正する方法 - AIOSEOのデフォルト画像ソース設定

ここでは、あなたのサイトのコンテンツに存在するすべての画像を見ることができ、お好みの画像を選択することができます。

どれを選べばいいのかわからないという方のために、各画像オプションの意味を説明します:

  • デフォルト画像- これはデフォルト投稿Facebook画像設定で設定された画像を使用します。
  • 注目の画像- これは、新しい投稿やページを公開するたびに、投稿やページに設定した注目の画像を使用します。
  • 最初の添付画像-投稿またはページに添付されている最初の画像を使用します。
  • コンテンツ内の最初の画像- 投稿またはページのコンテンツ内に表示される最初の画像を使用します。
  • カスタムフィールドからの画像- このオプションを選択すると、カスタムフィールドの設定が表示され、画像に使用するカスタムフィールドの名前を入力できます。
  • 投稿者画像- 投稿またはページの投稿者のプロフィール画像を使用します。
  • First Available Image(最初に使用可能な画像) - 上記のすべての画像を検索して、使用する画像を探します。

これで、フェイスブックのサムネイルにどの画像ソースを選べばいいか、お分かりいただけたと思います。

それでは、Facebookのデフォルト投稿サムネイルの設定に移ろう。

Facebookのデフォルト投稿サムネイルの設定

使用する画像ソースを選択したら、デフォルト投稿Facebook画像を設定する必要があります。

この画像は、あなたのコンテンツに利用可能な画像がない場合の予備として使用されます。

例えば、デフォルト画像ソースのドロップダウンで注目画像 を選択しても、投稿やページに注目画像がない場合、AIOSEOはあなたがデフォルトのFacebook画像として設定したものを使用します。

また、テーマでロゴを追加できる場合、画像を設定しなければ、AIOSEOは自動的にロゴをデフォルトの投稿Facebook画像として使用します。

Facebookのデフォルト投稿画像を設定するには、「アップロード」または「画像を選択」ボタンをクリックして画像をアップロードするか、メディアライブラリから画像を選択します。

AIOSEOでFacebookのデフォルト投稿画像を設定する

また、画像のURLを直接フィールドに入力またはペーストすることもできます。

注意:フェイスブックは幅1200px x 高さ630pxの画像を好みます。最小サイズは200px x 200pxです。詳しくは、スマッシュ・バルーンの究極のFacebookカンニングペーパーをご覧ください。

次に、個別の投稿やページのFacebookのサムネイル画像を変更する方法について説明します。

個別の投稿とページにFacebookのサムネイルを設定する

また、個々の投稿やページのFacebookのサムネイルを変更することもできます。

ブログ記事またはページを編集する際、AIOSEO設定までスクロールダウンし、ソーシャルタブを クリックするだけです。

Facebookタブをクリックしたことを確認してください。

AIOSEOで個別の投稿やページにFacebookのサムネイルを設定する

その後、Facebookのタイトルと説明を過ぎたら、 画像ソースのセクションが表示されるまで下にスクロールする必要があります。

WordPressでFacebookのサムネイルを修正する方法 - AIOSEOでFacebookのサムネイルの画像ソースを設定する

リンクをクリックすると、ドロップダウンメニューが表示されます。ここで、個々の投稿やページの画像ソースを選択することができます。 

では、次にトップページにFacebookのサムネイルを設定しましょう。

ホームページにFacebookのサムネイルを設定する

ホームページのサムネイルを設定するには、Facebookの一般設定から ホームページ設定にスクロールダウンする必要があります。

AIOSEOでホームページにFacebookのサムネイルを設定する

画像 セクションで、 アップロードまたは選択ボタンをクリックしてサムネイル画像を設定します。このサムネイル画像は、あなたのホームページがFacebookでシェアされたときに表示されます。 

ご覧のように、選択した画像は画像フィールドの下に表示され、プレビューにも表示されます。

AIOSEOでホームページのサムネイル画像を設定する

Facebookのサムネイル画像を追加したら、保存 ボタンをクリックします。

簡単なことだ!

ほとんどの場合、Facebookが間違ったサムネイルを表示したり、まったくサムネイルを表示しなかったりする問題はこれで解決する。

このトピックを去る前に、投稿、ページ、ホームページにFacebookのタイトルと Facebookの説明を 設定できることにも触れておく必要があります。この方法については、こちらのドキュメントをご覧ください。

とはいえ、それでもフェイスブックがサムネイル画像を表示しない場合は、ワードプレスのキャッシュをクリアしたことを確認する必要があります。または、Facebookのデバッグツールを使ってキャッシュをクリアすることもできます。

次にその方法を見てみよう。

Facebookデバッグ・ツールを使ってキャッシュをクリアする

正しいサムネイルを追加したはずなのに、フェイスブックにサムネイルが表示されなかったり、間違ったサムネイルが表示されたりする場合は、キャッシュが原因です。

この問題を解決するには、まずFacebookのデバッグ・ツールを使ってキャッシュをリセットする必要があります。これは、Facebookがリンクを共有する際に間違ったサムネイルを表示する原因を解決する最も簡単な方法です。

WordPressの投稿のURLをコピーしてFacebookデバッガーツールに貼り付け、デバッグ ボタンをクリックするだけです。

WordPressで間違ったFacebookのサムネイルを修正する方法 - Facebookのデバッガー・ツール

Facebookのデバッガー・ツールは、サムネイルを機能させるために必要なことを教えてくれるだけでなく、修正が必要な場合は警告マークを表示してくれます。

また、Scrape Againボタンをクリックすると、Facebookが投稿のサムネイルを更新します。 

それだけだ!

このブログ記事が、WordPressで間違ったFacebookのサムネイルを修正する方法のお役に立てば幸いです。WordPressでTwitter Cardsを追加する方法については、こちらもご覧ください。

また、プロのようにブログ記事をSEOに最適化したい場合は、ブログ記事SEOチェックリストをぜひご覧ください。 

最後になりましたが、 検索エンジンのランキングを上げる方法や 競合他社のSEOを分析する方法など、素晴らしいヒントをたくさんお伝えします。 

いつものように、WordPressのための最高のSEOプラグインをサポートしていただきありがとうございます。

AIOSEOを無料で試したいですか?

AIOSEO LiteをインストールするWordPressサイトのURLを入力してください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

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

著者アバター
スティナ・ペッターソン

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

6 comments on "WordPressで間違ったFacebookのサムネイルを修正する方法"

  1. しかし、Facebookにプレビュー画像を表示させるとなると、このプラグインは頭痛の種と無駄な時間しか与えてくれません。自分の投稿に特徴的な画像を表示させたい場合、Facebookのデフォルト画像としてアップロードした別の画像を表示するようになってしまうのです。その画像を削除しても、すべての画像に "feature image "とマークしているにもかかわらず、デフォルトの画像になってしまうのです。
    そこで、カスタム画像をマークしてみたが、カスタム画像も機能画像(同じもの)も表示できず、サイト上の別の画像を使う。
    バカバカしい。

    1. こんにちは、パトリック、
      Facebookの画像が正しく表示されないとのこと、申し訳ありません。Facebookは、おそらくあなたのフィーチャー画像のキャッシュバージョンを表示するので、まずFacebook共有デバッガーツールを使ってそれをクリアする必要があります。Facebookアカウントにログインし、共有デバッガー・ツールに移動してURLを貼り付けます。その後、Debugボタンをクリックするだけで、キャッシュがクリアされます。

      Facebook共有デバッガー

      もう一度試すと、ソーシャル設定で設定したサムネイル画像が表示されます。

      さらにヘルプが必要な場合は、以下のリンクからサポートチケットを作成してください:
      https://aioseo.com/contact

  2. こんにちは、チーム、私はAIOSEOで問題に直面しています。facebookのサムネイルを修正するために、この記事で紹介されているすべてのステップに従いましたが、facebookのプレビューリンクはまだフィーチャー画像を表示していません。また、デバッグも試しました。この問題を解決するのを助けてください。

  3. こんにちは!情報をありがとう、でも僕も同じ問題を抱えているんだ。twitter、facebook、linkedinはすべて設定しました。でも、フィーチャー画像が表示されないんです。代わりにブログのヘッダーが表示されています。無料版を1年間使っていて、完璧に機能していました):しかし、1ヶ月前からこの問題に直面しています。どうしたらいいですか?)