在React SPA中打开图形元标记和SEO

Posted 2021-04-08

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

official documentation和我试图寻找这个问题的“解决方案”，只是说服务于动态“替换”服务器端的元标记，但这在客户端SPA中有何意义？

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

1. 有没有办法从React应用程序中动态管理这些元标记？
2. 当google / facebook / twitter / etc抓取页面以获取这些详细信息时，它是否真的有效？

答案

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