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
-
JS and HTML links: Any risk involved being employing two similar links on every page?
Hi all, We used a have a banner with link from all pages our subdomain. The link is JS link and it's linking to our website homepage from our sub domain. Recently we have added similar HTML link from all pages of sub domain presuming that Google might not be considering JS links. So, now we have 2 links (JS and HTML) from every page of sub domain pointing to the website. If Google considers 2 links, will there be any risk for employing same link twice from every page? Thanks
Web Design | | vtmoz0 -
Why is Google displaying meta descriptions for pages that are nowhere contained in said page metas?
Certain search keywords are pulling up incorrect page titles and meta descriptions for our site. I've looked through our code, and the text used by Google in the search results is nowhere found inside our site. I've also looked at previous iterations of our site from over a decade ago and still haven't found it. I then searched specifically for the exact phrased incorrect meta descriptions and found a long list of spammy sites linking to our domain with the exact, incorrect meta description. Is this why Google is displaying the incorrect data, and how do I get Google to use the meta descriptions from my actual site?
Web Design | | Closetstogo0 -
Will google penalize a website for using a table layout?
I just got a new client today and his entire website layout and structure is using tables instead of divs. This client is on a tight budget and wants to avoid unnecessary hours for re-coding the website, but at the same time he wants me to improve his SEO organically. This is the first time I've been asked to do work on an existing website that uses pure tables for the entire layout and I'm wondering if this effects the SEO in any way. So my question is, will tables effect rankings and SEO in any way?
Web Design | | ScottMcPherson0 -
Infinite Scrolling & "Long Scrolling" same or different??
Can anyone please confirm for me the difference if any, between site design that incorporates Long Scrolling and Infinite Scroll? I was told (by an unnamed source) these were different designs and that "long scrolling" is better for SEO . However, in all my research I am unable to prove there is any difference between the two. I understand Infinite scroll may include Ajax, but does that mean Long Scrolling does not? If anyone has any references or can supply any further education here, I'd appreciate it! Thanks!
Web Design | | ACNINTERACTIVE0 -
Do I need to redirect soft 404s that I got from Google Webmaster Tools?
Hi guys, I got almost 1000+ soft 404s from GWT. All of the soft 404s produce 200 HTTP status code but the URLs are something like the following: http://www.example.com/search/house-for-rent (query used: house for rent) http://www.example.com/search/-----------rent (query used:-------rent) There are no listings that match these queries and there is an advanced search that is visible in these pages. Here are my questions: 1. Do I need to redirect each page to its appropriate landing page? 2. Do I need to add user sitemap or a list of URLs where they can search for other properties? Any suggestions would help. 🙂
Web Design | | esiow20130 -
Infinite Scrolling vs. Pagination on an eCommerce Site
My company is looking at replacing our ecommerce site's paginated browsing with a Javascript infinite scroll function for when customers view internal search results--and possibly when they browse product categories also. Because our internal linking structure isn't very robust, I'm concerned that removing the pagination will make it harder to get the individual product pages to rank in the SERPs. We have over 5,000 products, and most of them are internally linked to from the browsing results pages in the category structure: e.g. Blue Widgets, Widgets Under $250, etc. I'm not too worried about removing pagination from the internal search results pages, but I'm concerned that doing the same for these category pages will result in de-linking the thousands of product pages that show up later in the browsing results and therefore won't be crawlable as internal links by the Googlebot. Does anyone have any ideas on what to do here? I'm already arguing against the infinite scroll, but we're a fairly design-driven company and any ammunition or alternatives would really help. For example, would serving a different page to the Googlebot in this case be a dangerous form of cloaking? (If the only difference is the presence of the pagination links.) Or is there any way to make rel=next and rel=prev tags work with infinite scrolling?
Web Design | | DownPour0 -
Google Analtyics Conversion Tracking for Wordpress Life Coaching Site
Hello, How do I do conversion tracking for Google Analytics for this site: debidonner(dot)com She has a 'Thank You' page after you return from Paypal Thanks!
Web Design | | BobGW0