1

为什么图片没有显示在 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>
4

1 回答 1

2

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

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

它会在查看您的元标签时向您显示 Facebooks 爬虫的结果。显然您的og:image未在该域上设置。

你说你的代码在你的本地主机上运行。Facebook 根本无法从您的计算机上读取数据。此外，代码中的共享按钮指向http://pypolo.com而不是您的机器。即使您确实尝试将其指向您的机器，您也必须将您的机器设置基本上像现实生活中的服务器并将其向世界开放。不是你通常想做的事情。所以基本上我要说的是，虽然你的代码中有og:image，但它根本没有通过 Facebook 分享按钮发送到 Facebook。

您需要做的是将代码上传到运行 pypolo.com 的服务器。这样，Facebook 的爬虫就可以看到该图像。然后在共享调试器中重试 URL，此时您应该会在帖子中看到该图像。

于 2017-02-03T22:51:18.200 回答