【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策


【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

最近、WordPress(ワードプレス)で書いた記事をfacebook(フェイスブック)にシェアするときに、再びサムネイル(アイキャッチ画像)が表示されなくなってしまいました。

対策はしてあったのですが、おそらくfacebook側の仕様が変わったのだと思います。

それは、「エラー」ではなく「仕様」だというのがfacebookのヘルプにありました↓↓↓

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

参考:https://developers.facebook.com/docs/sharing/best-practices/#precaching

コンテンツが初めてシェアされる際、Facebookクローラーがシェア対象のURLからメ タデータをスクレイピングし、キャッシュします。クローラーは、画像を少なくとも1回確認してからでなければ、レンダリングできません。つまり、コンテン ツを最初にシェアする人は、表示される画像を確認できません。

要は、「2回目から表示です」と言うことなので、ページの更新を一度してみてからシェアするとサムネイルはちゃんと表示できました。

対策として、facebookデバッガーとサイズタグを使う方法の2つがあります↓↓↓

1.シェアデバッガーを使用して画像をプリキャッシュする

URLデバッガーでURLを実行し、ページのメタデータを事前に取得します。この操作は、一部のコンテンツの画像を更新した場合も行ってください。

2.og:image:widthおよびog:image:height Open Graphタグを使用する

これらのタグを使用して、クローラーに対して画像サイズを指定します。これにより、クローラーは非同期的にダウンロードして処理することなく、すぐに画像をレンダリングします。

・・・が、デバッガーを毎回やるのは対策前と同じなので、サイズタグを使用した対策を行います。

All in One SEO」プラグインの「ソーシャルメディア」から、「画像の設定」の「デフォルトの画像幅」と「デフォルトの画像高さ」をよく使うサムネイルのサイズにします↓↓↓

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

ここは任意で変更して下さい。

これで「og:image:width」「og:image:height」の設定ができるのですが、これでも表示が上手くいきません。

WP Facebook Open Graph protocol」というプラグインもあるのですが↓↓↓

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

参考:https://wordpress.org/plugins/wp-facebook-open-graph-protocol/

これでも上手くいかないので、プラグインの更新を待つか他の対策を考える必要があります。

今のところ最善の方法としては、「一度シェアボックスを表示させる(ページを更新する)」のようです。

参考までに。

Byさちお