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
315 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
• 10,640 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
499 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 5 days ago in Others by nisha
• 2,160 points
12 views
0 votes
1 answer

How do I start studying Node.JS to create a restful API?

Node.js is an open source server environment ...READ MORE

answered Jun 11, 2019 in Others by ArchanaNagur
• 2,340 points
430 views
0 votes
1 answer

How to use npm jquery module?

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

answered 5 days ago in JQuery by rajatha
• 3,540 points
10 views
0 votes
1 answer

What is jQuery?

Hey, jQuery is a fast and concise JavaScript ...READ MORE

answered Feb 14, 2020 in JQuery by kartik
• 37,510 points
293 views
0 votes
1 answer

Uncaught TypeError: Cannot read property 'msie' of undefined - jQuery tools

Hello, Use the following script tag in your ...READ MORE

answered Apr 28, 2020 in JQuery by Niroj
• 82,720 points
8,250 views
0 votes
1 answer

Uncaught Error: Bootstrap's JavaScript requires jQuery

Hello @kartik, You have provided wrong order for ...READ MORE

answered Apr 28, 2020 in JQuery by Niroj
• 82,720 points
15,108 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
• 10,640 points
31 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
• 10,640 points
304 views
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP