Question

我正在开发一个网站，其中包含带有图像和Facebook共享按钮的jQuery UI弹出窗口。共享机制已经有效，我只需要使用开放图元标记进行升级。弹出窗口的内容部分是IFrame，其中包含了以下内容：

<!DOCTYPE html>
<html>
<head>
    <meta property="og:title" content="The title" />
    <meta property="og:type" content="sport" />
    <meta property="og:url" content="<?=$fbshareurl?>" />
    <meta property="og:image" content="<?=$fbshareurl?>" />
    <meta property="og:description" content="This is the description." />
</head>
<body>
    <div id="fb-root"></div>
    <img src="<?=$fbshareurl?>" width="200"  align="left" /> &nbsp;
    <div class="fb-share-button" data-href="<?=$fbshareurl?>" data-layout="button" ></div>
    <script type="text/javascript"> 
        (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#xfbml=1&appId=502529176549532&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>
</body>
</html>

现在我以前从未做过类似的事情而且我没有编写共享机制，因此我不确定脚本标记中的函数是如何工作的，但它只分享我的图像和它没有考虑我的元标记。关于问题可能是什么想法？

Answer 1

尝试添加：

xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"

到您的<html>代码。

Answer 2

你能尝试使用facebook对象调试器。

以下是网址

facebook object debugger

检查您的元标记是否被Facebook废弃。

为什么我的Facebook社交元标记不起作用？

2 个答案: