How can I use wow js and animate css without affecting SEO

0 votes

I'm using wow.js and animate.css for my homepage.

I read a topic from MDBootstrap and others discussions in which people say that it is bad for SEO.

So I checked in the browser and saw that everything with the wow class is in "visibiliy : hidden".

When I use the hack:

jQuery(document).ready(function () {
    var scrolled = false;
    jQuery(window).on('scroll', function() {
        if (!scrolled) {
            scrolled = true;
            new WOW().init();

        }
    });
});

The visibility proprety disappear until I scroll.. Everything is working, I guess it's better for the google crawls ??

But the problem is that every wow class on the first screen, for example navigation items, site title, are not working because now I have to scroll to make animations work.

How can I make them work again ?? i tried my own jquery animation (fadeIn etc) but it produces some bugs on the page..

Does someone know how what is the logic to make all wow class work?

Feb 21 in Others by Kichu
• 19,040 points
961 views

1 answer to this question.

0 votes
there are two animation classes in MDBs I think its ok to use the scrolling solution  as Wow effect

To the element at the top of the page set your animated class but this works if you have the idea and knowledge about the element on the view port
answered Feb 22 by narikkadan
• 37,660 points

Related Questions In Others

+2 votes
0 answers

how can i download and install setookit?

Nov 30, 2019 in Others by anonymous
• 140 points
576 views
0 votes
0 answers
0 votes
1 answer

How Can I use "Date" Datatype in sql server?

Your dates are interpreted as MM-DD-YYYY. This ...READ MORE

answered Jun 21 in Others by nisha
• 2,190 points
81 views
0 votes
0 answers

How can I sort arrays and data in PHP?

These are my primary questions: How do I ...READ MORE

Aug 8 in Others by krishna
• 2,820 points
61 views
0 votes
1 answer

How to use npm jquery module?

To use jquery in node, you need ...READ MORE

answered Jun 21 in JQuery by rajatha
• 7,480 points
883 views
0 votes
0 answers

Object.values() in jQuery

The prototypeJS library has a method Object.values() ...READ MORE

Aug 8 in Web Development by gaurav
• 22,040 points
221 views
0 votes
0 answers

How to load jQuery Migrate for jQuery via RequireJS?

Can I load jQuery migrate via RequireJS? ...READ MORE

Aug 11 in Web Development by gaurav
• 22,040 points
92 views
0 votes
0 answers

Angular + jQuery .on() doesn't work with ng-repeat

jQuery .on() is not working with ng-repeat, when I ...READ MORE

Aug 22 in Web Development by gaurav
• 22,040 points
117 views
0 votes
1 answer

How can I create custom SEO-friendly URLs in OpenCart?

Index: catalog/controller/common/seo_url.php =================================================================== --- catalog/controller/common/seo_url.php (old) +++ catalog/controller/common/seo_url.php ...READ MORE

answered Feb 21 in Others by narikkadan
• 37,660 points
197 views
0 votes
1 answer

how can I change yoast seo generated sitemap file URL?

plugins/wordpress-seo/inc/sitemaps/class-sitemaps-router.php go to this directory and change the ...READ MORE

answered Feb 22 in Others by narikkadan
• 37,660 points
1,045 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP