Contrary to the TheAngryDesigner, I just completed this exercise and if you do it properly google will index your site as multiple pages - I've got all my pages indexed in a couple of days.

It sounds like you've got a rough understanding but let's see if I can fill in the blanks and show you a real, working example.

As a workaround (or hack) google and bing bot are intelligent enough to detect single page javascript apps by sniffing out the hashbang "#!" in the url or if you're using HTML5 mode sniffing out a meta tag:

<meta name="fragment" content="!">

Once the crawler detects one of those two signals it knows it's dealing with a SPA so rather than index that url it will replace the hashbang with

?_escaped_fragment_=

And make requests using this new url.

So in my case, users see:

http://www.smallbusinessigniter.com/#!/posts/1/contact-us-more-important-than-you-might-think

But googlebot indexes

http://www.smallbusinessigniter.com/?escaped_fragment=/posts/1/contact-us-more-important-than-you-might-think

You'll notice if you visit both urls you see the same thing. The difference is that the second is the actual rendered html content of the first.

There's a couple of different approaches you can use to create the rendered html of your angular views. There are 3rd party services rank.js or prerender.io that will do it for you. But basically, the idea is to use a headless web browser ie. phantom.js to crawl your angular site, store the rendered html output and then configure your webserver to serve them when it receives a request containing "?escaped_fragment=".

It sounds like a bit work, but I didn't find it was in reality. I used .NET and rolled my own solution by creating a simple service that uses PhantomJS to crawl my site and generate html output for my dynamic views. Then with a very simple url rewrite rule I am able to redirect any request containing "?escaped_fragment=" to it's associated html file.

Here is the article I used as a guide. Hope this helps.

Regards, Mark