How do elements that are displayed when scrolled impact SEO?
-
Hi,
We are wanting to implement Animate.css and Wowjs on our site and were concerned about the SEO impacts. Basically when the page is loaded, if the element is not within the viewport then the HTML tag (i.e. div tag) have a style="visibility: hidden" and once the element is within the viewport it will change to have style="visibility: visible".
Would having the style="visibility: hidden" negatively impact SEO?
-
I did a little more research on the issue queue for Wowjs and found that it is indeed impacting site's SEO. See https://github.com/matthieua/WOW/issues/196 here.
Wowjs sets the element to be visibility: hidden inline and the crawler cannot see the element as evident from using Fetch as Google from Webmaster Tools. We will have to find an alternative to Wowjs so that the solution we come up with does not set the visibility: hidden property but still applies the animation.
-
Personally, I do not have any issues with this method. It is quite similar to having content in an accordion and I see it used quite a bit on the web.
There is a minor chance that Google would not value this content as high as content shown on load. But with the mobile first index updates hidden content is becoming more acceptable.You can consider positioning it off screen with CSS so that it is more present in the code - this is commonly used for accessibility. However, I really wouldn't be concerned with using animate.css. I don't know as much about wowjs unfortunately. See: https://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/
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
-
How is Single Page Application (SPA) bad for SEO
Hi guys. I am quite inspired of SPA technique. It's really amazing when all your interaction with the site is going on the fly and you don't see any page reloads. I've started implementing the site with this instruction and already found nice guys to make the design. The only downside of the using SPA which I can see **is the **SEO part. That's because the URL does not really change and different pages don't have their unique URL addresses.
Web Design | | Billy_gym
Actually they have, but it looks like: yoursite.com/#/products yoursite.com/#/prices yoursite.com/#/contact So all of them goes after # and being just anchors. For Google this mean all of these pages is just yoursite.com/ My question is what is really proven method to implement the URL structure in Single Page Application, so all the pages indexed by Google correctly (sorry I don't mention the other search engines because of market share). The other question, of course, is examples. It will be great to see real life site examples, better authority sites, which use SPA technique and well indexed by search engines.1 -
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 -
On-page SEO opinion on this Wordpress theme
Hi everyone. As an SEO agency we've been moving more toward genesis themes, however we have a client who really wants to redesign his website using the following theme: http://themeforest.net/item/this-way-wp-full-videoimage-background-with-audio/943634 - the theme would be images with no audio on the homepage. He is a remodeling contractor and likes the design and functionality of the theme. I'd like to get others feedback and opinions on what you think about the on-page SEO of this theme? Thanks.
Web Design | | WillWatrous0 -
How to add SEO Content to this site
Hi Great community and hope you guys can help! I have just started on a SEO project for http://bit.ly/clientsite , the clients required initial KPI is Search Engine Rankings at a fairly low budget. The term I use for the site is a "blurb site", the content is thin and the initial strategy I want to employ to get the keyword rankings is to utilize content. The plan is to: add targeted, quality (user experience & useful) and SEO content on the page itself by adding a "read more" link/button to the "blurb" on the right of the page (see pink text in image) when someone clicks on the "read more", a box of content will slide out styled much the same as the blurb itself and appear next to and/or overlay over the blurb and most of the page (see pink rectangle in image) Question: Is this layer of targeted , quality (user experience & useful) and SEO content (which requires an extra click to get to it) going to get the same SEO power/value as if it were displayed traditionally on the initial display? If not, would it be better to create a second page (2<sup>nd</sup> layer) and have the read more link to that and then rel-canonical the blurb to that 2<sup>nd</sup> page, so that all the SEO passes to this expanded content and the second page/layer is what will show up in the rankings? Thanks in advance qvDgZNE
Web Design | | Torean0 -
3 Ecommerce Stores All Under One Roof - Good idea? SEO Benefits? Concerns?
I run multiple ecommerce stores in one particular market. I've been considering merging them all together and using a Single sign-on and allowing users to swap between websites. Each site is unique in their own way and are already ranking well on their own. But the goal is to merge them altogether to create a better user-flow. An example of what I'm trying to do is what Zurb.com does (http://zurb.com/apps). They have all of their different products but they're under different domains. Another example is http://www.envato.com/sites and all of their brands to their sites. Will this negatively impact SEO efforts across the board or will we eventually benefit from merging them. Also, is there a correct way to do this. For example; Should I make one site the "parent website" and then create sub-directories of the other websites and work on the DNS to point to the right locations. I'm not the technical person on our team but I do lead the marketing and I can't find the right answer for this question.
Web Design | | venturagroup0 -
Lazy Loading Content and SEO
I'v been seeing a lot of websites use a technique to present content to website visitors when the scroll down the page called "Lazy Loading". Does this hinder SEO and indexing since the content is not actually on the page until the user acts/requests it?
Web Design | | JusinDuff0 -
SEO to Drive Leads
Dear friends, I have clients asking for SEO to drive leads. I have no experience on it, how could I do that? Is there any web layout I can suggest to my client? Another question is how do I implemented the layout on the web structure? I usually structuring my website based on keywords. For example: Homepage niche: plumbing Category: london plumbing, plumbing service, etc Content: Finding London plumbing service in your area, what kind of plumbing service you should pay attention? So, based on these layout, my SEO efforts goes to the content, instead of the homepage. Now, the question is how do I increase conversion with these strategy? Is placing a form above the fold would be wise, then place the content below it. Please advice 🙂 Thanks for your kind support, Albertus
Web Design | | toeplly0 -
Does using Wordpress Multisite have any negative SEO impact?
I manage multiple websites in Wordpress and the idea of managing them all under one Wordpress install is very attractive. Are there any dangers SEO-wise to doing so? I know that all of the sites would live under the same IP address, but that's not something I'm really concerned with anyway because I don't do a lot of inter-linking between the sites. Thanks for your help! -El Juano
Web Design | | JonathanFashbaugh0
