打开图形元标记在 facebook 中不起作用答案

【问题标题】：open graph meta tags not working in facebook打开图形元标记在 facebook 中不起作用
【发布时间】：2015-03-01 00:35:09
【问题描述】：

好吧，我这辈子都想不通。我创建了一个新站点，并希望像在我的旧站点上一样添加开放图形元标记（工作正常）。当我将这些添加到我的新站点并在 facebook 调试器中测试它们时，它说它们不存在。当我测试它时，我得到了这个：

推断属性 'og:url' 属性应该显式提供，即使可以从其他标签推断出一个值。

推断属性 'og:title' 属性应该显式提供，即使可以从其他标签推断出值。

推断属性 'og:description' 属性应显式提供，即使可以从其他标签推断出值。

推断属性 'og:image' 属性应显式提供，即使可以从其他标签推断值。

此外，即使图像也在那里，它也找不到图像。以下是我网站上的代码：

<meta property="fb:admins" content="100002683693547" /> 
<meta property="og:title" content="JDerry Art" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.jderry.com/2015" />
<meta property="og:image" content="http://www.jderry.com/2015/images/link.jpg" />
<meta property="og:description" content="Art and Illustration by J. Derry" />
<meta property="og:site_name" content="JDerry Art" />

我的新网站网址是：http://www.jderry.com/2015/ 我已经在这里和其他论坛上尝试了所有类似问题的建议，并尝试移动标签的顺序无济于事...... 任何和所有的帮助将不胜感激，因为这开始让我发疯，因为似乎没有明确的答案，并且所有建议的解决方案都会产生相同的问题。提前致谢。

附：我的旧网站是 xhtml，我的新网站是 HTML5，不知道这对这个问题有没有影响？

【问题讨论】：

我去了jderry.com/2015，但在上面看不到任何og-tags。
检查您是否可以在您的 chrome 开发者工具中看到它们。当我检查源时我找不到任何东西。
大家好，我刚刚重新上传了我的网站（看起来我的 FTP 客户端装傻了，说文件在那里）。我只是再次尝试了一切，问题仍然存在。
<meta property="og:url" content="http://www.jderry.com/2015" /> 应为 <meta property="og:url" content="http://www.jderry.com/2015/" /> 与当前问题无关，但应以 / 结尾

标签： facebook facebook-graph-api tags meta

【解决方案1】：

当您使用 Open Graph Object Debugger 时。确保检查上次抓取的时间，并确保其与您网站上的更改保持同步。

您可以点击获取新的抓取信息，获取新的数据。现在你的开放图形标签工作正常。

These are the raw tags that we found
Meta Tag    <meta property="fb:admins" content="100002683693547" />
Meta Tag    <meta property="og:title" content="JDerry Art" />
Meta Tag    <meta property="og:type" content="website" />
Meta Tag    <meta property="og:url" content="http://www.jderry.com/2015" />
Meta Tag    <meta property="og:image" content="http://www.jderry.com/2015/images/link.jpg" />
Meta Tag    <meta property="og:description" content="Art and Illustration by J. Derry" />
Meta Tag    <meta property="og:site_name" content="JDerry Art" />

【讨论】：

【解决方案2】：

我遇到了同样的问题，导致我的问题是og:url 的内容只是mywebsite.com，而不是http://www.mywebsite.com。

【讨论】：

【解决方案3】：

对我来说，问题是我为我的网站启用了 ipv6，而我的网络服务器设置中没有正确的配置。

【讨论】：

【解决方案4】：

嘿，伙计们，这是我的答案，我希望它也适用于你：我尝试了我能得到的每一个建议，对我有用的是：转至：https://developers.facebook.com/tools/debug/og/object/

到达那里后，将您希望共享的网页中的 URL 粘贴到框中，然后点击“从新提取中检索信息”按钮

执行此操作后，会出现一些信息，您需要从该信息中获取什么，即“og:update_time”元素，在此元素的右侧您将有一个数字，您将需要将此元素与此数字一起添加到您的元信息中，如下所示：

元属性="og:updated_time" 内容="1496821331"

每个页面的每个数字都是唯一的，但我发现如果您在多个网页中输入相同的数字，它仍然有效，但您可能希望为您需要的每个网页输入特定数字（注意：在我的经验中，您不需要将图像与元数据放在同一目录中，实际上，我使用来自谷歌图像的图像并且效果很好！） this is an example of the og:updated_time

希望对大家有帮助。

【讨论】：

【解决方案5】：

我是如何解决这个问题的：

事实证明，Facebook 抓取工具在获取内容之前超时。您可以使用this tool. 检查这是否发生在您身上，如果确实超时，它将给出红色错误消息。

我正在创建一个 wordpress 网站，所以我使用“超级缓存”插件修复了这个问题，该插件会缓存内容，以便 facebook 抓取工具可以足够快地加载它而不会超时。您仍然需要使用sharing debugger 多次（最多 4 次）抓取所有内容才能通过并工作，因为图像加载是异步的。

【讨论】：