如何在不影响 SEO 的情况下使用 wow.js 和 animate.css？

Question

我的主页使用 wow.js 和 animate.css。

我从 MDBootstrap 和其他人的讨论中读到一个主题，其中人们说它 对 SEO 不利。

所以我检查了 brwoser 并看到带有 wow class 的所有内容都在“visibiliy : hidden”中。

当我使用 hack 时：

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

        }
    });
});

在我滚动之前，可见性属性会消失。一切正常，我想这对 google 爬行更好？？

但问题是第一个屏幕上的每个哇 class，例如导航项、站点标题，都不起作用，因为现在我必须滚动才能使动画起作用。

我怎样才能让它们重新工作？？我尝试了自己的 jquery 动画（淡入等），但它在页面上产生了一些错误..

有人知道让所有 wow class 工作的逻辑是什么吗？

Answer 1

MDb 包含两个动画 classes。在我的例子中，可以使用与第一个屏幕下方的 wow 效果相同的滚动解决方案，并将 animated class 设置为页面顶部的元素。但这只有当你在加载页面后知道 viewport 上的元素时才有效，否则我认为你只能自己处理它。

如何在不影响 SEO 的情况下使用 wow.js 和 animate.css？

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

javascript

jquery

wow.js