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

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

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

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

至于提高SEO的技巧，你可以使用这些技巧：

  1. 您可以使用react-snapshot构build时的页面预渲染到静态html https://www.npmjs.com/package/react-snapshot如果您的应用程序没有多个dynamic内容，

  2. 您可以使用预渲染服务，如prerender.io /使用预渲染function，如netlify或roast.io静态托pipe。 至于prerender.io，你甚至可以自己主持！

Interesting Posts