Warum AOS grundsätzlich SEO-freundlich ist
Die Verwendung der AOS (Animate On Scroll) Library hat keine negativen Auswirkungen auf das SEO, solange der Textinhalt direkt im HTML-Quellcode steht und die Scripts die Ladezeit der Seite nicht stark beeinträchtigen.
.Da Google-Bots und andere Suchmaschinen-Crawler Webseiten primär ohne Scroll-Interaktion analysieren, müssen Entwickler jedoch auf bestimmte technische Details achten, um Indexierungsprobleme zu vermeiden.
1. Unsichtbarer Inhalt für Crawler (Indexierungs-Risiko)
Manche standardmäßigen CSS-Konfigurationen von AOS setzen Elemente vor dem Scrollen auf opacity: 0 oder visibility: hidden. Wenn ein Crawler die CSS-Dateien strikt interpretiert, wertet er den Inhalt unter Umständen als "versteckt".
- Die Lösung: Sie können AOS so initialisieren, dass die Bibliothek vollständig deaktiviert wird, sobald ein bekannter Suchmaschinen-Bot die Seite aufruft. Fügen Sie diesen Code in Ihre GitHub AOS-Initialisierung ein: [1, 2]
AOS.init({
disable: function() {
// Deaktiviert AOS für Web-Crawler und bei reduzierter Bewegung im System
return /bot|crawler|spider|crawling/i.test(navigator.userAgent) ||
window.matchMedia("(prefers-reduced-motion: reduce)").matches;
}
});
