New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AOS hidding content to google #161

Closed
ArGaspar opened this Issue Jun 1, 2017 · 3 comments

Comments

Projects
None yet
3 participants
@ArGaspar

ArGaspar commented Jun 1, 2017

Hi,

I would like to know if there is any way to dissable animation for google bots because all the content beeing animated is hiden for google, I have check it on the Search console visiting my website as google.

Regards.

@michalsnik

This comment has been minimized.

Owner

michalsnik commented Jun 7, 2017

Hey @ArGaspar, thanks for pointing this. I think it's something that I should address. But for now you should be able to do something like this:

AOS.init({
  // ... your config
  disable: function() {
    return /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
  }
});

This should disable AOS when most popular bots are entering your page. Let me know it that helped you :)

@mtshare

This comment has been minimized.

mtshare commented Jun 9, 2017

@michalsnik @ArGaspar
Not working properly. Google doesn't execute Javascript.
You should do something like that:

<noscript>
    <style>
        *[data-aos] {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
    </style>
</noscript>
@ArGaspar

This comment has been minimized.

ArGaspar commented Jun 9, 2017

@michalsnik nice!! now google can see blocked content, it does not show exactly as it its on the webpage but thats no a problem, the thing is, as you can see on the right in the picture the section " as a visitor would see the web" its not showing content so Im afraid of having bad indexation because of different content, Google is very clear in documentation about different content google
@mtshare your solution is good for google but It lose fade in effect so there is not too much point on using the library just to move an object a little bit.

Thanks guys for your help!.

Regards.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment