最近、WordPress（ワードプレス）で書いた記事をfacebook（フェイスブック）にシェアするときに、再びサムネイル（アイキャッチ画像）が表示されなくなってしまいました。
対策はしてあったのですが、おそらくfacebook側の仕様が変わったのだと思います。
それは、「エラー」ではなく「仕様」だというのが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」プラグインの「ソーシャルメディア」から、「画像の設定」の「デフォルトの画像幅」と「デフォルトの画像高さ」をよく使うサムネイルのサイズにします↓↓↓
ここは任意で変更して下さい。
これで「og:image:width」「og:image:height」の設定ができるのですが、これでも表示が上手くいきません。
「WP Facebook Open Graph protocol」というプラグインもあるのですが↓↓↓
参考：https://wordpress.org/plugins/wp-facebook-open-graph-protocol/
これでも上手くいかないので、プラグインの更新を待つか他の対策を考える必要があります。
今のところ最善の方法としては、「一度シェアボックスを表示させる（ページを更新する）」のようです。
参考までに。
Byさちお
元シンガーソングライターで、メンズ美容ブログ、パンブログもやってます。たまにテレビに出てたりします。最近はTikTokも頑張ってます。
