【问题标题】:Facebook share button integration with description ,imgae issue!Facebook 分享按钮与描述集成,imgae 问题!
【发布时间】:2011-05-16 16:43:27
【问题描述】:

我在与我的网站集成共享按钮时遇到问题。 当我点击分享时,它只显示我的网站网址。它没有显示图像和描述可能是什么问题???

下面是我的代码:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Welcome  Facebook Read Eval Log Loop</title>
    <meta name="description" content="Examples for the Facebook Platform.">
    <meta name="keywords" content="facebook, connect, facebook connect, javascript,    examples, javascript sdk, javascript library, library, howto, tutorial, api, facebook apisdk">
    <meta property="fb:admins" content="5526183">
    <meta property="fb:app_id" content="123865001025929">
    <meta property="og:image" content="https://fbrell.com/logo.jpg">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://fbrell.com/">
</head>
<body>
    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js"></script>

    <script>
    FB.init({
             appId  : '123865001025929',
             status : true, // check login status
             cookie : true, // enable cookies to allow the server to access the session
             xfbml  : true  // parse XFBML
    });
    </script>
    <fb:share-button href="http://fbrell.com" type="button"> </fb:share-button>
</body>
</html>

【问题讨论】:

    标签: facebook button fbml share


    【解决方案1】:
    1. 您缺少og:title,因此您需要添加它,例如:&lt;meta property="og:title" content="Welcome Facebook Read Eval Log Loop"/&gt;
    2. 如@dwarfy 所述正确关闭标签
    3. 不要使用fb:share-button!请改用Like plugin

    【讨论】:

      【解决方案2】:

      它似乎与 facebook linter 一起工作:

      http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Ffbrell.com%2F

      无论如何,最好始终使用 linter(在上面的链接中),以便它为您提供有关 og 标签的警告和错误,此外它还强制 facebook 刷新其关于您的页面的缓存信息,在您的情况下不是我想,在你添加标签后刷新了,所以你没有看到你最后的变化……这是 Facebook 在你分享内容时使用的信息。

      现在可以用了吗?

      顺便说一句,它给出了这个:

      Warning
      Required Property Missing   og:title is required
      

      【讨论】:

      • @user746909 你检查过 linter 链接了吗?那里的信息和图像是否正确? developers.facebook.com/tools/lint/…
      • 出现错误警告,必填属性缺少 og:title 是必需的,我该如何解决
      • 类似:&lt;meta property="og:url" content="Facebook Read Eval Log Loop"&gt; ???出现时请尝试理解错误信息
      • 我也会关闭元标记:&lt;meta property="og:url" content="Facebook Read Eval Log Loop" /&gt;(注意关闭 /
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-12-19
      • 2014-03-05
      • 1970-01-01
      • 2016-03-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多