Google's proposal for SEO friendly AJAX

Introduction | Pretty URL | Ugly URL

Pretty URL
You will notice that each dynamic page causes the URL in the browser to change. The dynamic page is identified by the variable after the '#!' sequence. This is the URL that Google will display in its search results.

JavaScript often uses the '#' (hash) method as this does not cause the browser to refresh. However, it cannot be used to generate crawlable content as it is accessible only on the client side (browser). This is where the ugly URL comes in.

Note how this page automatically loads the correct content if it detects a page name in the PrettyUrl. This is required so that the URLs in Google's search results work.

XML SiteMap

To help the pages get indexed I also created an XML SiteMap of the Ajax Pretty URLs and submitted it to your Google Search Console.