在React SPA中打开图元标签和SEO

Question

我正在尝试使用React作为SPA重写“静态” Web应用程序（仅服务器端PHP）。 Stuff工作正常，但想知道如何处理开放图元标记等，尤其是在搜索引擎和共享方面（例如通过Facebook或Twitter）。

我发现official documentation和“解决方案”试图解决这个问题，只是说要提供“动态”替换服务器端的元标记，但是在客户端中， SPA？

例如，当某人共享https://example.com/page/1时，我想要<meta name="og:title">设置为第1页的标题，而不是整个网站的静态标题。

1. 有没有一种方法可以真正在React应用程序中动态管理这些元标记？
2. 并且当google / facebook / twitter / etc抓取页面以获取这些详细信息时，它会真正起作用吗？

Answer 1

答案是“ SSR - Server Side Rendering”。您可以使用Node.js服务器进行响应，例如Next.js或Gatsby之类的工具可以帮助您。或者，您可以尝试prerender.io。