AngularJS是一个用来构建网站和app的很棒的框架。内建的路由,数据绑定以及指令(directive)以及其他功能使得AngularJS可以很好的处理应用的各种前端功能。 使用AngularJS唯一的一个不爽的地方(到目前为之)是搜索引擎优化(SEO)。在这个教程中,我们将会介绍如何使你的AngularJS网站或app可以被Google抓取。 问题搜索引擎爬虫(又叫机器人)最初是被设计用来抓取网页的HTML内容的。随着web以及网站技术的进化,JavaScript变成了web的主要语言。AJAX允许我们在web上做异步的操作。AngularJS充分使用了异步模型,这也给Google的爬虫带来了问题。 如果你是一个AngularJS的重度使用者,很可能你的程序只有一个真正的HTML页面,然后异步的向该页面中填充其他的视图。所有的路由和程序逻辑都在客户端完成,因此,不论你是修改页面,提交评论,或者是执行增删改查操作,你都在一个页面中完成这些工作。 解决方案放心,Google确实有一种方法来为AJAX的程序创建索引,你的AngularJS 程序可以被抓取,索引,以及像其他网站那样出现在搜索结果中。有一些你需要注意的事项及其他的步骤,但是Google全面支持这种方法。想要了解更多关于Google抓取AJAX内容的指南请参看 Google’s Webmaster AJAX Crawling Guidelines. 我们要构建什么我们的程序应该能够被Google的爬虫以及其他爬虫(Bing的爬虫)渲染出结果。如果用这种方式,我们不会遇到上面那张图所显示的问题。我们会得到用户期望从我们这里得到的得到比较好的搜索结果。
|