Facebook分享故事图片并不是第一次出现_Facebook_Facebook Opengraph

Facebook分享故事图片并不是第一次出现

facebook

Facebook分享故事图片并不是第一次出现,facebook,facebook-opengraph,Facebook,Facebook Opengraph,我尝试分享文章或网页，但第一次分享时，故事没有显示图像，但当我下次分享时，图像就出现了 <html class="no-js" lang="ar" dir="rtl" data-ng-app="mApp" xmlns:fb="http://ogp.me/ns/fb#"> <meta property="og:title" content="mytitle"/> <meta property="og:url" content="http://mytest.com"/&

我尝试分享文章或网页，但第一次分享时，故事没有显示图像，但当我下次分享时，图像就出现了

<html class="no-js" lang="ar" dir="rtl" data-ng-app="mApp" xmlns:fb="http://ogp.me/ns/fb#">
<meta property="og:title" content="mytitle"/>
<meta property="og:url" content="http://mytest.com"/>
<meta property="og:image" content="http://mytest.com/1-773128.jpg"/>
<meta property="og:description" content="ffff2024"/>
<meta property="og:site_name" content="ggggggg"/>
<meta property="og:type" content="ARTICLE"/>
<meta property="fb:app_id" content="2444444444444"/>

也签入FB调试器，结果相同。图像第一次未出现，下次将出现

<html class="no-js" lang="ar" dir="rtl" data-ng-app="mApp" xmlns:fb="http://ogp.me/ns/fb#">
<meta property="og:title" content="mytitle"/>
<meta property="og:url" content="http://mytest.com"/>
<meta property="og:image" content="http://mytest.com/1-773128.jpg"/>
<meta property="og:description" content="ffff2024"/>
<meta property="og:site_name" content="ggggggg"/>
<meta property="og:type" content="ARTICLE"/>
<meta property="fb:app_id" content="2444444444444"/>

列出了通过以下方式避免此问题的方法：

通过API预先删除新文章，或
通过OG元标记指定图像尺寸

更新
此带有iframe的解决方案不再工作了！从昨天开始工作，2017年2月6日。 Facebook只是将X-Frame-Options设置为DENY，这样你就不能在iFrame中加载共享url了。我在想另一个解决办法

我努力为这个facebook bug找到解决方案（添加og:image:width和og:image:height是不够的）
最后，我想出了一个可行的解决办法：我在页脚添加了一个隐藏的iFrame，其中包含sharer链接；通过这种方式，facebook爬虫会在页面加载后检查页面，当您第一次单击facebbok共享按钮时，您可以看到共享图像
例如：

<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe>

@CBroe:谢谢你提供的信息。如何防止它？@CBroe：把这个放在答案中，我会把它标记为答案。+1我真的不喜欢用一个看不见的iframe来污染DOM。然而，经过数小时（数天）的调试，并试图获得
og:image:width
和
og:image:height
的结果是无效的，这是最简单、最简单的解决方案。是的。。。我也是。。。此iFrame也可以加载服务器。但这是我找到的唯一解决这个问题的方法。我不建议在博客中使用此解决方案。我建议您在页面结果总是不同的情况下使用它（例如：www.nametest.com或www.daysoldage.com）。我认为，与其污染DOM，不如在单击共享按钮时将不可见的iframe添加到DOM中。然后，一旦不可见的iframe完成加载，我们继续执行共享按钮功能，然后删除iframe。它很难看，但应该能用。@Dustin您能列出您定义的
og:
标记的确切集合吗？有很多人指定了图像大小，但问题仍然存在