How is Single Page Application (SPA) bad for SEO

[Billy_gym]

Hi guys. I am quite inspired of SPA technique. It's really amazing when all your interaction with the site is going on the fly and you don't see any page reloads.

I've started implementing the site with this instruction and already found nice guys to make the design.

The only downside of the using SPA which I can see **is the **SEO part. That's because the URL does not really change and different pages don't have their unique URL addresses. 
Actually they have, but it looks like:

• yoursite.com/#/products
• yoursite.com/#/prices
• yoursite.com/#/contact

So all of them goes after # and being just anchors. For Google this mean all of these pages is just yoursite.com/

My question is what is really proven method to implement the URL structure in Single Page Application, so all the pages indexed by Google correctly (sorry I don't mention the other search engines because of market share).

The other question, of course, is examples. It will be great to see real life site examples, better authority sites, which use SPA technique and well indexed by search engines.

[HankYoung]

Good question, Billy. Single page apps now play a huge role in modern web development and SEO issues make sense.

Before October 2015 Google suggested to use the following scheme:
http://example.com/page?query#!state
I.e. in your examples it will be yoursite.com#!products and yoursite.com#!prices. So main role in the understanding correct page URL played the ! symbol.
Here is the full recommendations (It's outdated now, read below):
https://webmasters.googleblog.com/2009/10/proposal-for-making-ajax-crawlable.html

In October 2015 Google launched new scheme and deprecated the old one. 
So here is the new announcement:
https://webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.html

The major news of this announcement is that now Google DOES index dynamic pages. 
But you need:

1. Make sure your JavaScript files can be indexed by Google (because Google run it in their crawler like just modern browsers)
2. Make sure you use HTML5 mode in URL scheme (AngularJS supports it). Read more here:
   https://stackoverflow.com/questions/27849927/google-indexing-of-my-angularjs-application