Question

我有Facebook推荐按钮的典型HTML5实现：

<div id="fb-root"></div>
<script type="javascript">
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    <? if ( $current_language == 'en' ): ?>
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    <? else: ?>
        js.src = "//connect.facebook.net/fr_CA/all.js#xfbml=1";
    <? endif; ?>
    fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>

<div class="share_button facebook" id="facebook">
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="80" data-show-faces="false" data-action="recommend"></div>
</div>

我第一次点击它时，弹出预览框不会显示标题或说明。我在页面顶部有以下信息：测试

<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="Test website." />
<meta name="keywords" content="test whatever" />
<meta property="og:title" name="Show this!" content="Show this!" />

如果我离开页面，从Facebook取消推荐页面并返回同一页面并再次按“推荐”，则会出现标题和说明。该页面显示数千个db条目之一，因此需要修复该问题。我已经尝试将js函数放在jQuery（document）.ready（function（） - 没有运气。我尝试将它移到页面底部 - 没有运气。有人可以帮助我吗？

Answer 1

从您提供的示例中，您缺少一些必需的OG标记，例如URL和图像。另外，您的头标记上是否有前缀信息？

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# myspecialapp: http://ogp.me/ns/fb/myspecialapp#">

Facebook推荐忽略og：title直到页面刷新

1 个答案: