【发布时间】：2017-05-09 09:29:42
【问题描述】：
如何处理使用 ReactJS、Webpack、React Router 进行路由和 redux 存储构建的单页应用程序的 SEO？此外，谷歌、Facebook 爬虫应该能够看到我的网站内容以进行索引。
【问题讨论】：
标签： reactjs webpack seo react-router client-side
【发布时间】：2017-05-09 09:29:42
【问题描述】：
处理单页应用程序的 SEO 非常棘手。这不仅与反应有关，而且与所有前端库和框架（角度等）有关。
如果您的大部分信息来自单页应用程序中的 API 调用，那么 Google 机器人实际上不会等待 API 调用完成。现在，由于您的 API 调用尚未完成，您的内容不会被 google bot 读取，您的 SEO 就会出现。
我在谷歌控制台上试过。我会说一定要试一试。它们显示了机器人如何实际查看您的页面的快照。
所以根据我的个人经验，我会说最好的解决方案是进行服务器端渲染。有两种方法可以做到这一点：-
- 要么使用 phantom.js 预渲染您的页面，要么使用内部使用 phantom.js 的 prerender.io 服务。
- 从后端渲染您的应用程序的首次加载，通过后端我的意思是不要调用 API，而是通过直接查询数据库来渲染信息（这应该仅用于首次加载，之后 react-router 应该将其作为单页正常接收申请）。
【讨论】：