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

Question

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

我從 MBootstrap 和其他討論中閱讀了一個主題，其中人們說這對 SEO 不利。

所以我檢查了瀏覽器，看到 wow 類的所有內容都在“可見：隱藏”中。

當我使用黑客時：

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

        }
    });
});

可見性屬性消失，直到我滾動.. 一切正常，我想這對谷歌爬行更好？

但問題是第一個屏幕上的每個哇類，例如導航項、站點標題，都不起作用，因為現在我必須滾動才能使動畫起作用。

我怎樣才能讓他們再次工作？ 我嘗試了我自己的 jquery 動畫（淡入淡出等），但它在頁面上產生了一些錯誤。

有人知道讓所有哇類工作的邏輯是什么嗎？

Answer 1

MDb 包含兩個動畫類。 就我而言，可以使用與第一個屏幕下方的wow效果相同的滾動解決方案，並將animated類設置為頁面頂部的元素。 但這只有在加載頁面后您知道viewport上的元素時才有效，否則我認為您只能自己處理。