Question

前几天我在facebook上没有很好的分享图片。调试提供如下：必须修复的错误身体元标记在您的页面中有元标记而不是头部。这可能是因为您的HTML格式错误而且它们在解析树中降低了。请修改este订单以使标签可用。

我想有一些片段会破坏任何代码。

请帮助。

Answer 1

此错误消息是正确的。当您将URL输入调试器时，会有一个链接显示刮刀从您的页面中看到的内容：

Link from OG Debugger

您也可以使用https://developers.facebook.com/tools/debug/og/echo?q=[URL]直接访问此内容。在您的情况下，它将是https://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fmundoentrenamiento.com%2F

上面的链接显示您的页面没有指定头部。在该页面上注释的OG元标记位于body元素内。

您目前拥有的内容：

<!DOCTYPE html>
<html>
<body>
<meta property="og:locale" content="es_ES">
<meta property="og:type" content="website">
<meta property="og:title" content="Mundo Entrenamiento | El deporte bajo">
<meta property="og:description" content="Revista en l&iacute.">
</body>

它应该是什么：

<!DOCTYPE html>
<html>
<head>
<meta property="og:locale" content="es_ES">
<meta property="og:type" content="website">
<meta property="og:title" content="Mundo Entrenamiento | El deporte bajo">
<meta property="og:description" content="Revista en l&iacute.">
</head>
<body> ... </body>

Answer 2

我打算发帖说我有同样的问题，所以你没有想到...但是后来我发现我的情况是什么错误。

在前面的部分中，我之前使用后缀注释掉了一行代码。看来，当我删除此注释时，我不小心将->后缀留在了原处，这使facebook调试页面感到困惑（有趣的是，代码仍然以正确的顺序显示在Chrome“查看源代码”中）。

我使用Notepad ++作为编辑器，其突出显示的语法并不能使这种错字引起我一眼的目光。

很明显，我看不到您的html源，因此不知道这是否是导致您出错的相同原因，但希望它能为您提供线索，以寻找所需的内容。

在正文中调试Facebook元标记

2 个答案: