Facebook 当用户喜欢我网站上的产品时显示的图像-而不是og:tag

据我所知，

og:image

是页面

部分中出现的元标记的一部分

我们的电子商务包可以在一个页面上显示多个产品。我希望每个产品上都有一个Like按钮，因此当用户单击Like按钮时，它会将该产品以及单个产品的图像发布到他们的墙上。由于meta标记是在

的顶部生成的，因此在产品被拉入并显示在页面上之前，我无法将我的

og:image

meta标记设置为适合该产品

我尝试过使用类似的按钮代码：

<div class="fb-like"
     data-href="http://kaysbeadedjewelry.com/asccustompages/products.asp?productID=29"
     data-send="false"
     data-width="30"
     data-show-faces="false"></div>

但是它在页面上显示了错误的图像。我已经在不同的网站上尝试过了，但我不知道它是如何决定抓取和显示哪个图像的。它似乎从页面抓取了一个随机图像。我尝试过的每个客户的站点都会从页面上的不同位置获取不同的图像

我还尝试使用iframe代码：

<iframe src="http://www.facebook.com/widgets/like.php?href=http://kaysbeadedjewelry.com/asccustompages/products.asp?productID=29"
        scrolling="no"
        frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

这也给了我同样的问题

---

如何让Facebook显示实际的产品图像而不是随机的图像？

您可以在每个产品自己的页面上设置og:标记，然后在需要fb按钮的摘要页面上，将like按钮的url设置为产品页面的url。然后类似的内容将出现在产品本身上，而不是摘要页面上

确保您正在使用检查facebook为您的每个页面获取的og标签