如何修复 JavaScript 渲染问题 诊断出 JavaScript 渲染问题后，如何解决 JavaScript SEO 问题？答案很简单：通用 Javascript，也称为“同构”JavaScript。 这是什么意思？这里的通用或同构是指能够在服务器或客户端上运行的 JavaScript 应用程序。 有几种不同的 JavaScript 实现，它们比客户端渲染更适合搜索，从而避免将 JS 卸载给用户和爬虫： 服务器端渲染 (SSR)。
JS。实现 SSR 的一种方法是使用Puppeteer之类 法国电话数据 的 Node.js 库。然而，这会给服务器带来很大的压力。 混合渲染。这是服务器端和客户端渲染的结合。核心内容在发送到客户端之前在服务器端进行渲染。任何其他资源都将卸载到客户端。 动态渲染。在此解决方法中，服务器会检测发出请求的客户端的用户代理。然后，它可以将预渲染的 JavaScript 内容发送到搜索引擎等。任何其他用户代理都需要在客户端渲染其内容。
例如，Google Webmasters 推荐一种名为Renderton的流行开源解决方案来实现动态渲染。 增量静态再生，即在网站部署后更新静态内容。这可以通过React 的Next.js或 Vue 的Nuxt.js等框架来实现。这些框架有一个构建过程，可以将 JS 应用程序的每个页面预渲染为静态资产，您可以从 S3 存储桶等位置提供这些资产。这样，您的网站就可以获得服务器端渲染的所有 SEO 优势，而无需管理服务器！ 这些解决方案中的每一个都有助于确保当搜索引擎机器人发出抓取 HTML 文档的请求时，它们会收到网页的完整呈现版本。