Я пытаюсь настроить метатеги Open Graph для веб-сайта. Когда я обычно захожу на сайт с помощью браузера и проверяю источник, там есть теги. Однако они не отображаются, когда я использую отладчик OG.
Сайт, который я разрабатываю, находится здесь spurafrika-org.vercel.app (Next. js site ). Здесь он заменяет исходный сайт: spurafrika.org (сайт WordPress).
Когда я использую Я точно вижу, что наш скребок видит для вашего 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 - метатеги отлично работают в отладчике.
Еще одна проблема заключается в том, что инструмент отладчика, похоже, может уловить это на моем Далее. Сайт js Я указал https://spurafrika.org в качестве его канонического URL-адреса, который он может определить только через мой тег og: url. Тем не менее, когда я просматриваю то, что якобы видит отладчик, он показывает приведенный выше пустой фрагмент HTML.
Я подумал, что, возможно, это проблема кодирования или анализа , но я подтвердил мой HTML источник, использующий несколько инструментов, и никаких проблем.
Я в тупике. Кто-нибудь знает, почему это происходит?