Facebook Like 按钮不显示 og:image答案

【问题标题】：Facebook Like button not displaying og:imageFacebook Like 按钮不显示 og:image
【发布时间】：2013-04-11 15:14:32
【问题描述】：

我已将以下代码粘贴到我的网站以实现类似 facebook 的按钮：

<div class="fb-like" data-href="http://example.com/blog/article/28" data-send="false" data-width="450" data-layout="button_count" data-show-faces="false"></div>

我有以下元标记：

<meta property="og:type" content="website" />
<meta property="fb:app_id" content="123412341234123" />
<meta property="og:url" content="http://example.com/blog/article/28" />
<meta property="og:image" content="http://example.com/images/branding/logo7.png" />
<meta property="og:title" content="Testing Title - Sitename" />
<meta property="og:description" content="some description" />

我试过 Facebook Object Debugger，它显示所有数据都被正确抓取。 og:image 标记中的图像是 16.78KB 450x450px PNG 图像，它似乎满足我发现的唯一要求（最小宽度和高度为 200x200px）。

当我点击点赞按钮时，它正在工作，但作为与点赞相关联的图像出现“Pin It”按钮，我也实现了。

我的问题是我错过了什么，有没有办法用每个赞显示正确的图像？

【问题讨论】：

我也遇到了同样的问题

标签： facebook facebook-opengraph

【解决方案1】：

所有 og 标签都需要正确匹配。精确准确的 url 标签需要被 facebook 抓取。

例如

例子.com

和

不一样

www dot 示例 dot com

和

不一样

www dot example dot com/index dot php

我不确定匹配需要多精确，但这确实很重要。

Canonical URL 似乎也需要匹配 Fetched URL 并且它们似乎都需要匹配导航到的 url。创建指向相同抓取网址的替代相对链接并不好。

【讨论】：