我在网页上有一个 Facebook Like/Share 按钮。单击“共享”按钮时，会弹出一个窗口，允许您共享有关该站点的消息。弹出窗口中还有一张照片，它来自按钮所在的网页。
问题是，该网页显示一张合成照片，在另一张图像之上的图像，而不是显示整个合成，弹出窗口显示它的一部分。
有没有办法在 Facebook 弹出窗口上完全使用不同的图像，一些网页上不存在的特定图像？我原以为 og:image 元标记可以解决问题，但它似乎不起作用。
谢谢。标记
问问题
2124 次
1 回答
1
知道了。我的问题是我需要从 Facebook 开发者页面获取的信息不完整或没有以我能理解的方式呈现。因此，为了我船上其他人的利益：
添加 Like/Share 按钮 javascript 代码和 div 标记（您希望按钮出现的位置）是不够的。您还需要在
<head>html 页面的部分中添加一组元标记。（注意，在 Facebook 开发者的“Like Tag”页面中，没有出现“meta tag”这个短语。）meta tag 的格式是这样的：<meta property="og:type" content="website">您添加这些元标记和 Facebook 找到它们之间显然存在滞后。有人说这是因为 Facebook 缓存其内容的方式。在任何情况下，您都可以使用 Facebook 调试器https://developers.facebook.com/tools/debug/绕过此滞后。您可以使用 按钮输入页面的 URL，它会告诉您代码中缺少什么——同时它现在可以识别任何新增内容，例如新的元标记。
结果我需要 og:url、og:title、og:image、og:site_name、og:type 和 og:description 的元标记。我还发现 og:image 标签需要一个绝对 URL。
我不是从 Facebook 而是从这里发现的：http: //davidwalsh.name/facebook-meta-tags
调试器现在告诉我我仍然需要 fb:admins 和 fb:app_id 标签。为了获得这些，我显然必须创建一个 Facebook 应用程序，我宁愿不这样做。我希望没有必要。
现在我已经添加了这些元标记并通过调试器运行我的页面，我现在得到了我想要在共享窗口中显示的图像。
于 2013-11-09T20:25:57.360 回答