Skip to content

rails_angular_seo makes any Rails/js single-page app SEO friendly by pre-rendering content for SEO bots

License

Notifications You must be signed in to change notification settings

arunn/rails_angular_seo

 
 

Repository files navigation

= rails_angular_seo

* http://github.com/arunn/rails_angular_seo

== DESCRIPTION:

rails_angular_seo assumes that phantomjs is installed. Please install it if not installed already.

rails_angular_seo allows you to make your single-page apps (Backbone, Angular, etc) built on Rails SEO-friendly. It works by injecting a small rack middleware that will render pages as plain html, when the requester has one of the following user-agent headers:

          "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)",
          "Googlebot/2.1 (+http://www.google.com/bot.html)",
          "compatible; Mediapartners-Google/2.1; +http://www.google.com/bot.html",
          "AdsBot-Google (+http://www.google.com/adsbot.html)",
          "Mediapartners-Google",
          "Mozilla/5.0 (compatible; bingbot/2.0; +http://www.bing.com/bingbot.htm)",
          "Mozilla/5.0 (compatible; bingbot/2.0 +http://www.bing.com/bingbot.htm)",
          "Baiduspider+(+http://www.baidu.com/search/spider_jp.html)",
          "Baiduspider+(+http://www.baidu.com/search/spider.htm)",
          "BaiDuSpider"

Please note that, in order for this to work, you need more than one thread/process of your webserver running, as the middleware will effectively make a second call back to your own app and render the content, streaming it back to the requester (crawler/bot).


== TO DO/PROBLEMS:

* Caching support
* Support for other drivers
* Log what's going on

== INSTALL:

Add the following to your Gemfile:

    gem 'rails_angular_seo'

In order to serve a set of routes as a single-page app, your routes.rb usually contains a catch-all route that will direct /* or /something/* to the same index.html file (the root of your js app). In order to allow the rails_angular_seo middleware to intercept the right routes, you need to add this to your app initialization:

    config/initializers/rails_angular_seo.rb

    RailsAngularSeo::Middleware.base_path = "/" # replace / for whichever path matches your app's index.html
    RailsAngularSeo::Middleware.seo_id    = "seo_id" # replace seo_id with whatever ID is used for the HTML DOM element which would be updated with status as "ready" once the ajax load is completed.
    RailsAngularSeo::Middleware.server_name    = "NAME OF YOUR SERVER"
    RailsAngularSeo::Middleware.phantomjs_path = "/usr/local/bin/phantomjs" # If phantomjs is not in the default PATH.

And you're done! The middleware will only try to static-render requests made by bots AND that would render application/html content.

You can test that everything is working as expected by CURLing:

    # this will render the usual blank slate client-side apps serve
    curl http://localhost:3000/some/backbone/route

    # this will render a static representation of your page (just like it would look like in a browser)
    curl -A "Googlebot" http://localhost:3000/some/backbone/route


About

rails_angular_seo makes any Rails/js single-page app SEO friendly by pre-rendering content for SEO bots

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Ruby 87.2%
  • JavaScript 12.8%