angularjs seo 百度咋做？新手也能快速上手！

今儿个咱来聊聊咋给 AngularJS 做的网站做百度 SEO，这事儿困扰我一阵子，不过好歹是趟出一条路来，赶紧记录下来分享给大伙儿。

我这网站用 AngularJS 搭的，那叫一个流畅，用户体验没得说。可问题也来，百度这爬虫它不认！它抓来抓去都是些都是没加载数据的空壳子！这可不行，搜都搜不到，还搞个

于是乎，我开始四处寻摸办法。一开始想得简单，觉得改改标题、描述啥的就完事儿。结果？卵用没有！后来才知道，这 AngularJS 是动态渲染的，百度爬虫来的时候，数据还没加载出来，它抓到的就是个空架子。

咋办？总不能眼睁睁看着网站沉下去？我继续查资料，发现一个叫 Prerender 的东西。这玩意儿听着挺玄乎，就是搭个服务器，专门给爬虫看的。当百度爬虫来的时候，Prerender 就把渲染好的页面给它，这不就解决爬虫抓不到数据的问题嘛

说干就干！我照着网上的教程，一步步把 Prerender 服务给搭起来。别说，这玩意儿还真有点儿门道，配置啥的得搞明白，不然容易出错。

搭建 Prerender 服务：

• 先得有个服务器，这不用说。
• 然后安装 * 环境，这 Prerender 是基于 * 跑的。
• 接着安装 Prerender，用 npm 命令就行，简单粗暴。
• 配置一下，主要是设置 token 和监听端口啥的。

搭好 Prerender 服务，这事儿还没完。还得让网站知道啥时候该用 Prerender。这又咋整？

我又是一顿好找，发现个叫 angular-seo 的东西。这玩意儿就是专门给 AngularJS 网站做 SEO 用的。把它引进来，然后配置一下，告诉它啥时候该用 Prerender，这事儿就差不多。

引入 angular-seo：

• 先下载个*文件。

• 在项目中添加一个模块'seo'，引入上面下载的js文件。

• 在项目中进行配置。

然后我还装个叫 PhantomJS 的东西。这玩意儿是干啥的？简单来说，它就是个没有界面的浏览器，可以在后台默默地把页面给渲染出来。Prerender 就是靠它来渲染页面的。

给 AngularJS 网站做百度 SEO，主要就两步：

1. 搭个 Prerender 服务，专门给爬虫看渲染好的页面。
2. 用 angular-seo 告诉网站啥时候该用 Prerender。

经过这一番折腾，我的网站终于能在百度上搜到！虽然排名还不算高，但起码是个好的开始。SEO 这玩意儿，急不得，慢慢来。以后还得继续研究，持续优化，争取让网站排名更上一层楼！

另外我还找到个angular-update-meta的库，好像也能动态更新文档标题和元标签，说是也能优化SEO性能，等有空在来研究研究。这回就先分享到这儿，希望能帮到同样在折腾 AngularJS 网站 SEO 的朋友们！