React 头盔：Facebook 开放图谱

Question

所以我 react helmet 在我的客户端应用程序上重新渲染 facebook og 标签到头部取决于应用程序中哪个页面处于活动状态。

然而 facebook 调试器和 facebook 本身并没有选择任何这些。我错过了什么吗？这仅适用于服务器端呈现的页面吗？

我希望不是因为我必须学习 node.js！

 <Helmet>
    <title>{props.title}</title>
    <meta property="og:url" content={ogUrl} />
    <meta property="og:type" content={props.type} />
    <meta property="og:title" content={props.title} />
    <meta property="og:description" content={props.desc} />
    <meta property="og:image" content={ogImg} />
 </Helmet>

Answer 1

大多数搜索引擎和爬虫直接使用服务器的响应，不允许您用 javascript 改变它。所以是的，你需要的是服务端渲染。

或者，您可以使用 gatsbyjs, react-static 等工具。基本上，它们会预先将您的组件渲染到 HTML 文件中。

Answer 2

或者，您可以使用 ogtag.me API 发送数据并通过预览动态创建缩短 link，然后共享此缩短 link 而不是 [=实际页面的 14=]。

React 头盔：Facebook 开放图谱

React Helmet: Facebook Open Graph

reactjs

react-helmet