https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5
サムネイルが表示されます。しかし、自分の Web サイト (上記の例のように構成) から新しいリンクを投稿するたびに、サムネイルが初めて表示されません。リフレッシュする必要があり、サムネイルが表示されます。
有効な og タグを含める必要があります。https://developers.facebook.com/tools/debugでリンクをテストすると
og:image を大きくする必要があるというエラーが表示されることがあります。次に、もう一度デバッグするだけで、エラーはなくなりました。
私のすべてのリンクの og:image は同じです。私は最大の画像を提供しまし1500x1500た。画像へのリンク時にリダイレクトはありません。
なんで？
The reason is that FB behind the scenes is still scraping your page and caching the image. The next time, in fact, you have also the image. How to solve it? Manual pre caching: https://developers.facebook.com/docs/sharing/best-practices#precaching
or simply add
<meta property="og:image:width" content="450"/>
<meta property="og:image:height" content="298"/>
アップデート
iframeを使用したこのソリューションは機能しなくなりました。昨日 2017 年 2 月 6 日から機能しています。Facebook はX-Frame-OptionsをDENYに設定しただけなので、共有者の URL を iFrame に読み込むことはできません。別の回避策を考えています。
残念ながら、 og:image:width と og:image:height を追加してもうまくいきませんでした。
この facebook のバグの回避策を見つけました。ページ フッターに共有リンクを含む非表示の iFrame を追加しました。このようにして、Facebookクローラーはページが読み込まれるとチェックします。
非表示の iFrame の例:
<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe>