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

How to share my own website on facebook with image from website

本文关键字：网站 图像 自己的 分享 Facebook 我自己      更新时间：2023-09-26

我在我的网站上添加了分享和喜欢按钮。 

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>

您是否在 html 中定义了 Open Graph Metatags（尤其是 og:image？
来自 Facebook 分享关于 og-image -tag 的最佳实践：

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

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

相关文章：