我正在尝试为一个网站设置Open Graph元标记。当我正常使用浏览器访问网站并检查来源时，标签就在那里。但是，当我使用OG调试器时，它们不会显示出来。
我正在开发的网站是spurafrika-org.vercel.app(Next.js网站(。它取代了原来的网站：spurafrika.org(WordPress网站(。
当我使用查看我们的scraper为您的URL功能所看到的内容时，我得到的是：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body><p>ÿþ</p></body>
</html>
请在此处亲自查看。与我网站的实际来源大不相同。
我原本以为这可能是Vercel/Next.js的问题，但当我发现它也发生在WordPress网站上时，我非常困惑：看看这个。我检查了其他使用Next.js和WordPress开发的网站——元标签在调试器上运行良好。
另一个令人困惑的地方是，调试器工具似乎能够在我列出的Next.js网站上找到它https://spurafrika.org作为它的规范URL，它只能通过我的og:URL标签来判断。然而，当我查看调试器应该看到的内容时，它显示了上面的空HTML片段。
我想这可能是编码或解析问题，但我已经使用了几个工具验证了我的HTML源代码，没有任何问题。
我被难住了。有人知道为什么会发生这种事吗？
我在代码沙箱中复制了您的代码-https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fkzi2c.csb.app%2F
最初保持og:url为https://spurafrika.org/导致警告和og:description没有被拾取，一旦我将其指向实际的url，它就全部修复了
将og:url更改为正确的url可能会修复它，给它一个机会并让我们知道。