A lot was written about how Google indexes AJAX. I'm reading up. For instance, this experiment in Oct 2013 was insightful. It appears that Google does index the content when it's loaded in $(document).ready(...)
. Google does that without special provisions on webmaster's part, without site map with #!
. Google connected the AJAX-fetched content to the page that fetches it.
The same experiment have shown, unfortunately, that Google didn't index the AJAX-fetched content that were loaded from a $(...).click(...)
event. That's where the map with #!
is needed.
My question. Where does Google connect the AJAX-fetched content from the site map? If a user finds what is looking for in the AJAX-fetched content, where will Google direct the user? How does it know which page loads a particular chunk of AJAX-fetched content?
Related:
SEO Friendly AJAX Example Site (ca Oct 2011)
Update:
After reading Stephen's answer, I wondered why everybody say the same thing and I can't seem to get it. Then I've read the following, and Stephen's answer began to make sense.
Google's FAQ on AJAX crawling
#85: Best Practices with Dynamic Content (31 min video, May 2010)
It turned out that I've picked not the best place to start figuring this out, initially.
.click()
on in jQuery? A link or a button or something else?.click()
with links and buttons. Also I'd like to use.blur()
and.focus()
of form controls to load hints/tips/instructions via AJAX. But that's future.)