facebook og:title、og:description、og:image 等不工作

facebook og:title, og:description, og:image etc not working

我正在开发一个 codeigniter 项目,但我一直停留在 facebook 共享中,我想共享页面标题、页面描述和修复图像。为此,我在头部部分使用了这些 og 标签

<meta property="og:title" content="{meta_title}"/>
<meta property="og:type" content="article"/>
<meta property="og:site_name" content="HalaFund"/>
<meta property="og:description" content="{meta_description}"/>
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />
<meta property="fb:admins" content="1234" />
<meta property="fb:app_id" content="1621907508042530" /> 

我的网站 url 是 halafund.com,我想像

一样分享项目页面

http://halafund.com/project/index/fundraise-halafund-project-test-page google+ 分享工作正常,但 facebook 分享给出相同的标题描述和图片。

为了 facebook 分享,我在 body 标签后使用了 fb sdk

<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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=1621907508042530";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

以及 Facebook 分享按钮

<div class="fb-share-button" data-href="http://halafund.com/project/index/fundraise-amis-campaign" data-layout="button_count"></div>

facebook 出于性能原因缓存 og 标签。要强制清除缓存,您可以使用他们的调试工具 https://developers.facebook.com/tools/debug/

在 FB 调试器中调试您的网站页面。访问 https://developers.facebook.com/tools/debug/

将您的网站 link 放在上面提到的 link 中,然后查看 "Warnings That Should Be Fixed" 下的警告。现在我看到 4 个问题,请先解决这些问题然后再试。