Reactjs 打开图形元标记和搜索引擎优化

Reactjs 打开图形元标记和搜索引擎优化,reactjs,seo,facebook-opengraph,meta-tags,Reactjs,Seo,Facebook Opengraph,Meta Tags,我正在尝试使用React作为SPA重写“静态”web应用程序(仅限于服务器端PHP)。Stuff工作正常,但想知道如何处理开放图元标记之类的东西,特别是在搜索引擎和共享方面(例如通过facebook或twitter) 我在搜索这个问题时发现的“解决方案”只是说提供“动态”替换服务器端的元标记,但这在客户端SPA中有什么意义呢 例如,当某人共享https://example.com/page/1,例如,我希望将设置为第1页的标题,而不是整个站点的静态标题 有没有办法在React应用程序中动态管理这

我正在尝试使用React作为SPA重写“静态”web应用程序(仅限于服务器端PHP)。Stuff工作正常,但想知道如何处理开放图元标记之类的东西,特别是在搜索引擎和共享方面(例如通过facebook或twitter)

我在搜索这个问题时发现的“解决方案”只是说提供“动态”替换服务器端的元标记,但这在客户端SPA中有什么意义呢

例如,当某人共享
https://example.com/page/1
,例如,我希望将
设置为第1页的标题,而不是整个站点的静态标题

  • 有没有办法在React应用程序中动态管理这些元标记
  • 当google/facebook/twitter/etc通过抓取页面来获取这些细节时,它真的会起作用吗

  • 答案是“”。您可以使用Node.js服务器来实现这一点,例如react或帮助您实现这一点的工具。或者,您可以试试。

    Aha,因此实际上没有任何客户端专用的解决方案。我将next.js与node.js服务器一起用于SSR,这非常容易设置。当然,您可以设置每页的元标记。@如果没有SSR,您可以静态生成每页,因此每个路由都有一个唯一的html页面,您可以在其中设置每页的元标记。我们使用的是react-static。@George这基本上与SSR相同,只是“更静态”的SSR会在客户端请求html文件时生成html文件,而静态生成会在部署之前在构建时执行,然后静态服务。在这种情况下,SSR的好处是您可以生成包含时间变量数据在内的任何微小变化的html,而静态生成既不可行也不可能。这是否回答了您的问题@str如果你的意思是“你需要SSR”,那么是的。除非你找到了我不知道的新的客户端解决方案。我接受了现在的答案,上面说。谢谢你的轻推