angularjs seo怎么做？新手也能快速上手的技巧！

今儿个咱来聊聊 AngularJS 这玩意的 SEO 优化，这事儿一开始真挺让我头疼的。

一开始我做网站，用 AngularJS，心想着这框架挺时髦，写起来也方便。可后来发现，这搜索引擎咋就那么不待见我的网站？搜来搜去都找不着，流量少得可怜，我都快愁死！

问题出在哪儿？

后来我到处查资料，问大佬，才搞明白。原来 AngularJS 这东西，它主要是在用户的浏览器里头（客户端）把页面给渲染出来的。这就导致一个问题：搜索引擎的爬虫来“看”我的网站时，看到的都是一堆 JavaScript 代码，而不是那些个文章、图片啥的。爬虫看不懂，自然就不会把我的网站排在前面，用户也就搜不到。

咋解决？

为解决这个问题，我可没少折腾。主要干这么几件事：

• 搭建 Prerender 服务。这玩意儿说白，就是提前把 AngularJS 的页面给渲染变成静态的 HTML 页面。这样，爬虫来的时候，看到的就是正常的网页内容。
• 修改下 nginx 的配置。我得让 nginx 这“门卫”聪明点儿。它得能分辨出谁是普通用户，谁是爬虫。如果是普通用户，就直接让用户看 AngularJS 渲染的页面；如果是爬虫，就把它领到 Prerender 服务渲染好的静态页面那里去。

具体咋操作的？

我在* 文件里加些配置。让nginx这"门卫" 检查访问请求，判断是普通用户还是爬虫。如果是普通用户，就让他看正常的页面，请求交给localhost:4000去处理。如果是爬虫，nginx就把他打发走，去专门的那个已经渲染好的页面。

这么一搞，效果还真不错！我的网站在搜索引擎里的排名蹭蹭往上涨，流量也慢慢多起来。看来，这 AngularJS 的 SEO 优化，也不是啥难事儿嘛

，对，我还用个叫 angular-update-meta 的小玩意儿。这东西能帮我自动更新网页的标题和描述啥的，对 SEO 也有点帮助。不过这都是些小细节，主要的还是前面说的 Prerender 和 nginx 配置。

总之一句话，要想让 AngularJS 的网站被搜索引擎喜欢，就得想办法让爬虫看到它能理解的内容。这事儿虽然有点麻烦，但只要肯动手，总能搞定的！