为客户端渲染 React 项目做 SEO 的最佳方式
Best way to do SEO for a Client side rendering React Project
如何处理使用 ReactJS、Webpack、用于路由的 React Router 和 redux 存储构建的单页应用程序的 SEO？另外 Google，Facebook 爬虫应该可以看到我的网站内容以进行索引。
处理单页应用程序的 SEO 很棘手。这不仅与 React 相关，而且与所有前端库和框架（angular 等）
如果您的大部分信息来自 API 调用您的单页应用程序，那么 google 机器人实际上不会等待 API 调用完成。现在，由于您的 API 调用未完成，您的内容未被 google 机器人读取，因此您的 SEO 也将消失。
我在 google 控制台中尝试了上面的内容。我会说一定要试一试。它们显示了机器人如何实际查看您的页面的快照。
所以根据我个人的经验，我认为最好的解决方案是进行服务器端渲染。您可以通过两种方式这样做：-
- 要么使用 phantom.js 预呈现您的页面，要么使用 prerender.io 内部使用 phantom.js 的服务。
- 从后端渲染你的应用程序的第一次加载，后端我的意思是不要调用 API 而是通过直接查询数据库来渲染信息（这应该只用于第一次加载，然后是 react-router应该把它作为单页应用程序很好地选择。
如何处理使用 ReactJS、Webpack、用于路由的 React Router 和 redux 存储构建的单页应用程序的 SEO？另外 Google，Facebook 爬虫应该可以看到我的网站内容以进行索引。
处理单页应用程序的 SEO 很棘手。这不仅与 React 相关，而且与所有前端库和框架（angular 等）
如果您的大部分信息来自 API 调用您的单页应用程序，那么 google 机器人实际上不会等待 API 调用完成。现在，由于您的 API 调用未完成，您的内容未被 google 机器人读取，因此您的 SEO 也将消失。
我在 google 控制台中尝试了上面的内容。我会说一定要试一试。它们显示了机器人如何实际查看您的页面的快照。
所以根据我个人的经验，我认为最好的解决方案是进行服务器端渲染。您可以通过两种方式这样做：-
- 要么使用 phantom.js 预呈现您的页面，要么使用 prerender.io 内部使用 phantom.js 的服务。
- 从后端渲染你的应用程序的第一次加载，后端我的意思是不要调用 API 而是通过直接查询数据库来渲染信息（这应该只用于第一次加载，然后是 react-router应该把它作为单页应用程序很好地选择。