OpenGraph元用于社交共享，不在Facebook上显示图像等

也许类似，但发布一个新的，因为我的问题间歇性的性质。不过，我在那篇文章中尝试了许多建议

在研究这个问题的过程中，我看到的帖子早在2012年就有人提出了反对意见，虽然有些东西对某些人有用，但我找不到任何确定的解决办法。我似乎根本无法解决我的问题，所以如果我们真的解决了这个问题，我会尽可能地详细说明，希望这可以作为某种资源

在使用OG数据的服务上共享URL时，不会获取图像，但这只是偶尔发生的情况。最值得注意的是，这种情况发生在Facebook上，但当它发生在特定的图像上时，其他OG服务（如WhatsApp）也会遇到同样的问题，这让我相信问题在于图像本身或OG元数据，而不是Facebook对它的执行。这不是一个等待刮刀来做它的事情，这已经持续了几个星期了，我经常这样做

发生这种情况时，我从Facebook调试器中获得以下信息：

• 关于Twitter属性和“解析器不匹配元数据”的警告 关于Twitter属性
• 重定向到带有尾随斜杠的同一URL的通知
• 找到的原始标记的详细信息
• 基于原始标记构建的数据
• 用户共享URL时将看到的内容示例

对于原始标记、构造的数据和示例，报告中没有异常，也没有发现其他错误。基本上，调试器说一切正常，并显示我期望它显示的图像。但是，当URL实际共享时，获取的信息不包括图像

我的研究表明，Facebook对做一些事情所需的信息非常挑剔，我应该提供尽可能多的属性。因此，目前我的meta看起来像这样（取决于页面）：

我觉得我已经尝试了我能找到的每一个选择，但似乎没有任何效果。令人困惑的是，它只是间歇性的；当映像工作时，它适用于所有OG服务；当映像失败时，它适用于所有OG服务。将图像更改为不同的图像有时有效，有时无效。事实上，这与第一张图像显示的可能性差不多。这是否意味着图像本身的某些属性对这个过程很重要？当我有一个特定的图像想要共享时，将图像更改为其他图像并不是一个真正的选项

---

有人知道下一步该做什么吗？或者更好的是，你能看到我的代码有什么明显的问题吗？如果您想看一看真实的图片，我很高兴为您发送一个URL。

“这是否意味着图像本身的某些属性对该过程可能很重要？”-您是否遵循文档中概述的图像大小的最佳做法？@CBroe我已经尝试了所有这些，图像尺寸，文件大小。有时，一个随机的改变会对一个特定的图像起作用，但是同样的改变不会对下一个产生任何影响。不过，这些东西只会影响一项服务，比如Facebook拥有最佳的图像共享维度。这并不能解释为什么其他OG服务在相同的映像上存在问题。我真的希望有人能看到我的标记或.htaccess中的缺陷。

<title>Examplefest 2018 - Lineup</title>
<meta name="description" content="An outstanding lineup" />
<meta property="og:title" content="Examplefest 2018 - Lineup" />
<meta property="og:description" content="An outstanding lineup" />
<meta property="og:url" content="https://example.com/lineup/" />
<meta property="og:type" content="article" />
<meta property="fb:app_id" content="15***********94" />
<meta property="og:image" content="http://example.com/_images/social-shares/lineup-social-share.jpg" />
<meta property="og:image:url" content="http://example.com/_images/social-shares/lineup-social-share.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="420" />
<meta property="og:image:alt" content="Examplefest 2018 - Lineup" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="Examplefest 2018 - Lineup" />
<meta property="twitter:site" content="@examplefest" />
<meta property="twitter:creator" content="@examplefest" />
<meta property="twitter:description" content="An outstanding lineup" />
<meta property="twitter:image" content="http://example.com/_images/social-shares/lineup-social-share.jpg" />
<meta property="twitter:image:alt" content="Examplefest 2018 - Lineup" />

Options +FollowSymLinks
RewriteEngine On

#Rewrite the WWW out of urls
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ http://%1/$1 [L,NE,R=301]

#Rewrite everything to https except the contents of specific folders
RewriteCond %{HTTPS} !on
RewriteCond %{THE_REQUEST} !\s/+_images/social-shares[/?\s] [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,NE,R=301]

#Force contents of specific folders to be HTTP and not HTTPS
RewriteCond %{HTTPS} on
RewriteCond %{THE_REQUEST} \s/+_images/social-shares[/?\s] [NC]
RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [L,NE,R=301]

#Allow cross site resources
Header add Access-Control-Allow-Origin "*"