How to make AJAX content crawlable from a specific section of a webpage?

[zpm2014]

Content is located in a specific section of the webpage that are being loaded via AJAX.

[Devanur-Rafi]

Hi,

Making the content being loaded by AJAX crawlable by Google involves serving a static HTML snapshot of the content being loaded by AJAX to Google. We should make sure that the HTML snapshot is the exact copy that will be served to the visitors through AJAX.

Here you go for more information:

https://support.google.com/webmasters/answer/174992?hl=en

Best regards,

Devanur Rafi

[Paddy_Moogan]

Hi there,

There are plenty of really good resources online that cover this area, so I'd like to point you towards them rather than copy and paste their guidelines here!

Google has a good guide here with lots of visuals on how they crawl AJAX -

https://developers.google.com/webmasters/ajax-crawling/docs/getting-started

They also have a short video here covering some of the basics of Google crawling AJAX and JavaScript:

https://www.youtube.com/watch?v=_6mtiwQ3nvw

You should also become familiar with pushState which is cover in lots of detail, with an example implementation in this blog post:

http://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate

The guys at Builtvisible have also put together a few good blog posts on this topic which are worth a read:

http://builtvisible.com/javascript-framework-seo/

http://builtvisible.com/on-infinite-scroll-pushstate/

Essentially, you need to make sure that Googlebot is able to render your content as you intended and that this looks the same to them as it does to users. You can often test how well they can render your content by checking the cache of your page or by using this feature in Google Webmaster Tools.

I hope that helps!

Paddy

[zpm2014]

Thanks Paddy! We'll definitely try these solutions.