如何使用反应头盔优化SPA的SEO？

Question

我的项目是一个使用react的单一页面应用程序。我听说Google可以抓取javascript页面，包括react单页应用程序，而不需要服务器端呈现(尽管它通常更适合SEO)。

然而，当我使用网站管理员工具:获取并呈现为google时，google机器人看到的内容和访问者看到的内容都是空白的。尽管我可以向google索引中添加特定的urls，但google只使用我在静态index.html文件中添加的标题和描述标记，它没有获得嵌套的react头盔组件的标题和描述。有人在这方面有经验吗？非常感谢！

Answer 1

为了回答你的问题，确保你已经多填充了必要的es6功能，谷歌爬虫的javascript功能可能是相当有限的，例如它没有Array.find。你可以在这里读到更多关于https://github.com/facebookincubator/create-react-app/issues/746#issue-179072109的内容。

至于改进SEO的技巧，您可以使用以下技巧：

1. 通过使用react-snapshot https://www.npmjs.com/package/react-snapshot，您可以在构建时预录制页面到静态html，如果应用程序没有很多动态内容，这是很好的工作方法。
2. 您可以使用预呈现服务(如prerender.io )/使用静态托管和预先录制功能(如netlify或roast.io )。至于prerender.io，您甚至可以自己托管它！