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
-
Has anyone ever tested to see if having an ads.txt file provided any SEO lift?
I know that the ads.txt system is designed to prevent ad fraud and technically has nothing to do with search. That said, the presence of such a file would seem to be an indicator of overall site quality because it would show that a site owner wants to participate in a fraud-free system. Has anyone ever tested that? If so, they don't seem to have published their results. Maybe it's a secret weapon that some pros are using and not sharing?
Web Design | | scodtt0 -
What is the best way to employ log-in to benefit in SEO?
Hi all, All SaaS companies have this log-in page as their top visited page in their websites and some times it helps and also hurts them. I've gone through some big SaaS companies websites and they handle the log-in page differently like on sub domain, on website page, some will directly link to their instance login without a page, etc...I wonder what is the best practice to host the log-in to make sure the more visits to log-in page don't hurt us but give us some boost. Thanks
Web Design | | vtmoz0 -
Does DNS location affect international SEO?
Hi All Smart SEOmozers! I have another dumb question =] I have almost no knowledge on how DNS works and all the website background work. I understand that DNS is the server that translates a domain name to the IP address. Furthermore, I also know that IP Address location or web host location plays a small factor in international SEO. Webhosts usually provide the DNS service as well but for this case ABC Company uses a different domain service, diferent DNS service and different webhost service so things get complicated. So the question, does the location of DNS service we use affect International SEO like how the location of the webhost does. Thank you in advance for your help!
Web Design | | TommyTan0 -
Html 5 main and secondary navigation for SEO best performances
I am building a website which will have a main navigation related to the site and each link of the main navigation will have a secondary navigation. We do not want to use a megamenu style navigation. I will try to explain it with a example: Let's start with an example for a computer store "My PC Store", the Main Navigation would be: Desktop PC's Notebook & Tablets
Web Design | | netbuilder
Multimedia When clicking on the "Notebook & Tablets" the user is directed to the page domain.com/notebook-tablet.html and on this page the secondary navigation appears: Laptop Netbook Tablets / iPad I am confused on how I should organize the semantic navigation for best SEO performances and I need advice / suggestions. I thought about 2 different ways to do it but which one is more appropriate in terms of SEO? PROPOSITION A Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <nav>(or <aside>?) Desktop PC's Notebook & Tablets Multimedia </aside> </nav> <header> Notebook & Tablets <nav> Laptop Netbook Tablets / iPad </nav> </header> As you notice on the home page the Main Site Navigation is included in the <header>while it is not in the sub-pages. PROPOSITION B Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <header> Notebook & Tablets <nav> Desktop PC's Notebook & Tablets Multimedia </nav> # Notebook & Tablets * Laptop Netbook Tablets / iPad </header> The main navgation remains always in the <header>(home page / sub-pages) of all page. I need suggestions... How would you guys organize the nav ? </header> </header>0 -
I am looking to improve my on page seo, can you provide any recommendations or suggestions for how?
I am relatively new to the world of SEO and recently built a new site. I have read as many books as I can to help increase my skill set rapidly, and have attempted to implement the best of what I have learned but I know many of you have been in this arena for a while and I would be extremely appreciative of any suggestions you can offer with regard to on page. Thanks in advance. http://luxuryhomehunt.com - home page http://luxuryhomehunt.com/homes-for-sale/orlando.html - city level http://luxuryhomehunt.com/homes-for-sale/orlando/bay-hill.html - community level
Web Design | | Jdubin0 -
Best SEO Strategy for Social Games
Hi all - wondering if you can help.... We have a social gaming startup with a few million users. Our first game is http://iamplayr.com (currently just a landing page) - now we're just about to launch some more games. We'll have approx 6 titles by the end of the year (note most of our users are on Facebook.com).I'm a little unsure the best way to approach this from an SEO perspective. 1) Should we direct everything to a games specific .com site like http://iamplayr.com -> and if so, should we build out this site to attract more keywords2) Direct everything to our Facebook app e.g. http://farmville.com 3) Have 1 central site for our multiple titles, with each game having a subdomain e.g. ala King.com / Zynga.com etc? What you recommend? Our goal is to have a managable 'off Facebook' strategy that attracts maximum organic traffic for keywords e.g. 'free football game' etc Thanks 🙂 H
Web Design | | HowardK0 -
Are there any studies, statistics or measurable impact of using mixed fonts on landing pages?
Are there any studies, statistics or measurable impact of using mixed fonts on landing pages? One of our landing pages is using five variations of the Arial font where size, strength (bold, italics) and color all vary. One camp internally believes that this okay, whereas another camp wants to standardize the presentation where there's less variance (such as a heading as one and the body copy as another). Have you been through a similar trial or test in the past? I've seen some instances of a Marketing Sherpa study on the topic, but no real numbers to support one thing or another. I've attached an example image of our current LP. I have a lot of strong opinions on a number of items - but we're looking to have an immediate internal discussion on the font issue first. Thanks! GIzA8.jpg
Web Design | | eMagineSEO0 -
Looking for an open source or wordpress designer that knows seo best practices
I have almost lost my patience in trying to find a web developer for our project. I have searched high and low from freelancers to us based firms. All I can find; freelancers that can't get the job done, but promise they can and us based firms that are currently getting away with murder charging through the nose on work that is not acceptable to say the least. US based Firms 1. Seem to give you as little work as possible to increase their margin. I get it we all need to make money. 2. Everyone knows how to do everything until you start telling them that you have a little education in the industry and will be testing their work. All of the sudden they no longer talk to you. 3. Got a few recommendations and they are all subpar performers. After asking them why their builds load so slow or have so many errors they have excuses that point to the customer Freelancers over seas. 1. I am not sure where to start with this. I have searched high and low in freelancer for someone that I can trust to build a site. Of course there is a ton of junk to look through. After countless hours of narrowing down the individuals I am thinking of giving a shot I find that they are not capable of the job. All I want is a new website from a firm that is honest and knows what they are doing. That is educated in seo best practices. That can build a quality website and actually has references of sites they built that are still up and running and test out alright. It is pretty bad when web development companies miss simple items like h tags. Really? Does anyone know of someone that knows what they are doing? That can work with someone that knows how to run a dvd player. Just disappointing to see all these web companies and freelancers that get away with murder. Who earns their keep in this industry?!?!?!?
Web Design | | forecastedinvestments0