Reactjs 反应头盔：Facebook开放图

因此，我在客户端应用程序上使用了

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>

{props.title}

大多数搜索引擎和爬虫程序直接使用服务器的响应，不允许您使用javascript对其进行更改。是的，您需要的是服务器端渲染

---

或者，您可以使用诸如、、之类的工具。基本上，它们会预先将您的组件呈现为HTML文件。

或者，您可以使用API发送数据，并通过预览动态创建缩短链接，然后共享此缩短链接，而不是实际页面的链接。

不是投票否决您的人，但可能应该提到的是，虽然Facebook和谷歌的情况是这样的是否需要等待10秒才能加载所有内容：@GokhanSari我想问的是facebook是否会获取使用盖茨比头盔动态添加的元数据？@HaseebBurki是的。盖茨比所做的是，它在构建时预先呈现您的组件（到HTML），因此您的元数据将在页面加载时可用。@GokhanSari我恐怕没有说清楚。如果我有一个拥有不同产品的在线商店和一个管理面板，供应商可以在其中自行添加产品，该怎么办。因此，无法预呈现产品详细信息页面。所有数据和元数据都将从数据库中提取。@Haseeburki如果您的数据是动态的，您将需要某种服务器呈现，因为您的数据将来自服务器。