设为首页收藏本站

LUPA开源社区

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

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

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

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


确保它可以正常工作

  Prerender 为你提供了一个控制台用来哪些页面已经被渲染并且被爬虫抓取。这是一个很棒的工具用来查看你的SEO页面是怎么工作的。

angular-seo-prerender-cached

angular-seo-prerender-crawl-stats


  注意事项

  最近,我有机会和Prerender.io的创始人进行了交谈,并问了他一些关于如何对单页面的app进行索引的问题。以下是他说的一些内容:

  • 相应给爬虫渲染后的HTML,而不是JavaScript

  • 不要发送404

  • 如果你使用#来连接你的URL,一定要设置hashPrefix('!'),以便URL被重写为'#!'。

  • 如果你有很多页面和内容,一定要有一个sitemap.xml和robots.txt。

  • Google每天只抓取一些页面,这由你的PageRank决定。包含一个sitemap.xml文件允许你来决定哪一个页面需要被索引。

  • 当你想在Google的站长工具中测试一下你的AngularJS页面是如何渲染的,一定要在右边的地方添加上#!或?_escaped_fragment_=,因为这个工具不会像爬虫那样对地址进行转换。


结语

  希望通过使用这个工具,你可以对你的Angular程序进行SEO。有很多像Prerender这样的服务以及方法去抓取AJAX的内容。去看一看 Google Webmaster AJAX Crawling Guidelines ,并构建一个可以进行良好SEO的Angular程序!


  查看相关代码 https://github.com/scotch-io/angular-seo-prerender


酷毙

雷人

鲜花

鸡蛋

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

最新评论

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

返回顶部