Cumulative Layout Shift: wichtige Metrik für eine gesunde Website

Es handelt sich um einen Indikator, der seine Ergebnisse nicht auf die Ladezeit der Website stützt, sondern auf die Änderungen, die während des Lebenszyklus der Website vorgenommen wurden. Hier erfahren Sie mehr.

13 jul 2022

Cumulative Layout Shift: wichtige Metrik für eine gesunde Website
Cumulative Layout Shift: wichtige Metrik für eine gesunde Website
Cumulative Layout Shift: wichtige Metrik für eine gesunde Website

Ja, die Indizierung Ihrer Website ist wunderbar, um neue Nutzer anzuziehen, aber Sie haben vielleicht schon bemerkt, dass das Ranking Ihrer Website nicht einfach ist. 

Als Webmaster müssen Sie sich alle Metriken ansehen, die Google für das Ranking von Seiten verwendet, wobei der Cumulative Layout Shift eine der wichtigsten ist. 

Mit einer Website werden Sie die Besucher anziehen, die Sie brauchen, um Ihre Produkte und Dienstleistungen zu verkaufen, aber dafür müssen Sie sich bemühen, die Standards zu erfüllen. 

„Und es ist nicht nur schreiben und das war’s“? Die Wahrheit ist nein, und jedes Mal fügt Google neue Elemente hinzu, um dem Nutzer die Navigation zu erleichtern.

Wie können Sie also der Cumulative Layout Shift auf Ihrer Website umsetzen? Um diese Zweifel auszuräumen, hat unser Team einen vollständigen Artikel für Sie vorbereitet, in dem Sie erfahren, wie Sie diese Metrik nutzen können, um Ihren Nutzern das Einkaufserlebnis zu erleichtern. Verpassen Sie das nicht!

Was ist Cumulative Layout Shift?

Cumulative Layout Shift ist ein weiterer Faktor, den Sie bei der Positionierung Ihrer Website in den Top-Positionen von Google berücksichtigen sollten. Es handelt sich um einen Indikator, der seine Ergebnisse nicht auf die Ladezeit der Website stützt, sondern auf die Änderungen, die während des Lebenszyklus der Website vorgenommen wurden.

Haben Sie schon einmal auf einen Link geklickt, der Sie auf eine Website führt, die Sie nicht besuchen wollten? Nun, Sie wissen, wie frustrierend das sein kann, und genau das will Google um jeden Preis vermeiden, um die Benutzerfreundlichkeit und das Nutzererlebnis zu gewährleisten.

Der CLS wird in Punkten ausgedrückt und misst genau die visuelle Stabilität Ihrer Website. Von nun an müssen Sie Videos, Bildern und Kontaktformularen, die heutzutage die meisten visuellen Probleme verursachen, besondere Aufmerksamkeit widmen.

Wie wird der Cumulative Layout Shift berechnet?

Jede Website hat einen Zyklus, der von dem Zeitpunkt an gemessen wird, an dem sie erstmals erstellt wurde. Google misst alle Designänderungen, die vorgenommen wurden, um eine Bewertung abzugeben, die die Navigation der Nutzer auf Ihrer Website erleichtert oder beeinträchtigt. 

Was wird dabei berücksichtigt? Derzeit bewertet das Unternehmen alle Anzeigefenster und die Faktoren, die eine Instabilität des Systems verursachen. 

Die Punktzahl ergibt sich aus dem Bruchteil des Abstands und der Auswirkung des Scrollen. Dieser Wert kann zwischen 0 und 1 liegen und ist umso stabiler, je niedriger die Zahl ist. 

Schauen wir uns die Elemente der Formel genauer an:

1. Bruchteil des Abstands

Dabei berücksichtigt Google die Verschiebungen aller instabilen Elemente im Ansichtsfenster. Dazu werden zwei Bilder verwendet, und wenn zwischen ihnen eine Verschiebung von 25 % zur Seite oder nach unten stattfindet, wird das Ergebnis 0,25 sein.

2. Bruchteil der Auswirkungen

Diese Metrik untersucht, wie sich die Instabilität auf das Sichtfenster auswirkt. Wenn also das Element in einem ersten Bild 50 % des Fensters einnimmt, im zweiten Bild aber nur um 25 % verschoben wurde, wird der Browser in beiden Fällen eine Vereinigung des sichtbaren Bereichs signalisieren.

Am Ende würde der Wert 0,75 betragen. Diese Zahl muss dann mit dem Bruchteil des Abstands multipliziert werden, was ein Ergebnis von 0,19 ergibt.

Wie kann das CLS verbessert werden?

Alles, was gemessen wird, kann verbessert werden. Cumulative Layout Shift ist da keine Ausnahme, sodass Sie einige Aktionen implementieren können, um dem Benutzer die Navigation zu erleichtern.

Was sollten Sie tun? Unser Team wird Ihnen gleich einen detaillierten Leitfaden geben, aber denken Sie daran, dass der CLS-Faktor unter 0,1 liegen muss. Wenn Ihre Website ein höheres Ergebnis als diesen Wert aufweist, bedeutet dies, dass ihre Navigationsfähigkeit nicht zufriedenstellend ist und Sie bestraft werden.

Werfen wir einen Blick auf die Elemente, die Sie berücksichtigen sollten, um der Cumulative Layout Shift zu verbessern:

1. Messinstrumente

Sie müssen in Programme oder Tools investieren, die Ihnen sagen, wie gut oder schlecht die Nutzererfahrung beim Besuch Ihrer Website ist.

Lighthouse, PageSpeed Insights oder GTmetrix sind einige von ihnen und geben Ihnen detaillierte Informationen über das Verhalten und die Geschwindigkeit der Website in jedem der Fenster.

Ihre Website kann noch so schön sein und einen gut optimierten Inhalt haben, aber wenn die Ladegeschwindigkeit zu langsam ist, könnte Google Sie bestrafen. Berücksichtigen Sie das!

2. Anzeigen

Ja, Anzeigen sind sehr wichtig für die Rentabilität Ihrer Website, aber das Wichtigste ist, dass Sie die Anzeigen auswählen, die zu den Merkmalen der Website passen. Achten Sie darauf, dass sie die richtige Größe und Farbe haben, damit sie die Seite nicht verlangsamen und den Benutzer nicht belästigen.

Es gibt nichts Schlimmeres, als auf einer Website zu surfen und plötzlich erscheint ein Banner, das fast den gesamten Bildschirm bedeckt. Vermeiden Sie dies, damit Google Sie nicht bestraft!

3. Audiovisuelle Inhalte

Es stimmt, dass Bilder und Videos jede Webseite wunderbar aufwerten, aber sie müssen die richtige Höhe und Breite haben.

Mit den oben genannten Tools können Sie feststellen, dass diese Inhalte die Ladegeschwindigkeit der Website nicht beeinträchtigen. 

4. Text

Sie sollten darauf achten, dass die von Ihnen heruntergeladenen Schriftarten die Navigation der Website nicht beeinträchtigen, insbesondere unsichtbare Textblitze. Die gute Nachricht ist, dass Google Formate hat, die diese Fehler beseitigen, ohne die Struktur des Webs zu verändern.

Bedeutung von Cumulative Layout Shift für Ihre Website

Google entwickelt sich ständig weiter, um allen Besuchern ein optimales Nutzererlebnis zu bieten, und hat dafür viel Geld in Tools investiert, die ihr Verhalten auf Ihrer Website erkennen.

Aus diesem Grund haben ihn viele Fachleute als Musterdetektor katalogisiert, der die Art und Weise bestimmt, in der er Ihre Website bewertet. Jetzt ist es nicht nur wichtig, dass Sie wertvolle Inhalte erstellen, sondern auch, dass diese im richtigen Format und in der richtigen Geschwindigkeit präsentiert werden.

Hier kommt der Cumulative Layout Shift ins Spiel, der dafür sorgen soll, dass alle Bilder und Videos im idealen Bereich liegen, damit alle Inhalte genossen werden können. 

Jetzt haben Sie eine neue Messgröße, die Sie auswerten können, um sicherzustellen, dass Ihre Seite nicht abgestraft wird und dass Ihre Nutzer mit dem, was sie sehen, zufrieden sind. 

Wenn Sie sich überfordert fühlen, lesen Sie die anderen Inhalte, die wir vorbereitet haben, damit Sie ein gesundes und profitables digitales Geschäft von Grund auf aufbauen können. 

Und natürlich lassen Sie uns einen Kommentar in der Box unten (tun Sie es, es ist kostenlos 😊).