设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

AngularJS使用Prerender.io处理SEO的问题

2014-6-25 11:52| 发布者: joejoe0332| 查看: 12470| 评论: 1|原作者: 中奖啦, 乔康007, 地狱星星|来自: oschina

摘要: AngularJS是一个用来构建网站和app的很棒的框架。内建的路由,数据绑定以及指令(directive)以及其他功能使得AngularJS可以很好的处理应用的各种前端功能。

  AngularJS是一个用来构建网站和app的很棒的框架。内建的路由,数据绑定以及指令(directive)以及其他功能使得AngularJS可以很好的处理应用的各种前端功能。


  使用AngularJS唯一的一个不爽的地方(到目前为之)是搜索引擎优化(SEO)。在这个教程中,我们将会介绍如何使你的AngularJS网站或app可以被Google抓取。


问题


  搜索引擎爬虫(又叫机器人)最初是被设计用来抓取网页的HTML内容的。随着web以及网站技术的进化,JavaScript变成了web的主要语言。AJAX允许我们在web上做异步的操作。AngularJS充分使用了异步模型,这也给Google的爬虫带来了问题。



angularjs-seo-prerender-old

  

  如果你是一个AngularJS的重度使用者,很可能你的程序只有一个真正的HTML页面,然后异步的向该页面中填充其他的视图。所有的路由和程序逻辑都在客户端完成,因此,不论你是修改页面,提交评论,或者是执行增删改查操作,你都在一个页面中完成这些工作。


解决方案


  放心,Google确实有一种方法来为AJAX的程序创建索引,你的AngularJS 程序可以被抓取,索引,以及像其他网站那样出现在搜索结果中。有一些你需要注意的事项及其他的步骤,但是Google全面支持这种方法。想要了解更多关于Google抓取AJAX内容的指南请参看 Google’s Webmaster AJAX Crawling Guidelines.


我们要构建什么

我们的程序应该能够被Google的爬虫以及其他爬虫(Bing的爬虫)渲染出结果。如果用这种方式,我们不会遇到上面那张图所显示的问题。我们会得到用户期望从我们这里得到的得到比较好的搜索结果。

angular-seo-prerender-new



酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部