为客户端渲染React Project做SEO的最佳方法

Question

如何使用ReactJS，Webpack，React Router为路由和redux存储构建单页应用程序的SEO？此外，谷歌，Facebook爬虫应该能够看到我的网站内容进行索引。

Answer 1

处理单页应用程序的搜索引擎优化是棘手的。这不仅与反应相关，而且与所有前端库和框架（角等等）相关

如果您的大多数信息来自单页应用程序中的API调用，那么谷歌机器人实际上不会等待API调用完成。现在，由于您的API调用尚未完成，因此Google浏览器无法读取您的内容，而且您的搜索引擎优化已经开始了。

我在google控制台上尝试过。我会说尝试一下。它们显示了机器人实际看到您的页面的快照。

因此，根据我的个人经验，我会说最好的解决方案是进行服务器端渲染。有两种方法可以做到： -

1. 使用phantom.js预渲染页面或使用prerender.io服务在内部使用phantom.js。
2. 从后端渲染你的应用程序的第一个加载，后端我的意思是不要调用API，而是通过直接查询数据库来呈现信息（这应该仅用于第一次加载，之后反应路由器应该将其作为单页进行检索应用程序）。