为什么';我的社交元标签在Facebook上工作


Why aren't my social meta tags for Facebook working?

我正在开发一个网站,它有一个带有图像和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>

现在我以前从来没有做过这样的事情,我也没有写共享机制,所以我不确定脚本标记中的函数是如何工作的,但它只共享我的图像,没有考虑我的元标记。关于问题可能是什么,有什么想法吗?

尝试添加:

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

添加到您的<html>标签。

您可以尝试使用facebook对象调试器吗。

以下是URL

facebook对象调试器

检查你的元标签是否被Facebook废弃。