WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

Facebookでシェアする時に意図しない変な画像で表示される

TwitterやGoogle+でのシェアでは普通に表示されている画像ですが、なぜかFacebookでシェアする時だけ意図しない画像が表示されることがあります。
これはOGP(Open Graph protocol)設定がおかしいからです。

難しい話は抜きにして、どうすれば意図した画像を表示させることができるのか。

この投稿の場合であれば涼しげなアザラシの写真が表示されて欲しい。

↑↑↑ここまで執筆した段階で「公開」を押して、その投稿をFacebookでシェアしてみます。

Facebookでシェアした結果、

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

こういう無機質な感じになってしまいました。。。画像すらなし。
でもこれよくあることです。

Google+でシェアすると、

アザラシ

ちゃんと表示されております。

FacebookのOGPはかなりクセがあります。
これを一発でキレイに表示させるにはちょっとした工夫も必要となってきます。

Facebookでシェアするのであれば先に画像を指定してしまおう!

WordPressでWEBサイトを構築していればほとんどの場合「All in One SEO」というプラグインをインストールしているはずです。

投稿画面に表示されていると思うのでこのように設定してください。

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

Social設定から任意の画像を選択します。そして更新ボタン。
しかし、ブログ執筆中ではこの任意の画像が表示されておりません。なので一度「下書き保存」しましょう。するとこの画像が表示されるようになります。

最悪の場合はデバッグして一度スクラップ

いろいろ試してもどうしようもない時もあります。何度でも言います。Facebookはかなりクセがあります。すぐに仕様変更があったり。。。
困った時は次のようにしてみてください。

https://developers.facebook.com/tools/debug/

ここにアクセスして、

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決! [1]Facebookでシェアした時の画像表示がおかしいページのURLを入力

[2]デバッグをクリック

[3]Scrape Ageinをクリック

以上を試してから再度FacebookをリロードしてからURLを貼っつけてみてください。
ほとんどの場合はこれで解決すると思います。