Question

我的网站上有一个分享按钮（我使用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"

我的网址看起来像：[mySite] / 9095210/1811，所以对于每个不同的网址，我插入不同的缩略图，标题和说明。

我的图片来自绝对网址。

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

任何人都已遇到此问题，也许可以提供帮助吗？

Answer 1

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

您需要在Facebook开发人员区域中创建一个应用程序：https://developers.facebook.com/apps

需要将应用程序ID放到fb_init中，就像这样：

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

提供正确的appliaction id后，我的问题已经解决了。

Answer 2

类似的问题在＆＃34; facebook for developers＆＃34;在sharing , best practices

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

使用Sharing Debugger预先缓存图像通过URL调试器运行URL以预取页面的元数据。如果更新一段内容的图像，也应该这样做。
使用og：image：width和og：image：height打开Graph标签使用这些标记将指定爬虫的图像尺寸，以便它可以立即渲染图像，而无需异步下载和处理它。

第三种方式，也就是我们这样做的方式，就是放入链接，然后Facebook用＃34;提取预览＆＃34;关闭它并重新发布。这非常有效。我希望我能正确理解你的问题，这对你有帮助。

facebook share url仅在第二次点击时显示预览详细信息

2 个答案: