栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

Prerender(JavaScript 网站静态化)

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Prerender(JavaScript 网站静态化)

搜索引擎经常试图来抓取我们的网站,但是搜索引擎不能执行 Javascript 脚本,Prerender 服务就是来解决这一问题。Prerender 可以对这些使用了前端渲染的 Javascript 框架做的网站进行良好的 SEO 优化。

基于 SEO 这样的场景,Prerender 是一个采用phantomjs的服务,它是可以对 Javascript 页面进行静态化。我们在 prerender.io 网站上有专门的服务提供给大家,并且我们将源代码开放出来,因为我们认为 SEO 技术是属于大家的并不是属于个人的。

它可以结合一些中间件库来搭建一个预渲染 HTML 的服务给搜索引擎抓取。我们可以通过 Rails 或者 Node 开始学习它。

Prerender 支持 Google 的_escaped_fragment_,我们建议你这样使用。非常简单:

  • 在你的页面的中增加标签;

  • 如果你的站点采用锚点路有技术(#),将它们改为(#!);

  • OK!现在你的 Javascript 页面可以完美支持 SEO 了;

Prerender 有很多插件,例如采用 Amazion S3 来缓存你的静态 HTML 页面。Prerender 还可以开启多个 phantomjs 进程来增加吞吐量。

中间件

Prerender 服务有很多中间件可以使用:

官方中间件
  • Javascript

    • prerender-node (Express)

  • Ruby

    • prerender_rails (Rails)

  • Apache

    • .htaccess

  • Nginx

    • nginx.conf

社区中间件
  • PHP

    • zfr-prerender (Zend framework 2)

    • YuccaPrerenderBundle (Symfony 2)

    • Laravel Prerender (Laravel)

  • Java

    • prerender-java

  • Go

    • prerender-go

  • Grails

    • grails-prerender

  • Nginx

    • Reverse Proxy Example

  • Apache

    • .htaccess

需要更多的不同框架的中间件请点击issue。

Prerender 是如何工作的

这是一个使用简单的服务,只需要输入一个 url 就可以得到被渲染好的 HTML(所有的