reactjs – React Helmet：Facebook Open Graph

发布时间：2020-12-15 05:04:32 所属栏目：百科来源：网络整理

导读：所以我已经在我的客户端应用程序上运行了反应头盔,根据应用程序中哪个页面处于活动状态,将facebook og标签重新渲染到头部. 但是facebook调试器和facebook本身并没有选择任何一个.我错过了什么吗？这只能用于服务器端渲染页面吗？我希望不要因为我必须学习no

所以我已经在我的客户端应用程序上运行了反应头盔,根据应用程序中哪个页面处于活动状态,将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>

大多数搜索引擎和抓取工具直接使用服务器的响应,不允许您使用javascript更改它.所以是的,你需要的是服务器端渲染.

或者,您可以使用像gatsbyjs,react-static这样的工具.基本上,它们会事先将您的组件渲染为HTML文件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!