prerender - OG 标签不适用于 React-helmet 和 Netlify

标签 prerender netlify facebook-opengraph react-helmet

我一生都无法弄清楚这一点。以下站点托管在 Netlify 上并启用了预渲染。检查页面时,所有 OG 标签都是正确的。这些标签是使用react-helmet注入(inject)的。

https://browniepoints.africa/opportunities/volunteer-at-a-soup-kitchen-every-week-on-thursdays

在 Facebook 调试器上抓取上述 URL 时,它会响应:

The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

唯一应该出现的错误/警告是 app_id,我不关心它。

我已经等待了 48 个小时以上才清除缓存,我尝试使用附加到 URL 的查询字符串进行抓取,并且图像具有绝对 URL。但连描述标签都没有通过。

使用 React-helmet 和 Netlify 的人能否对这个问题给出一些明确的解释?

最佳答案

这与已知的 prerendering issue 有关.

我的修复是删除 <!DOCTYPE html>来自 index.html 的声明文件作为临时解决方法,直到上述问题得到解决。

关于prerender - OG 标签不适用于 React-helmet 和 Netlify,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55952223/

相关文章:

user-agent - Microsoft 团队用户代理

node.js - git ref refs/heads/dashboard-Angular 不存在或您没有权限

netlify - Netlify 是否可以在不强制使用 SSL 的情况下将流量从 http 重定向到 https

wordpress - 从 Open Graph 中排除图像

angularjs - Angular 无法加载仅用于生产的 prerender.js/phantomjs 模块

javascript - 适合初学者的 Angular JS SEO

javascript - Netlify 部署(Nuxt - Storyblok CMS 项目)失败。 `Failed during stage ' 建筑工地' : Build script returned non-zero exit code: 1`

javascript - 多个 og :image tags not being displayed by share dialog or update status box

ios - og:url元标记是什么?

javascript - 在 body 之前发送 head 以尽快加载 CSS 和 JS