Fetch as Google not showing Waypoints.js on scroll animation
-
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
-
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.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Why is google still crawling my old website pages?
Why is google still looking at my old indexed pages and not my new index. ? Why are they crawling my old website links when none of them are available? How do I overcome these problems?
Web Design | | optimalspaces0 -
Recovering organic traffic and Google rankings post-site-crash
Hi everyone, we had a client's Wordpress website go down about 2 weeks ago and since then organic traffic has basically plummeted. We haven't identified exactly what caused the crash, but it happened twice in one week. We spent a lot of time optimizing the site for organic SEO, improving load times, improving user experience, improving the website content, improving CTR, etc. Then one morning we get a notification from our uptime monitoring service that the site was down, and upon further inspection we believe it may have been compromised. The child theme that the website was using, all of the files were deleted and/or blank. We reverted the website to a previous backup, which fixed the problem. Then, a few days later, the same exact thing happened, only this time the child theme files were missing after the backup was restored. We've since re-installed and reconfigured the child theme, changed all passwords (Wordpress, FTP, hosting, etc.), and we're looking into changing hosting providers in the very near future. The site uses the Yoast Wordpress SEO plugin, which has recently been reported as having some security flaws. Maybe that was the cause of the problem. Regardless, the primary focus right now is to recover the organic traffic and Google rankings that we've worked so hard to improve over the past few months up until this disaster occurred. The client is in a very competitive niche and market, so I'm pretty frustrated that this has happened after we were making such great progress, Since the website went down, organic search traffic has decreased by 50%. The site and all internal pages are loading properly again (and have been since the second time the website went down), but Google Webmaster Tools is still reporting a number of pages as "not found" witht he crawl dates as early as this past weekend. We've marked all errors as "fixed", and also re-submitted the Sitemaps in Google Webmaster Tools. The website passes the "mobile-friendly" tests, received A and B grades in GTMMetrix (for whatever that's worth), and still has the same original Google Maps rankings as before. The organic traffic, however, and organic rankings on Google have seen a pretty dramatic decrease. Does anyone have any recommendations when it comes to recovering a website's authority and organic traffic after it's experienced some downtime?
Web Design | | georgetsn0 -
Breadcrumbs show for some section and dont come for some. What could be the issue
Hello, We have implemented breadcrumbs - which comes up nicely for Blog and Forum in Google Search However, when we look at our 2 other section - New Car Product and Latest News - it does not comes up, is there any issue which can foresee Sample URL of New Car - http://www.mycarhelpline.com/index.php?option=com_newcar&view=product&Itemid=2&id=8&vid=188 Sample URL of News - http://www.mycarhelpline.com/index.php?option=com_latestnews&view=detail&n_id=474&Itemid=10 Its been over 1 month - since breadcrumbs been introduced in both New Car and News. is there any issue like in them as why is is not showing in search. Any recommendations Many Thanks !!
Web Design | | Modi0 -
Does Google penalize duplicate website design?
Hello, We are very close to launching five new websites, all in the same business sector. Because we would like to keep our brand intact, we are looking to use the same design on all five websites. My question is, will Google penalize the sites if they have the same design? Thank you! Best regards,
Web Design | | Tiberiu
Tiberiu0 -
Site lost in Google
Recently I switched my from Joomla to WordPress. I did 301 re-directs ...and promptly fell from Google results after 5 YEARS at no. 1-3 Still ranking 1 in Bing and 3 in Yahoo...but nowhere near the traffic I previously had. Here is my site: http://selfdirectedira.org Any suggestions? TIA
Web Design | | tvegas0 -
Google fails to pick out the correct URL of the story
Hi , I have a page with many news storeys on it. Google craws the page but it picks up a more general url even though I've embedded the direct URL within anchor tags around the headline . The snippet below got linked by Google to http://www.irishnews.com/ Any idea how i can get Google to pick-up http://www.irishnews.com/news.aspx?storyId=1180708 would be very welcome Peter Quinn: Family made scapegoats of financial crisis News Peter Quinn: Family made scapegoats of financial crisis THE Quinn family have been made scapegoats of the financial crisis surrounding the former Anglo Irish Bank, tycoon Sean Quinn's brother Peter claimed yesterday.Peter Quinn, a former president of the GAA, said hi read more»
Web Design | | Liammcmullen0 -
What is the new Google SERP highlighting?
My question is with the new Google SERP. I posted a pic of it at http://www.hortonwebdesign.com/images/new-google-page.gif. If you mouse over the arrows to the right of a result on the SERP, it pops up a preview of the page. On some results it also highlights a section of the page with a red box. What does this represent? Does it represent a key area that they are looking at in determining the positioning? I have some clients that are asking me and it doesn't make a lot of sense. In my example above I searched for "seo expert in georgia" and on my result (I'm #2), it shows a preview, but the part it has chosen to highlight with a red box is just, um, ...useless. It's highlighting a Recent Post sidebar on the right halfway down the page. Surely this can't be what they're looking at as what they view as "useful" to that search. This simply can't be what they're using to determine positioning. Or is it? Just please explain what I'm seeing here. new-google-page.gif.
Web Design | | GeorgiaSEOServices0 -
Why is site not being indexed by Google, and not showing on a crawl test??
On a site we developed of which .com is forwarded to .net domain, we quit getting crawled by google on about the 20th of Feb. Now when we try to run a crawl test on either url, we get There was an error fetching this page. Error description For some reason the page returned did not describe itself as an html page. It could be possible that the url is serving an image, rss feed, pdf, or xml file of some sort. The crawl tool does not currently report metrics on this type of data. Our other sites are fine and this was up to this date. We took out noodp, noydir today as the only thing we could think of. Site is on WP cms.
Web Design | | RobertFisher0