Question

我在与我的网站集成按钮时面临问题。当我点击分享它只显示我的网站url.It没有显示图像和描述可能是什么问题???

以下是我的代码：

<!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>

Answer 1

它似乎适用于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

Answer 2

您错过了og:title所以您需要添加它，例如：<meta property="og:title" content="Welcome Facebook Read Eval Log Loop"/>
正确地关闭标签，如@dwarfy
请勿使用fb:share-button！使用Like plugin代替

Facebook分享按钮整合描述，imgae问题！

2 个答案: