"The 'og:image' property should be explicitly provided" 和 "The following required properties are missing: (every required ones)"

Question

我已经开始尝试将此添加到我的网站，但我对 facebook 所面临的问题缺乏详细信息感到非常沮丧，因为这些说明得到了仔细的遵循、应用和测试。我什至使用了像 OpenGraphCheck.com 这样的工具，它能够检索 here 所示的元标记。我什至尝试过测试在 LinkedIn 上发帖 url 并且它有效（只有 'og:description' 未打印）。但是 Facebook 是一团糟，它不会给你详细信息，无论你告诉它重新检查多少次，它总是会说这些错误。检查 viewsource 你可以看到一切都按预期放置。提前感谢那些可以提供帮助的人:)

示例 OG 目标：http://www.mypinoy.net/stocks/quotes/JFC

Answer 1

当 Facebook 抓取程序出现故障时，它可能会有点挑剔 HTML。

如果您按照调试工具输出底部的 See exactly what our scraper sees for your URL link，它会显示如下：

<!DOCTYPE html>
<html><body>
<p>&#65279;

</p>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
…

Validating your HTML 显示这是第一个错误，

Non-space characters found without seeing a doctype first. Expected <!DOCTYPE html>. At line 1, column 1

 是零宽度不间断 SPACE，参见 Why is  appearing in my HTML?

这可能会扰乱使用 DOM 解析器对文档的正确解析，这可能是 Facebook 在此处“看不到”您的 OG 元标记的原因。

所以找出这个字符从哪里进入你的输出，然后将其删除。

"The 'og:image' property should be explicitly provided" 和 "The following required properties are missing: (every required ones)"

"The 'og:image' property should be explicitly provided" and "The following required properties are missing: (every required ones)"

facebook

facebook-opengraph