AngularJS SEO 百度云部署新手入门指南

先搞清楚：AngularJS 站点为什么在百度不容易被收录

AngularJS 是典型的单页应用（SPA）框架，页面正文依赖浏览器执行 JavaScript 之后才动态生成。用户访问时体验顺滑，但搜索引擎抓取到的常常只是一个近乎空白的 HTML 骨架，真正的标题、正文和链接都藏在脚本渲染之后。百度爬虫对 JavaScript 的执行与等待能力有限，抓取时页面里的 ng-view、ng-repeat 或者 {{ }} 插值可能还没被替换成真实文字，结果就是收录量长期偏低。

对新手来说，先要理解三件事：第一，能被百度收录的前提是爬虫"看得到"内容；第二，浏览器里能看到，不等于爬虫也能看到；第三，AngularJS 默认的哈希路由（带 # 的地址）对搜索引擎并不友好。把这三点想通，后面的优化方向就清晰了。

AngularJS SEO 的核心思路：让爬虫拿到完整 HTML

各种优化手段，本质都指向同一个目标：在爬虫来访时，把渲染好的完整 HTML 交给它，而不是让它自己去跑 JS。常见做法有以下几种。

预渲染（Prerender）

预渲染是最适合新手的方案。原理是用一个无头浏览器（比如基于 Chromium 的方案）在服务器端把页面跑完，生成一份带有完整正文的静态 HTML 快照。当检测到来访者是爬虫时，服务器返回快照；普通用户仍然走正常的 AngularJS 流程。这样既不用大改前端代码，又能让百度抓到真实内容。

服务端渲染与静态化

如果项目条件允许，也可以把关键页面（首页、栏目页、详情页）做成服务端渲染或提前静态化的 HTML。对内容相对固定的页面，直接生成静态文件，收录效果更稳定，加载也更快。

路由与 meta 信息处理

建议开启 HTML5 的 History 模式（pushState），使用不带 # 的干净地址，让每个页面都有独立、可抓取的 URL。同时为每个路由动态设置不同的 title 与 description，避免所有页面共用同一套标题。合理使用 canonical 标签，也能减少重复内容带来的困扰。

结合百度云完成部署与加速

解决了"渲染"，接下来要考虑"放在哪、跑得快不快"。百度云提供的云服务器、对象存储和 CDN 等能力，正好可以支撑 AngularJS 的 SEO 落地。

• 用云服务器运行预渲染服务和网站后端，按爬虫与真实用户分别返回对应内容；
• 把预渲染生成的静态快照、图片、打包后的前端资源放进对象存储，减轻源站压力；
• 接入 CDN 做多节点加速，缩短爬虫抓取和用户访问的响应时间，页面打开越快，越有利于抓取和体验；
• 启用 HTTPS，让站点使用安全协议，这也是搜索引擎评估站点质量时看重的一环。

需要提醒的是，速度和稳定性本身不会凭空提升排名，但抓取超时、频繁报错会直接拖累收录，所以稳定的部署环境是基础中的基础。

面向百度的收录动作：把内容主动"喂"给它

渲染和部署到位后，还要做一些针对百度的常规动作，帮助爬虫更快发现你的页面。

• 在百度搜索资源平台验证站点，通过链接提交中的主动推送、sitemap 等方式，把新页面尽快通知百度；
• 维护一份完整的 sitemap.xml，覆盖所有希望被收录的干净 URL，并保持更新；
• 写好 robots 文件，放开需要收录的目录，屏蔽后台、临时页等无需抓取的路径；
• 保证内部链接结构清晰，让首页能通过少量点击到达每一个内容页，方便爬虫顺着链接爬取。

新手落地步骤与常见误区

把前面的内容串起来，一个可执行的顺序大致是：先确认页面在关闭 JavaScript 时是否还有内容，判断问题的严重程度；再选择预渲染或静态化方案，让爬虫拿到完整 HTML；然后切换到干净的 URL，并完善每页的 title 与 description；接着借助百度云完成部署、加速和 HTTPS；最后到百度搜索资源平台提交链接并持续观察收录情况。

几个容易踩的坑也一并提醒：不要给爬虫和用户返回完全不同的正文，那属于作弊，风险很高；不要一次性堆砌关键词，标题和正文自然通顺才是长久之计；也不要指望上线当天就被大量收录，抓取和收录都需要时间。保持内容持续更新、结构稳定，收录会逐步改善。对新手而言，先把"让百度看得到内容"这一步做扎实，AngularJS 的 SEO 就已经成功了一大半。