如何将网页图片与描述分享到Facebook页面?

时间:2018-03-14 12:26:13

标签: javascript html facebook

我在我的网页中添加了FB分享按钮,点击分享按钮我要分享分享图像和一些描述。我按照这个链接 https://developers.facebook.com/docs/plugins/share-button

甚至可以在FB上分享但无法选择图片和描述。它只接受域名。

  

我无法确定问题...请指导我..任何帮助都将是   感谢,提前致谢

元标记根本没有影响......          

  <meta property="og:url"           content="http://www.example.com/projectfoldername/aa.php" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="image Title" />
  <meta property="og:description"   content="image description" />
  <meta property="og:image"         content="http:///www.example.com/projectfoldername/imagefolder/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your share button code -->
  <div class="fb-share-button" 
    data-href="http://www.example.com/projectfoldername/aa.php" 
    data-layout="button_count">
  </div>

</body>
</html>

此警告正在

应该修复的警告 推断财产

应明确提供'og:image'属性,即使可以从其他代码推断出值。

缺少属性 缺少以下必需的属性:og:url,og:type,og:title,og:image,og:description,fb:app_id

error snapshot ...pls guide me

1 个答案:

答案 0 :(得分:0)

您似乎缺少页眉中的Open Graph标记。 Facebook使用这些来刮取页面预览。如果您查看帖子中链接的完整代码示例,您可以看到一些示例代码。

如果在OG标记中指定图像和文本,则共享者应该可以正常工作。