React / JSX生成的HTML元素是否对Google Web Crawlers不可见？

Posted 2021-04-08

我最近阅读了一篇文章，介绍了如何通过Googlebot / Google抓取工具获取使用javascript创建的html元素。原因在于，以最简单的形式，GoogleBot选择的HTML就是您在查看页面源时显示的所有内容。

我即将开始学习React，其中一个原因是你可以创建模板文件和组件，所以常见的功能，如页眉和页脚等，并轻松复制，以保持您的代码干。

令我担心的是，如果我这样做，React / JSX生成的HTML实际上不会被网络爬虫跟踪，从而使其基本上不可见，这将产生大量潜在的负面因素，尤其是劣质的SEO。

因此，我的问题是 - 使用React生成的HTML的行为方式与使用vanilla JavaScript生成的HTML的行为方式相同吗？我认为它必须这样做，但谷歌搜索时我找不到任何正确的答案？

非常感谢，

艾米丽。

答案

Reactjs是同构的或通用的或环境不可知的。

您可以构建客户端应用程序以及服务器端应用程序。

正如您已经了解客户端一样。现在，您将在以下教程https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app中查看服务器端实现

您还可以查看以下提供SSR的样板：https://github.com/erikras/react-redux-universal-hot-example

https://github.com/TimoRuetten/react-ssr-boilerplate