以下必需的属性缺失：og:url、og:type、og:title、og:image、og:description、fb:app_id。

Question

我们正在使用Facebook Share Debugger测试https://www.roadgoat.com的开放式图形标签。 我们一直收到以下错误：以下必需的属性缺失：og:url、og:type、og:title、og:image、og:description、fb:app_id 我们已经尝试了以下解决方案：

- 确保没有任何标签的重复条目 - 使用http版本的图像而不是https - 检查每个条目以确保没有问题 - 添加og:locale - 确保SSL有效

我还测试了我们的JS站点和我们预渲染的页面https://www.roadgoat.com?_escaped_fragment_=，但在两种情况下仍然遇到相同的问题。除了Facebook之外，似乎它在我测试的任何站点上都通过了。

我还检查了查看您的URL所见即所得的爬取器，并且我可以看到所有标签，就如预期的那样。

- KHMan

Answer 1

从你的网站上来看：

<meta content='{{metadata.description}}' name='description' ng-if='metadata.description'>
<meta content='en_US' property='og:locale'>
<meta content='519642741544020' property='fb:app_id'>
<meta content='{{og_meta.type}}' ng-if='og_meta.type' property='og:type'>
<meta content='{{og_meta.url}}' ng-if='og_meta.url' property='og:url'>
<meta content='{{og_meta.title}}' ng-if='og_meta.title' property='og:title'>
<meta content='{{og_meta.image}}' ng-if='og_meta.image' property='og:image'>
<meta content='{{og_meta.image_width}}' ng-if='og_meta.image_width' property='og:image:width'>
<meta content='{{og_meta.image_height}}' ng-if='og_meta.image_height' property='og:image:height'>
<meta content='{{og_meta.description}}' ng-if='og_meta.description' property='og:description'>
<meta content='RoadGoat' property='og:site_name'>

网站渲染标签而不是值，Facebook 没有问题！一些内容值如 og:url，og:image 是无效的，调试器会为这些抛出错误。

- therj

---

但是我在一个已经预渲染了所有值的页面上也遇到了相同的错误。尝试输入此网址，看看我的意思：https://www.roadgoat.com?_escaped_fragment_= - KHMan

此外，Facebook也可以渲染JS。以下是Facebook所看到的内容：https://developers.facebook.com/tools/debug/echo/?q=http%3A%2F%2Fwww.roadgoat.com%2F - KHMan

我发现你的网站和社交媒体定向网站之间唯一的区别是属性和内容的位置（它们先有属性，然后是内容）。你的og:属性被检测为自动（而且它们是正确的），这样在Facebook上，网站看起来就像预期的那样。如果你即将推出某些东西，请稍后再修复警告。你能改变属性和内容的位置吗？ - therj