Fetch as Google not showing Waypoints.js on scroll animation

[swarming]

So I noticed that my main content underneath 4 reasons to choose LED Habitats did not show up in Fetch as Google as well as a few other sections. The site being brand new, so I'm not sure how this will be indexed.   What happens is, as the user scrolls the content is brought in using Waypoints and Animate.css  which offers an engaging yet simple user experience.  I'm just afraid that If the content doesn't show up in "Fetch as Google" in webmaster tools that this content will never be found / indexed by Google.

There are thousands of sites that use this library, I'm just curious what I'm doing wrong.. or what I can do.

Is there a way for me to keep the simple animations but keep Google Happy at the same time?

I took a screen shot of "Fetch as Google" and you can see blatant missing sections which are the sections animated by the waypoints library.

Thanks for listening!

Robert

ZqgLWHi

[Travis_Bailey]

Googlebot certainly fetched. And it definitely rendered. But it didn't scroll, so the animation never took place.

Barring anything unorthodox, the content is there - it's just waiting to be animated when the scroll event triggers the function. (onScrollInit).

Here's more about animations and Waypoints.js. There's a pretty concrete example toward the bottom of the linked article. It will show you that, yes, the content is there in HTML form. It's just waiting to be displayed in whatever fancy way.

The JavaScript approach could be problematic, in some instances. For some reason your JavaScript might not load on some sessions. Or perhaps someone will visit the site with JavaScript disabled in their browser.

The former is more likely than the latter, for a number of reasons.

Barring any concrete example, beyond the image (we need URLs!!! ), you can the check the live URL. You would do so using the cache: operator. Usage is as follows:

cache:thesite.com/the-fancy-javascripts

This will show you a cached example of the page. Should it be live, and unblocked by various robots (txt and/or meta), it may be cached by now.

If you can see the animations firing on-scroll, the content is indexed. Though it's generally preferable to show all content as soon as possible, without much hand-waving (fancy javascript animations, etc.).

Edit: I also forgot to mention one pretty critical thing. Make sure legit search engine bots have access to the site's CSS and JavaScript. If they don't, that will create problems as well.