在fb上共享页面时如何显示动态URL图像

Question

我已经为我的网站创建了Facebook分享按钮。当我单击共享时，它共享当前产品页面，但共享图像。

我的代码是：

<div class="fb-share-button" data-href="{{ shop.url }}{{ product.url }}" data-layout="button" data-size="small" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{ shop.url }}{{ product.url }}&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
</div>


<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = '//apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>