如何使用 React-Helmet 优化 SPA 的 SEO？答案

【问题标题】：How to optimize SEO for SPA using React-Helmet?如何使用 React-Helmet 优化 SPA 的 SEO？
【发布时间】：2016-12-27 11:15:14
【问题描述】：

我的项目是一个使用 react js 的单页应用程序。我听说谷歌可以抓取 javascript 页面，包括 react js 单页应用程序，而不需要服务器端渲染（尽管它通常对 SEO 更好）。

但是，当我使用网站管理员工具：获取并呈现为谷歌时，谷歌机器人看到的内容和我页面的访问者看到的内容都是空白的。即使我可以将特定的 url 添加到谷歌索引，谷歌只使用我放在静态 index.html 文件中的标题和描述标签，它没有得到嵌套反应头盔组件的标题和描述。有没有人有这方面的经验？非常感谢！

【问题讨论】：

【解决方案1】：

要回答您的问题，请确保您已填充必要的 es6 功能，谷歌爬虫的 javascript 功能可能非常有限，例如它没有 Array.find。你可以在这里阅读更多相关信息https://github.com/facebookincubator/create-react-app/issues/746#issue-179072109

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

您可以使用 react-snapshot https://www.npmjs.com/package/react-snapshot 在构建时将页面预渲染为静态 html，如果您的应用没有很多动态内容，这将非常有用。
您可以使用 prerender.io 等预渲染服务/使用带有预渲染功能的静态托管，如 netlify 或roast.io。至于 prerender.io，你甚至可以自己托管！

【讨论】：