我正在尝试使用 React.js 创建一个网站(使用 React Router，而不是你的 Next.js)。 liveitcourses.com是仍在 build 中的网站的名称。
但是我遇到了一个奇怪的问题。每当我尝试查看“查看源代码”时，在网站的每一页上，标签正文都显示为空。恐怕如果不在 View 源中显示正文内容，搜索引擎将无法抓取我的页面，从而对 SEO 造成不良影响。
我几周前才开始使用 React。这是正常的 React 行为还是我需要更正它？如果我的理解是正确的，那么我怎样才能让搜索引擎抓取我的网站。请提出建议。
这是 HTML，body 标签是空的，而 title 和其他元标签存在:
<html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Learn IT courses online in interactive and live classes."/><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"/><title>Best online IT courses based on live classes and interactive programming sessions</title><script defer="defer" src="/static/js/main.80f62ed5.js"></script><link href="/static/css/main.53eb7892.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
最佳答案
React 就是这样，一个用于制作 SPA(单页应用程序)的库，其中所有内容都通过浏览器中的 JavaScript 处理。对于完全使用 React 制作的应用程序，实际上，服务器会发送这个空的 HTML 模板，其中包含要执行的脚本。您可以在执行后使用检查工具查看您的内容。
是的，这对 SEO 不利，因为搜索引擎爬行者很匆忙(页面的时间有限)。如果这对您的应用程序很重要，您应该尝试 Next.js , Gatsby ... 或使用 PHP、Node.js 数十年来为人所知的服务器端渲染...
关于javascript - React.js，查看源码是空的，对SEO不好吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/71746131/