重複の可能性:
Facebook Sharer はどのように画像を選択しますか?
Facebook の sharer.php サービスを使用して、サイトのページを共有しています。現在、これはうまく機能していますが、ユーザーが複数のサムネイルを選択できるようにする方法を見つけるのに苦労しています (sharer.php ページには複数の画像の UI が用意されているため、何らかの形で可能である必要があります)。
現在、次のメタ タグがあります。
<meta property="og:image" content="http://www.mysite.com/myimage.jpg" />
これを行う方法を示唆するものは見つかりませんでした。誰にもアイデアはありますか？
しばらくの間、複数の画像を使用してきました。次のように複数のog:imageメタ タグを使用します。
<meta property="og:image" content="http://www.example.com/image01.jpg">
<meta property="og:image" content="http://www.example.com/image02.jpg">
すでに共有されている (1 つの画像を含む) ページは、https ://developers.facebook.com/tools/debug/ のデバッガー/リンターにリンクを読み込むことで更新できます。
デバッガー/リンターは、すべての画像のプレビューを表示するわけではありません。最後の画像を表示するだけです (以下では、プルした画像について言及していると思います) が、機能します。
私は同じ問題でここに来ました。掘り下げた後、複数の og:image タグを使用できることがわかりました。
og:image の下のFacebook Developersから:
PNG、JPEG、GIF 形式をサポートしています。複数の og:image タグを含めて、複数の画像をページに関連付けることができます。
スパイダーがキャッシュするため、メタに新しい画像を追加したことを Facebook が認識するまでに時間がかかる場合があることに注意してください。いいねボタンを使用して既に共有したリンク、またはステータスにコピーしたリンクは、この影響を受けます。
編集: OG タグを変更したにもかかわらず、Facebook が同じ画像を表示することに問題がある場合は、Facebook がキャッシュしたことが原因である可能性があります。この場合は、Facebook のOG Debuggerを使用してタグを確認してください。
画像をメタ情報ではなく本文に追加し、次のように非表示にすることで、これに対する解決策を見つけました。
<body>
...
<img src="http://image1" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>
<img src="http://image2" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>
etc
...
</body>
og:image プロパティが指定されていない場合、サムネイルは本文から取得され、非表示であっても機能することを読んだところです。幅、高さなどを削除して整理することもできますが、とにかく非表示になると時間がかかるので、切り貼りして非表示にしました。
お役に立てれば。