Facebookにシェアした投稿の画像(サムネイル)が表示されないときの解決方法

kana

Facebookでシェアしたけど、画像入ってないよ〜
どうしよう!!
削除して再投稿するしかないのかな〜

emi

削除しなくても大丈夫!簡単に修正できるから手順を教えるね

Facebookにリンクシェアしたとき、いつもは勝手に画像が表示がされるのに、たまに画像が表示されないことがあります。

表示されないケースは2つ

  • 他サイトのリンクシェアで表示されない
  • 自サイト(WordPress)のリンクシェアで表示されない

ご自身のWordPress投稿をシェアして表示されない場合は
サムネイルの入れ忘れ、プラグイン設定忘れの可能性があります。

どちらにしてもシェアデバッガーで解決するケースが多いのでやってみましょう!

サムネイル表示方法

シェアデバッガーで確認

1. シェアデバッガーにサイトにアクセスします。

Facebookにログインして下記リンクからアクセスしてください。

シェアデバッガー – Facebook for Developers

2. サムネイルが表示されないURLを「シェアデバッガー」にコピペして「デバック」ボタンをClick
3. 「リンクをプレビュー」に画像が表示されたらOK!

画像付きリンクが生成されました

シェアデバッガーで表示されない場合

1. 「バッチインバリデイター」を選択し、URLをコピペして「デバック」をClickします。

Facebookは、OGPのデータを毎回Webサーバーに取りに行くのではなく、一度取得したOGPデータを保持している(キャッシュ)ので元データーを変更しても反映されません。
「バッチインバリデイター」でキャッシュクリアーします。

2. 結果が表示され「詳細を見る」をClickするとシェアデバッガーに戻り、画像が差し替わっていることを確認できます。

豆知識

シェアデバッガー

Facebookが公式で提供しているdevelopers向けツールです。
ウェブサイトのコンテンツがFacebookやMessengerなどでシェアされたときに使用された情報をチェックし、Open Graphタグをデバッグできます。
利用するにはFacebookにログインする必要があります。

もっと詳しく知りたい方は公式ページへ
ウェブ管理者向けのシェア機能ガイド

画像が表示さていないFacebook投稿の操作

1. 画像が入らなかった投稿の右上「…」をClick
2. 表示したメニューの「シェアした添付ファイルを更新」を選択
3. 別画面が表示するので、変更したい画像に変わっていたら右下の「保存する」をClickします。
4. 写真が変わりました!!

自サイト(WordPress)のリンクシェアで表示されない

1.WordPressの「アイキャッチ画像」を入れ忘れている

テーマファイルによってアイキャッチ画像の入れる場所が違いますので、投稿記事の編集画面で確認してみましょう。

2.「All in One SEO」プラグインを利用してOGPを設定している場合

記事の編集にアクセスし、「ソーシャル設定」タブをClick

リンクシェアした時に表示させる画像をチェックして保存します。

画像の設定ができたら、サイト情報をFacebookに反映するためシェアデバッガーを実行しましょう

OGP(Open Graph protocol)とは

OGPとはOpen Graph protocol(オープン・グラフ・プロトコル)の略称です。
Facebookや Twitter、 Google+、mixiなどSNSと連携し、ページの タイトル・ URL・概要・アイキャッチ画像( サムネイル)を意図した通りに正しく表示するためのHTMLソースに記述する情報です。
SNSのSEO対策となるので、OGP設定は必ず設定したほうがいいです。

参照:https://seopack.jp/seo_articles/ogp.php

emi

Facebookにシェアした投稿画像を変更する方法わかったかな?

kana

はい!!
デバッガーでキャッシュを上書きして画像を表示させよう
ってことですね

emi

SNSで記事をアピールするには画像はとても重要だよね
シェアした後でも修正できるので画像がイマイチだな〜と思った時にも画像差替えがぜひ試してください

kana

削除して再投稿なんてしなくても大丈夫♫

最新情報をお届け

7日間無料メール講座

見つけてもらえないサロンから
卒業するための
選ばれるホームページの作り方

メルマガで全てお伝えいたします。
さらに、読者限定の特典付き

メールマガジンはいつでも解約できます。