请描述针对 Vue 单页应用项目实施 SEO 优化的常见策略与具体方法。

回答思路

1. 【回答框架 1】Vue SPA 默认由客户端渲染，搜索引擎爬虫直接抓取 HTML 时内容为空，导致索引困难。优化目标是让爬虫获取到可解析的完整内容。
2. 【回答框架 2】常用方案一：预渲染（Prerendering），在构建时针对预定义路由生成静态 HTML，适用于内容变化不频繁的页面。可使用 Prerender SPA Plugin，但需注意动态数据和路由参数的处理。
3. 【回答框架 3】常用方案二：服务端渲染（SSR），使用 Nuxt.js 或 Vue SSR 官方方案，在服务端渲染页面返回完整 HTML。需要平衡首屏速度、服务器开销与开发复杂度。
4. 【回答框架 4】常用方案三：动态渲染（Dynamic Rendering），根据 User-Agent 识别爬虫返回预渲染页面，正常用户返回 SPA。需维护单独渲染服务，成本较高，且不能保证所有爬虫都被识别。
5. 【回答框架 5】此外，还应配合优化 meta 标签、结构化数据（如 JSON-LD）、sitemap 与 robots.txt，以及提升页面性能（如懒加载、代码分割）来增强 SEO 效果。
6. 【关键点 1】Vue SPA 客户端渲染导致首屏 HTML 内容为空，爬虫难以索引。
7. 【关键点 2】不常变的页面优先用预渲染，动态内容多则考虑 SSR 或动态渲染。
8. 【关键点 3】Nuxt.js 是 Vue SSR 的常用框架选择。
9. 【关键点 4】配合 meta 标签、结构化数据、sitemap 和性能优化可进一步加强 SEO。
10. 【易错点 1】不能盲目认为预渲染适用于所有页面，动态内容可能失效。
11. 【易错点 2】动态渲染依赖 User-Agent 识别，可能被新一代爬虫（如 Googlebot 渲染 JS）绕过，导致不一致。
12. 【易错点 3】SSR 会显著增加服务器负载和运维成本，需要权衡。