SPA 页面无法轻易被搜索引擎抓取到内容

Blade 未结

关注举报

 1  13

一、该问题的重现步骤是什么？

我们现在系统需要做SEO，要抓取到静态页面，现在都是SPA壳

二、你期待的结果是什么？实际看到的又是什么？

我们希望实现页面尽量是静态页，方便抓取，Title、Keywords、Description、内容，而不是SPA壳。

对于不同的路由（例如首页、产品页、文章页），查看源代码时显示的 Title、Keywords、Description 以及主体内容完全一样，都只是一个空的入口框架。

搜索引擎爬虫抓取页面时，获取到的是这个空壳，无法解析到任何有意义的文本内容或区别化的 SEO 标签。

我们希望实现以下目标：

“查看网页源代码”时，能直接看到每个页面完整的静态 HTML 结构，包括：

每个页面独立的 <title> 标签
每个页面独立的 <meta name="keywords"> 和 <meta name="description">

每个页面主要的文本内容（非 JavaScript 动态渲染生成）

搜索引擎爬虫无需执行 JavaScript 即可抓取到这些信息，从而提升网站的收录率、索引质量及关键词排名。

简单来说：源代码所见即所得，与浏览器渲染后的内容在语义上保持一致，而不是只有 <div id="app"></div> 的 SPA 壳。