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

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

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

       

网上收集的解决方案 "如何使用React-Helmet优化SPA的SEO?"

为了回答你的问题,确保你已经填充了必要的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,你甚至可以自己主持!