SEO Inc. Blog

Making AJAX Application Crawlable for Search Engine Optimization

Making an Ajax application crawlable by the Google search engine is not incredibly complicated if you take the time to ensure the necessary technical requirements have been met. In this post, we will cover some of the key concepts in AJAX application search engine optimization.

Overview of AJAX SEO

Google and other search engines have a very difficult time crawling AJAX applications. Because of this, Google allows HTML snapshots to be delivered from the AJAX URL. The HTML page should be optimized for the terms that related to the AJAX content. In order to make this happen correctly we must follow the guidelines below. This information has been taken from documentation supplied by Google to ensure accuracy.

Indicate to Google that you have an AJAX site Ready for Crawling

First we need to create a URL that Google sees as being crawlable. In order to do this, we need to add a special character after the hash fragment.

Current URL

www.example.com/ajax.html#key=value

Correct URL

www.example.com/ajax.html#!key=value

By adding this relationship to your URLs it will now become SEO friendly and Google will pay attention to the information following the !.

Enable your Server to Handle _escaped_fragment

If you would like to get Google to index an AJAX web property you must supply the correct information. Google request that you offer a HTML optimized piece of content. The Google crawlier will modify each URL you provide as follows.

The crawler will modify this URL

www.example.com/ajax.html#!key=value

And Cause it to become this URL

www.example.com/ajax.html?_escaped_fragment_=key=value

According to Google, this is the reasoning behind this. Hashtags are never sent to a server as part of a HTTP request. But your server needs to know that it should deliver the HTML to the crawler.

After you have your URLs in place simply create an HTML snapshot. There are few different ways to do this so make sure to read the documentation. Google recommends one of the three methods.

Once you have enabled your URL correctly, created an HTML snapshot and map everything correctly. Your final step is to test the page. Make sure to use the Fetch as Googlebot tool to make sure everything is being picked up correctly.

0/5 (0 Reviews)