React Helmet:Facebook 开放图谱

IT技术 reactjs react-helmet
2021-05-09 12:39:42

所以我已经开始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>
2个回答

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

或者,您可以使用gatsbyjsreact-static等工具基本上,它们预先将您的组件渲染为 HTML 文件。

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