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

use*_*934 9 seo meta-tags node.js single-page-application reactjs

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

但是,当我使用网站管理员工具:抓取并呈现为谷歌时,谷歌机器人所看到的以及我的网页访问者看到的内容都是空白的.即使我可以添加特定网址到谷歌索引,谷歌只使用我放在我的静态index.html文件中的标题和描述标签,它不会获得嵌套的反应头盔组件的标题和描述.有没有人有这方面的经验?欣赏它!

小智 4

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