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, 2022 in Others by Kichu
• 19,040 points
1,182 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, 2022 by narikkadan
• 50,080 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
623 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, 2022 in Others by nisha
• 2,190 points
127 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, 2022 in Others by krishna
• 2,820 points
80 views
0 votes
1 answer

How to use npm jquery module?

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

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

Object.values() in jQuery

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

Aug 8, 2022 in Web Development by gaurav
• 22,940 points
425 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, 2022 in Web Development by gaurav
• 22,940 points
126 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, 2022 in Web Development by gaurav
• 22,940 points
167 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, 2022 in Others by narikkadan
• 50,080 points
269 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, 2022 in Others by narikkadan
• 50,080 points
1,346 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