正如标题所示,我无法在我的网站活动源中获取正确的缩略图。当用户喜欢一篇文章时,活动提要可以正常工作并显示喜欢的文章。但是它总是显示默认的 facebook 缩略图。
我使用了 facebook 调试器,它没有显示任何错误或警告,它确实显示了正确的 og:image。
我试过什么
我试过喜欢我通过 FB 调试器拉出的页面,看看硬刷新是否可以解决问题,但它没有。
我尝试使用文章类型 og:article 指定文章,希望我能解决问题,但这也不起作用。
我已经通读了 facebook 文档,当您正在寻找不按计划进行的内容时,我发现它非常缺乏,我在这里没有找到与活动提要缩略图相关的任何内容。
我认为问题可能在于 facebook 他们的图像缓存,但我不完全确定。我读到真的没有办法硬刷新+我必须为网站上的每个页面/文章都这样做,这是不合逻辑的。
希望你们中的一些人也遇到过同样的问题,并且可以为我指明正确的方向。干杯
编辑
这是我的元标记(以及 smarty 模板引擎)
<meta property="og:url" content="http://{$smarty.server.HTTP_HOST}{$smarty.server.REDIRECT_URL}">
<meta property="og:title" content="{$facebook_like_title|default:'*website name*'}">
{if $facebook_like_description|trim != ":"}
<meta property="og:description" content="{$facebook_like_description|default:'*Default like description*'}">
{else}
<meta property="og:description" content="*Default like description*">
{/if}
<meta property="og:image" content="http://{$smarty.server.HTTP_HOST}/img/logo.png">
{if $article}
<meta property="og:type" content="article">
<meta property="article:author" content="123456789">
<meta property="article:author" content="123456789">
{else}
<meta property="og:type" content="website">
{/if}
<meta property="og:site_name" content="website.com" />
<meta property="fb:app_id" content="****************" />
FB 活动提要:
<div style="background-color: #fff; overflow: hidden; width: 220px; height: 300px; margin-bottom: 20px;">
<div class="fb-activity" data-site="website.com" data-app-id="*******************" data-width="220" data-height="300" data-header="true" data-border-color="#2F5480" data-font="arial" data-recommendations="false"></div>
</div>
点赞按钮:
<div class="fb-like" data-href="http://{$smarty.server.HTTP_HOST}/{$news->readonUrl}" data-send="false" data-width="400" data-show-faces="false"></div>
编辑 2
这是来自活动源的屏幕截图:
我删除了第一个用户个人资料图片(隐私和所有内容),但它显示正确。第二个用户有一个默认的个人资料图片。
现在我想要的是那些“填充故事”具有正确的缩略图(指定为 og:image)而不是默认缩略图。
这是一个示例链接,FB 在喜欢时应该抓取(在这种情况下是第一个填充故事):
http
://sportflock.com/food/voedingsschemas
FB lint:http:
//developers.facebook.com/tools/debug/og /object?q=http%3A%2F%2Fsportflock.com%2Ffood%2Fvoedingsschemas