“应明确提供'og:image'属性”和“缺少以下必需属性:(所有必需属性)”

时间:2020-05-27 06:35:52

标签: facebook facebook-opengraph

我已经开始尝试将其添加到我的网站中,并且由于遵循说明,应用和测试,facebook面临的问题缺乏细节,对此我感到非常沮丧。我什至使用过OpenGraphCheck.com之类的工具,该工具能够检索如图here所示的元标记。我什至尝试过在LinkedIn上测试发布的URL,并且可以正常工作(仅不打印'og:description')。但是,Facebook是一个疯狂的烂摊子,它没有为您提供详细信息,无论您告诉它进行多少次重新检查,它总是会说出这些错误。查看viewsource,您可以看到一切都按预期放置。在此先感谢您能提供帮助的人:)

OG目标样本:http://www.mypinoy.net/stocks/quotes/JFC

1 个答案:

答案 0 :(得分:1)

当Facebook抓取工具有错误的HTML时,它可能会有点麻烦。

如果您点击调试工具输出底部的See exactly what our scraper sees for your URL链接,它将显示为:

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

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

Validating your HTML将其显示为第一个错误,

找到非空格字符,但没有先看到doctype。预期为<!DOCTYPE html>。 在第1行的第1列

&#65279;是零宽度的不间断空格,请参阅Why is &#65279; appearing in my HTML?

这可能会使使用DOM解析器对文档的正确解析造成混乱,这很可能是Facebook在此处未“看到”您的OG元标记的原因。

因此找出该字符从何处进入输出,并将其删除。