まず、SO に同様の質問があることは知っていますが、観察された動作は同じですが、問題が異なっていたため、これは重複していません。
いくつかの og:image タグを追加しました。Facebook デバッガーで URL を実行すると、画像が検索されますが、空白として表示されます。
空白の画像タイルをクリックすると、ブラウザに画像が表示されるので、ここで少し困惑しています。
画像についてFacebookが見るものは次のとおりです。
"image": [
{
"url": "http://[MY_SERVER]/path/to/jpg"
},
{
"url": "http://[MY_SERVER]/path/to/jpg"
},
],
オブジェクト プロパティのデバッガー セクションで、og:image の下に 2 つの空白のタイルが表示されます。ただし、タイルをクリックすると、サーバー上の画像 URL にリダイレクトされ、ブラウザーは画像を正しくレンダリングします。
では、Facebook がこれらの画像を表示できないのはなぜですか? 私は何を間違っていますか?
アップデート
これらの JPEG 画像のサイズは約 500 KB で、縦横比は 1024X768 (つまり 3:1 未満) です。サイズが約 100KB で縦横比が 500X375 のまったく別の画像の場合、Facebook は共有で画像を表示していました。画像のサイズに問題があるのではないかと思っていますか?