OG标签不适用于react-helmet和Netlify
我无论如何也想不出这件事。以下站点托管在Netlify上，并启用了预渲染。检查页面时，所有的OG标签都是正确的。这些标签是使用react-helmet注入的。
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的人能给这个问题一些明确的解释吗？
回答 2
Stack Overflow用户
发布于 2019-05-08 22:44:18
这与已知的prerendering issue相关。
我的修复方法是从index.html文件中删除<!DOCTYPE html>声明，作为临时解决方法，直到上述问题得到解决。
Stack Overflow用户
发布于 2019-05-07 19:24:52
虽然我不能告诉你确切的原因。您的SSR不能正常工作。转到Chrome DevTools，点击控制台旁边的3个垂直线：
选择网络条件，然后取消选中自动选择并输入Googlebot/2.1 (+http://www.google.com/bot.html)
现在刷新页面，注意到您在站点上看到的只是一些明文，上面写着"html“，甚至您的javascript包也丢失了。这是你的html的样子：
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="fragment" content="!">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Brownie Points</title>
<link href="/static/css/2.3bf0f3c5.chunk.css" rel="stylesheet">
</head>
<body><noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
请注意，Netlify SSR是Beta版，但我个人并没有遇到这些问题。除了启用它之外，您还执行过其他步骤吗？我之前测试过它与CRA生成的应用程序一起工作。
https://stackoverflow.com/questions/55952223
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号