我一生都无法弄清楚这一点。以下站点托管在 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/