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

【问题标题】：How can I use wow.js and animate.css without affecting SEO?如何在不影响 SEO 的情况下使用 wow.js 和 animate.css？
【发布时间】：2020-04-26 23:47:59
【问题描述】：

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

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

所以我检查了浏览器，发现所有带有 wow 类的东西都在“visibiliy : hidden”中。

当我使用 hack 时：

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

        }
    });
});

可见性属性消失，直到我滚动.. 一切正常，我想这对谷歌抓取更好？？

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

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

有人知道让所有魔兽类工作的逻辑是什么吗？

【问题讨论】：

标签： javascript jquery wow.js

【解决方案1】：

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

【讨论】：