我正在try 使用React创建一个网站.js(使用React路由,而不是u Next.js).liveitcourses.com是仍在进行中的网站的名称.

但我面临一个奇怪的问题.在网站的每一页上,每当我试图看到"查看源"时,标签正文都显示为空.我担心如果它没有在查看源中显示正文内容,搜索引擎将无法抓取我的页面,从而对SEO产生不良影响.

我几周前才开始react .这是正常的react 行为还是我需要纠正它?如果我的理解是正确的,那么我如何才能使我的网站搜索引擎爬行.请建议.

这是HTML,body标记为空,而title和其他meta标记为空:

<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模板,其中包含要执行的脚本.执行内容后,可以使用判断工具查看内容.

是的,这对搜索引擎优化是有害的,因为搜索引擎Crowlers很忙(一个页面的时间有限).如果这对你的申请很重要,你应该试试Next.jsGatsby...或者使用几十年来在PHP、Node中使用的服务器端渲染.js...

Javascript相关问答推荐

微软Edge Select 间隙鼠标退出问题

按下同意按钮与 puppeteer 师

如何将Map字符串,布尔值转换为{key:string;value:bo布尔值;}[]?<>

屏幕右侧屏障上的产卵点""

基于props 类型的不同props ,根据来自接口的值扩展类型

如何在Node.js中排除导出的JS文件

MarkLogic-earch.suggest不返回任何值

Next.js中的服务器端组件列表筛选

有没有一种直接的方法可以深度嵌套在一个JavaScript对象中?

在验证和提交表单后使用useNavigate()进行react 重定向,使用带有加载器和操作的路由

有没有办法更改Chart.js 3.x.x中主要刻度的字体?

是否可以在不更改组件标识的情况下换出Reaction组件定义(以维护状态/引用等)?如果是这样的话,是如何做到的呢?

为什么NULL不能在构造函数的.Prototype中工作

使用Perl Selify::Remote::Driver执行Java脚本时出错

React数组查找不读取变量

Firebase函数中的FireStore WHERE子句无法执行

需要从对象生成列表

如何为两条动态路由创建一个页面?

浮动标签效果移除时,所需的也被移除

Playwright:ReferenceError:browserContext未定义