I am building a web site that uses AJAX to load its different pages to allow for a faster and more fluid user experience. How can I do this while still allowing my website to be easily indexed by search engines? I also want the browser’s back and forward buttons to work as expected. Any ideas on how I could accomplish this?
I know that other web applications like Grooveshark and Gmail already do this, but I’m unsure of how I could implement something like this myself.
Start by reading this:
http://code.google.com/web/ajaxcrawling/docs/getting-started.html
Basically, you need to add hash fragments to your URL, each representing the state of the current view. If you were to take the current URL and paste it into another browser, the application would look at the hash and re-execute the ajax activity that creates the same view state.