百度 Vue SEO 入门：新手也能做好页面收录

很多新手用 Vue 做完网站后会碰到一个尴尬的问题：在百度里搜自己的站，要么搜不到，要么只收录了首页，内页几乎是空的。这往往不是内容写得不好，而是 Vue 这类单页应用（SPA）的渲染方式，和百度爬虫的抓取习惯天生有点"合不来"。这篇文章就从零讲清原因，并给出新手能直接落地的做法。

为什么 Vue 页面在百度容易"收录难"

Vue 默认是客户端渲染（CSR）。浏览器最初拿到的其实是一个几乎空白的 HTML 骨架，真正的标题、正文、链接都要等 JavaScript 执行完才会填进去。人用浏览器看没问题，但搜索引擎爬虫不一定会等 JS 跑完再读内容。

相比之下，百度爬虫对 JavaScript 的执行能力通常弱于谷歌，它更倾向直接读 HTML 源码里就有的文字。如果你的正文全靠 JS 渲染，百度很可能只看到一个空壳，自然没什么内容可收录。

先花两分钟判断自己有没有问题

动手改之前，先确认问题是否真的存在，别盲目折腾：

• 在页面上右键选择"查看网页源代码"（不是"检查"），看看正文文字在不在源码里。如果源码里搜不到正文，多半是纯客户端渲染。
• 把某个内页的完整网址放进百度搜索框看是否被收录；也可以用百度搜索资源平台的抓取诊断工具，看百度实际抓到的是什么。
• 在浏览器里关掉 JavaScript 再刷新页面，如果整页变空白，问题基本就能确定了。

三种主流解决思路，按需选择

1. 服务端渲染（SSR）

让服务器先把页面渲染成完整 HTML 再发给浏览器和爬虫。Vue 生态里常用 Nuxt 来做，配置成本相对可控。它适合内容频繁更新、页面数量多的站点，比如资讯站、电商。缺点是需要 Node 服务器，部署和维护比纯静态复杂一些。

2. 预渲染（Prerender）

在打包构建阶段，提前把指定路由生成好静态 HTML。页面不多、更新不频繁的站点（比如企业官网、个人博客）非常适合。它不需要额外服务器，成本最低，是新手最容易上手的方案。

3. 静态站点生成（SSG）

介于两者之间，构建时一次性生成全部静态页面，兼顾收录友好和访问速度。如果你的内容以文章为主、更新有节奏，这类方案会比较省心。

针对百度的几个额外细节

解决了渲染问题，还有一些基础功要做扎实，收录才会更稳：

• 每个页面都要有独立、准确的 title 和 description，别所有页面共用一套。
• 生成并提交 sitemap，同时在百度搜索资源平台完成站点验证、主动推送新链接。
• 用真实的 a 标签做内链，方便爬虫顺着链接爬到内页，别用 JS 点击跳转代替链接。
• 给图片加 alt，URL 尽量简洁、有语义，避免一长串无意义参数。
• 保证页面打开速度，加载太慢也会拖累抓取和排名。

新手落地顺序建议

如果你刚接触，不用一上来就啃 SSR。可以按这个顺序推进：先确认站点确实存在客户端渲染导致的收录问题；页面少就先用预渲染快速见效；等站点变大、内容变多，再考虑迁移到 Nuxt 做服务端渲染。把 title、sitemap、内链这些基础做扎实，往往比纠结用哪种"高级方案"更能带来实实在在的收录提升。

SEO 是个需要耐心的活儿，改完之后给百度一点时间重新抓取，持续观察收录变化再逐步调整，效果会慢慢显现。