一、服务器端渲染（SSR）
Angular应用默认采用客户端渲染（CSR），但搜索引擎爬虫对动态生成内容处理能力有限。通过 Angular Universal 实现SSR，可在服务器端生成静态HTML，提升搜索引擎索引效率。对于轻量级场景，可结合 预渲染工具（如Prerender.io）预先生成关键页面的静态版本。
二、元数据动态优化
使用Angular内置的 Meta服务 动态设置页面标题（Title）、描述（Description）和关键词（Keywords），确保搜索引擎准确识别内容主题。
针对不同路由页面，通过 Canonical标签 避免重复内容索引问题。
三、URL结构优化
避免使用Hash路由（如`/path`），采用 PathLocationStrategy 实现语义化URL（如`/product/123`），增强搜索引擎对页面内容的理解。
通过 Sitemap.xml 主动向搜索引擎提交页面结构，加速收录。
四、性能优化
代码压缩：精简HTML/CSS/JavaScript文件体积，减少首屏加载时间。
懒加载：按需加载模块，降低初始资源请求量。
CDN加速：静态资源部署至CDN，提升全球访问速度。
五、内容可抓取性增强
避免完全依赖JavaScript生成核心内容，确保关键文本信息可直接在HTML中呈现。
为图片添加 ALT属性，辅助搜索引擎理解非文本内容。
六、搜索引擎差异适配
Google/Bing：支持JavaScript渲染，但仍建议结合SSR或预渲染提升索引效率。
百度：需通过 主动提交链接 和定期更新Sitemap加速收录，且对SPA支持较弱。
注：核心工具与方案对比
| 方案 | 适用场景 | 优点 | 缺点 | 来源 |
|---------------|-------------------------|-----------------------|-------------------|------------|
| Angular Universal | 复杂动态内容 | 完整SSR支持，SEO友好 | 配置复杂度较高 | |
| Prerender工具 | 静态/半静态页面 | 快速部署，成本低 | 动态内容更新延迟 | |
| 元数据动态注入 | 多路由页面差异化SEO | 灵活控制各页面信息 | 依赖代码维护 | |
