3

我的网站上有一个分享按钮（我使用 AddThis 工具）和 Open Graph 元标记，其中文章类型为：

meta property="fb:app_id" content="No"
meta property="og:image" content="LogoUrl"
meta property="og:image:type"       content="image/jpg"
meta property="og:image:width"      content="200"
meta property="og:image:height"     content="500"
meta property="og:url" content="LogoUrl"
meta property="og:title" content="title"
meta property="og:type" content="article"

我的 url 看起来像这样：[mySite]/9095210/1811，所以对于每个不同的 url，我插入不同的缩略图、标题和描述。

我的图片来自绝对网址。

问题：我在 facebook 分享预览窗口中看到了详细信息，只有在我第二次点击分享按钮之后。第一次出现 facebook 分享窗口，但没有任何细节。如果我第一次继续并分享链接（就像之后的时间一样），我会在我的 facebook 中看到所有详细信息。所以，问题只在 facebook 分享预览窗口。

任何人都已经遇到过这个问题，也许可以提供帮助？

4

2 回答 2

0

我有同样的问题，解决方案是下一个：

您需要在 facebook 开发者专区创建一个应用程序：https ://developers.facebook.com/apps

并且需要像这样将应用程序 id 放入 fb_init：

js.src = "//connect.facebook.net/hu_HU/all.js#xfbml=1&appId=YOUR_APP_ID";

提供正确的应用程序 ID 后，我的问题已解决。

于 2013-07-16T06:13:17.600 回答
0

类似的问题在“facebook for developers”中的分享、最佳实践中进行了解释

预缓存图像。首次共享内容时，Facebook 爬虫将从共享的 URL 中抓取并缓存元数据。爬虫必须至少看到一次图像才能渲染它。这意味着第一个分享内容的人不会看到渲染的图像。有两种方法可以避免这种情况，并在第一个 Like 或 Share 操作时呈现图像：

  1. 使用共享调试器预缓存图像 通过 URL 调试器运行 URL 以预获取页面的元数据。如果您更新一段内容的图像，您也应该这样做。

  2. 使用 og:image:width 和 og:image:height 打开图形标签 使用这些标签将为爬虫指定图像尺寸，以便它可以立即渲染图像，而无需异步下载和处理它。

第三种方式，也就是我们这样做的方式，就是放入链接，facebook 会回复“获取预览”，然后关闭它并重新发布。这很好用。我希望我正确理解了您的问题，并且这对您有所帮助。

于 2018-05-29T18:45:24.537 回答