React Helmet:Facebook Open Graph

Tim*_*Lee 9 reactjs react-helmet

因此,我已经开始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>
Run Code Online (Sandbox Code Playgroud)

Gok*_*ari 13

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

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

  • 不是那个对你投反对票的人,但可能应该提到的是,虽然 Facebook 确实如此,但 Google 确实会等待长达 10 秒的时间来加载所有内容:https://webmasters.googleblog.com/2015/10/deprecating-our- ajax-爬行-scheme.html (2认同)