Question

为什么图片没有出现在Facebook分享中？这是我的代码，请告诉我我做错了什么我的代码在localhost中

<html>
<head>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1474558775911287',
      xfbml      : true,
      version    : 'v2.8'
    });
    FB.AppEvents.logPageView();
  };

(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/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

  <title>Your Website Title</title>
  <meta property="og:url"         content="http://pypolo.com/" />
  <meta property="og:type"        content="website" />
  <meta property="og:title"       content="Hello" />
  <meta property="og:description" content="Your description" />
  <meta property="og:image"    content="http://avnavu.com/wp-content/uploads/2014/09/Usay-Mein-Yaad-Aata-Hoon-shayari.jpg" />
<!-- You can use Open Graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
</head>
<body>
  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>

  <!-- Your share button code -->
  <div class="fb-share-button" data-href="http://pypolo.com/" data-layout="button_count">
  </div>

</body> 
</html>

Answer 1

在处理Facebook共享按钮看到的内容时，请尝试使用“共享调试器”工具：https://developers.facebook.com/tools/debug/sharing

我尝试输入您放入的网址：http://pypolo.com

它会在您查看元标记时向您显示Facebook的抓取工具的结果。显然，您的 og：image 未在该域上设置。

您说您的代码正在您的localhost上运行。 Facebook根本无法从您的计算机上读取内容。此外，代码中的共享按钮指向http://pypolo.com，而不是您的计算机。即使您确实尝试将其指向您的计算机，您也必须将您的计算机设置为基本上像真实服务器并向全世界开放。不是你通常想做的事情。所以基本上我所说的是，尽管你的代码中有 og：image ，但这并不是通过Facebook共享按钮发送给Facebook的。

您需要做的是将代码上传到运行pypolo.com的服务器。这样Facebook的抓取工具就可以看到该图像。然后在“共享调试器”中重试URL，您应该在该点看到帖子中的图像。

为什么图像不会出现在Facebook分享中？

1 个答案: