Inhalte fliegen rein - schlecht für SEO?

[MarkoH]

Ich sehe immer wieder denn Effekt, dass auf Websites beim Scrollen Inhaltsblöcke "reinfliegen". Ist das aus SEO Sicht sinnvoll? Oder wertet Google diese reinfliegende Texte schlechter?

[arnego2]

Ich sehe immer wieder denn Effekt, dass auf Websites beim Scrollen Inhaltsblöcke "reinfliegen". Ist das aus SEO Sicht sinnvoll? Oder wertet Google diese reinfliegende Texte schlechter?

Wenn du diese Seiten findest weißt du ja ungefähr das Google die fliegenden Texte nicht abstraft.
Fliegen ist dabei etwas übertrieben, denn die Texte sind ja in der Seite.

[Arnd]

Durch den Reinflieg-Effekt darf sich die Ladezeit nicht erhöhen und die Core Web Vitals dürfen sich nicht verschlechtern. Das Layout darf sich nicht verschieben (CLS), also wenn die Elemente reinfliegen dürfen sich die anderen Elemente nicht verschieben. Der Google-Bot muss die Texte sofort lesen können. Die Texte müssen daher immer direkt im HTML
stehen. Um die Ladezeit zu verkürzen: CSS statt Javascript verwenden.

[joergowitsch]

CSS Scroll-driven Animations ist das Stichwort. Die Animationen sind direkt an die Scrollbewegung des Nutzers gekoppelt und das Ganze funktioniert. ohne JavaScript. 80% der Browser unterstützten diese Lösung. Mit einer CSS @supports-Abfrage stellt man sicher, dass moderne Browser die Animation ausführen und für die Nutzer älterer Browser die Objekte einfach an ihrem Platz blieben und nicht reinfliegen.

[StartKlar]

Google bewertet den Effekt selbst nicht schlechter, solange der Text im HTML steht — das ist oben schon richtig gesagt. Der Schaden entsteht woanders.

prefers-reduced-motion: Ein Teil der Nutzer hat im Betriebssystem "Bewegung reduzieren" aktiviert, unter anderem Menschen, bei denen Animationen Schwindel auslösen. Eine Media Query genügt:

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

Der Bereich über der Falz: Inhalte, die erst reinfliegen müssen, sind in dem Moment nicht lesbar, in dem der Besucher entscheidet, ob er bleibt. Bei Seiten, die Anfragen bringen sollen, ist der erste Bildschirm daher der falsche Ort für den Effekt. Weiter unten, als Gliederungshilfe, ist er unproblematisch.

Ein technischer Stolperstein noch: Wer den Startzustand mit opacity: 0 setzt, sollte prüfen, was passiert, wenn die Animation nie auslöst. Dann steht der Text im HTML, ist aber unsichtbar — für Nutzer wie für Tools, die die gerenderte Seite auswerten.