Seo Single Page Application Demo

The goal of this project is to show different ways to deal with Search Engine Optimization (SEO) and Single Page Applications.

The web app is powered by nodejs at the server side, and angularjs at the client side, but any MVC framework (backbone, ember) should work for the client.

The base web app shows a single page with two links and two partials with dynamic contents.

Contents are evaluated by the js client code, so when we browse the page as a search robot, no content is returned : this is the problem this project is trying to fix.

Structure

The project has several branches to provide :

• master : the base web app, not SEO compliant
• include : a solution based on JS code sharing on both side, SEO partially compliant, nodejs only
• phantom : a solution based on phantomjs, SEO fully compliant but the app opens one more port
• jsdom : a solution based on jsdom, SEO fully compliant, but nodejs only

Install

./bin/install

Start web app

node app

Browse with a usual browser

http://localhost:3000/

Browse as a search robot

./bin/rob route_uri

where route_uri is :

• a => should return the content of the view and the evaluated partial a.html
• b => should return the content of the view and the evaluated partial b.html
• any other => should return the content of the view and the evaluated partial notFound.html

Enjoy !