在 React SPA 中打开图元标记和 SEO
Open graph meta tags and SEO in a React SPA
我正在尝试使用 React 作为 SPA 重写 "static" web-app（仅 server-side PHP）。 Stuff 工作正常，但想知道如何处理开放图元标记等，特别是与搜索引擎和共享相关的内容（例如通过 facebook 或 twitter）。
official documentation 和 "solutions" 我发现试图搜索这个问题，只是说提供被 "dynamically" 替换 server-side 的元标记，但是如何这在 client-side SPA 中有意义吗？
例如，当有人分享 https://example.com/page/1 时，我想要例如<meta name="og:title"> 设置为第 1 页的标题，而不是整个站点的静态标题。
- 有没有办法从 React 应用程序中动态管理这些元标记？
- 当 google/facebook/twitter/etc 抓取页面以获取这些详细信息时，它真的有效吗？
答案是“SSR - Server Side Rendering". You can do that with a Node.js sever for react, tools like Next.js or Gatsby help you with that. Alternatively, you can try prerender.io。
我正在尝试使用 React 作为 SPA 重写 "static" web-app（仅 server-side PHP）。 Stuff 工作正常，但想知道如何处理开放图元标记等，特别是与搜索引擎和共享相关的内容（例如通过 facebook 或 twitter）。
official documentation 和 "solutions" 我发现试图搜索这个问题，只是说提供被 "dynamically" 替换 server-side 的元标记，但是如何这在 client-side SPA 中有意义吗？
例如，当有人分享 https://example.com/page/1 时，我想要例如<meta name="og:title"> 设置为第 1 页的标题，而不是整个站点的静态标题。
- 有没有办法从 React 应用程序中动态管理这些元标记？
- 当 google/facebook/twitter/etc 抓取页面以获取这些详细信息时，它真的有效吗？
答案是“SSR - Server Side Rendering". You can do that with a Node.js sever for react, tools like Next.js or Gatsby help you with that. Alternatively, you can try prerender.io。