wow.js и Seo выпуск

Я использую wow.js и animate.css для моей домашней страницы. Я прочитал тему из MDBootstrap и других обсуждений, в которых люди говорят, что это плохо для SEO. Поэтому я зарегистрировался в brwoser и увидел, что все с классом wow "visibiliy: hidden".. когда я использую хак:

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

        }
    });
});

свойство видимости исчезает, пока я не прокручиваю.. Все работает, я думаю, что это лучше для Google сканирует??

Но проблема в том, что все классы wow на первом экране, например, элементы навигации, заголовок сайта, не работают, потому что теперь мне нужно прокрутить, чтобы анимации работали.

Как я могу заставить их работать снова?? Я попробовал свою собственную анимацию jquery (fadeIn и т. д.), но она выдает некоторые ошибки на странице... Кто-нибудь знает, как работает логика, чтобы все классы wow работали?

1 ответ

MDb содержит два класса анимации. В моем случае можно было использовать то же решение с прокруткой, что и wow эффекты под первым экраном и установите animated Класс для элементов в верхней части страницы. Но это будет работать только если вы знаете элементы на viewport после загрузки страницы, в противном случае я думаю, что вы можете справиться с этим только сами.

Другие вопросы по тегам