如何在 facebook 上分享我自己的网站与网站上的图像

Question

我在我的网站上添加了分享和点赞按钮。

http://5.135.145.154/product?id=1

但我有问题，我可以分享网站，但我如何在这个分享框上设置我自己的图片？我有一张产品的主要图片，我想分享这张图片和描述，但在 facebook 上有不同的图片（我认为是网站上的随机图片？）

此代码共享我的图像：

<script>
(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&appId=59782362627&version=v2.0";
   fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like" data-href="http://5.135.145.154/product?id=${product.id }" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>

Answer 1

您的 html 中是否定义了开放图元标记（尤其是 og:image）？
来自Facebook Sharing Best Practices 关于og-image-tag：

当有人将内容分享到 Facebook 时显示的图片的 URL。请参阅我们的最佳做法指南以了解如何指定高质量的预览图像以及我们的图像文档以指定宽度和高度。

如果您没有该设置，Facebook Crawler 将只使用随机图像，就像您当前的情况一样。