{"id":15773,"date":"2021-12-24T12:55:50","date_gmt":"2021-12-24T11:55:50","guid":{"rendered":"https:\/\/wolf-of-seo.de\/?post_type=glossary&p=15773"},"modified":"2023-09-13T06:37:57","modified_gmt":"2023-09-13T04:37:57","slug":"comulative-layout-shift","status":"publish","type":"glossary","link":"https:\/\/wolf-of-seo.de\/en\/what-is\/comulative-layout-shift","title":{"rendered":"Comulative Layout Shift"},"content":{"rendered":"
\n
\"cumulative<\/figure>\n<\/div>\n\n\n

Ist es nicht ärgerlich, wenn du versehentlich auf das falsche Element auf einer Webseite klickst, weil sich die Elemente auf der Seite beim Laden plötzlich verschoben haben?<\/p>\n\n\n\n

Layoutverschiebungen sorgen für ein schlechtes Nutzererlebnis, kommen aber dennoch häufig vor, vor allem auf mobilen Geräten, wo der Viewport<\/span><\/span> durch kleinere Bildschirmgrößen und Auflösungen begrenzt ist.<\/p>\n\n\n\n

Google möchte, dass die Verlage auf dieses Verhalten auf der Seite achten und es reduzieren. Um dies zu erreichen, hat Google eine Metrik namens Cumulative Layout Shift<\/span><\/span> (CLS) entwickelt, die Verlage objektiv messen und optimieren können.<\/p>\n\n\n\n

In diesem Artikel erfahren wir, was der CLS-Score bedeutet, warum er wichtig ist, wie er gemessen wird, welche Faktoren zu einem schlechten CLS-Score führen und schließlich einige Best Practices, mit denen sich der Score verbessern lässt.<\/p>\n\n\n\n

Was ist der CLS Wert?<\/h2>\n\n\n\n

CLS misst, wie stark sich der Inhalt einer Webseite während des gesamten Rendering-Zyklus verschiebt – oder anders gesagt, es misst die visuelle Stabilität der Webseite.<\/p>\n\n\n\n

Als Internetnutzer hast du wahrscheinlich schon einmal erlebt, wie frustrierend es ist, wenn sich der Inhalt einer Webseite mitten in einer Interaktion verschiebt, z. B. wenn du versuchst, auf einen Menüpunkt zu klicken, aber versehentlich auf eine Anzeige klickst, die dich dann auf eine Website eines Drittanbieters führt. Abgesehen davon, dass sie für die Nutzer\/innen lästig sind, können Layout-Verschiebungen auch zu größeren Problemen für Web-Publisher\/innen führen, z. B. zu hohen Absprungraten und Verstößen gegen die Anzeigenrichtlinien aufgrund von versehentlichen Klicks.<\/p>\n\n\n\n

Da Google CLS<\/span><\/span> zu den drei “Core Web Vitals” zählt, kann eine niedrige CLS-Punktzahl die gesamte CWV-Punktzahl nach unten ziehen und zu einer schlechten Note führen. Die jüngsten Aktualisierungen des Google-Suchalgorithmus bevorzugen Websites, die bei der CWV-Bewertung eine gute Note erreichen.<\/p>\n\n\n\n

Um es zusammenzufassen: Die Verbesserung der CLS-Bewertung führt nicht nur zu einem besseren Nutzererlebnis, sondern möglicherweise auch zu besseren Suchergebnissen und mehr organischem Traffic<\/span><\/span> von Google.<\/p>\n\n\n\n

Wie wird die CLS gemessen?<\/h2>\n\n\n\n

Immer wenn ein Element, das im Viewport<\/span><\/span> sichtbar ist, seine Startposition ändert, wird die Verschiebung aufgezeichnet und das Element als instabil eingestuft. Es ist wichtig zu wissen, dass eine Layoutverschiebung nur erfasst wird, wenn sichtbare Elemente ihre Startposition auf der Seite ändern, nicht aber, wenn ein neues Element zum DOM hinzugefügt wird oder ein bestehendes Element seine Größe ändert.<\/p>\n\n\n\n

Die CLS-Punktzahl setzt sich aus zwei verschiedenen Maßzahlen zusammen, die Layoutverschiebungen erfassen: dem Einflussanteil und dem Abstandsanteil. Der Impact Fraction misst, wie instabil Elemente den Viewport<\/span><\/span> zwischen zwei Frames beeinflussen, indem er die Summe aus dem ursprünglichen Element und der Verschiebung als Verhältnis zur gesamten sichtbaren Fläche misst. Der Abstandsanteil ist der größte Abstand, den ein instabiles Element im Verhältnis zum Ansichtsfenster (entweder horizontal oder vertikal) verschoben hat.<\/p>\n\n\n\n

Kumulative Layout-Verschiebung = Auswirkungsanteil * Abstandsanteil<\/p>\n\n\n\n

Was ist ein guter CLS-Wert?<\/h2>\n\n\n\n

Der CLS-Wert wächst proportional zu der Verschiebung, die von instabilen Elementen auf der Seite verursacht wird. Je niedriger der CLS-Wert ist, desto besser für die Benutzerfreundlichkeit.<\/p>\n\n\n\n

    \n
  • Sehr gut: Weniger als 0,1<\/li>\n\n\n\n
  • Verbesserungsbedürftig: Zwischen 0,1 und 0,25<\/li>\n\n\n\n
  • Schlecht: Mehr als 0,25<\/li>\n<\/ul>\n\n\n\n

    Faktoren, die zu einer schlechten CLS-Bewertung beitragen<\/h2>\n\n\n\n

    Eine schlechte CLS-Bewertung kann richtig nervig für deine Besucher sein. Stell dir vor, du willst gerade auf einen Button klicken und plötzlich rutscht der ganze Inhalt nach unten, weil ein Bild nachgeladen wurde. Nicht cool, oder? Hier einige Faktoren, die zu einer schlechten CLS-Bewertung beitragen können:<\/p>\n\n\n\n

    Unreservierter Platz für Medienelemente<\/h3>\n\n\n\n

    Wenn du Bilder, Videos oder andere Medienelemente in deine Website einbindest, ohne den Platz dafür im Voraus zu reservieren, kann das den Inhalt nachträglich verschieben. Zum Beispiel kannst du mit CSS die Größe im Voraus festlegen:<\/p>\n\n\n\n

    img {
    aspect-ratio: 16\/9;
    width: 100%;
    }

    <\/p>\n\n\n\n

    Webfonts<\/h3>\n\n\n\n

    Webfonts können auch ein Problem sein, vor allem, wenn sie erst spät geladen werden und den bereits angezeigten Text verschieben. Lösung: font-display: swap<\/code> im CSS verwenden.<\/p>\n\n\n\n

    Dynamische Inhalte<\/h3>\n\n\n\n

    Beim Nachladen von Werbung oder anderen Inhalten kann der Platz auf der Seite plötzlich für diese neuen Elemente verschoben werden. Das passiert oft bei schlecht integrierten Ad-Slots.<\/p>\n\n\n\n

    Modale Fenster oder Pop-ups<\/h3>\n\n\n\n

    Wenn ein Pop-up oder ein modales Fenster erscheint und den Hauptinhalt verschiebt, wirkt sich das negativ auf die CLS aus.<\/p>\n\n\n\n

    Mehrere Aktionen pro Seite<\/h3>\n\n\n\n

    Zum Beispiel ein Accordion-Menü, das sich ausklappt und den Rest des Inhalts verschiebt. Das kann zwar nützlich sein, sollte aber so gestaltet werden, dass es den CLS-Wert nicht negativ beeinflusst.<\/p>\n\n\n\n

    Buttons oder Links, die nachträglich hinzugefügt werden<\/h3>\n\n\n\n

    Wenn du zum Beispiel einen „Jetzt kaufen“-Button nachlädst und der schiebt den Content weg, ist das auch ein Faktor, der deine CLS-Bewertung verschlechtern kann.<\/p>\n\n\n\n

    JavaScript, das Layout verschiebt<\/h3>\n\n\n\n

    Manchmal ist es das JavaScript<\/span> auf der Seite, das nach dem Laden Elemente verschiebt. Hier musst du besonders vorsichtig sein, wenn du Dinge wie AJAX oder dynamische Inhalte verwendest.<\/p>\n\n\n\n

    Es gibt noch viele andere Faktoren, aber das sind so die häufigsten Übeltäter. Am besten ist es, deine Seite regelmäßig mit Tools wie Google’s Lighthouse oder PageSpeed<\/span> Insights zu prüfen und speziell auf die CLS-Werte zu achten.<\/p>\n\n\n\n

    Wie kannst du dein CLS-Ergebnis verbessern?<\/h2>\n\n\n\n

    Eine gute CLS-Bewertung ist Gold wert, nicht nur für das Ranking<\/span>, sondern auch für die User Experience. Hier sind ein paar Tipps, wie du den CLS-Wert deiner Website verbessern kannst: <\/p>\n\n\n\n

    Verwende „font-display: swap“<\/h3>\n\n\n\n

    Reserviere Platz für Medienelemente<\/h3>\n\n\n\n

    Stelle sicher, dass du den Raum für Bilder und Videos im Voraus reservierst. Durch die Angabe von Breite und Höhe im HTML oder CSS wird der Browser<\/span> wissen, wie viel Platz reserviert werden muss. Beispiel:<\/p>\n\n\n\n

    <img src=\"bild.jpg\" width=\"300\" height=\"200\" alt=\"Beispielbild\"><\/code><\/pre>\n\n\n\n
    oder in CSS:<\/p>\n\n\n\n
    img {\n  aspect-ratio: 16\/9;\n  width: 100%;\n}<\/code><\/pre>\n\n\n\n
    Das sagt dem Browser<\/span>, dass er einen Ersatz-Font nutzen soll, bis der Webfont geladen ist. Das vermeidet, dass der Text hin und her springt.<\/p>\n\n\n\n
    Vermeide unerwartete Pop-ups<\/h3>\n\n\n\n
    Wenn du modale Fenster oder Pop-ups<\/span> verwendest, versuche, diese so zu gestalten, dass sie den Inhalt nicht verschieben. Oft ist es besser, sie über dem Inhalt anzuzeigen, statt die Seite darunter zu verschieben.<\/p>\n\n\n\n
    Optimiere dynamischen Content<\/h3>\n\n\n\n
    Wenn du Inhalte wie Werbung oder Forenbeiträge nachlädst, reserviere auch hierfür Platz. Das verhindert, dass der restliche Content verrutscht. Werbeslots sollten also immer eine feste Größe haben.<\/p>\n\n\n\n
    Nutze CSS-Transitions<\/h3>\n\n\n\n
    Ein sanfter Übergang kann manchmal auch schon helfen. Zum Beispiel könntest du ein Menü oder einen Sidebar sanft ein- und ausfahren, statt es abrupt zu tun.<\/p>\n\n\n\n
    Reduziere die Anzahl an interaktiven Elementen<\/h3>\n\n\n\n
    Je mehr Dinge sich auf der Seite bewegen, desto mehr Gelegenheiten gibt es für Layout-Verschiebungen. Klar, Interaktion ist wichtig, aber alles in Maßen.<\/p>\n\n\n\n
    Vermeide JavaScript, das das Layout verschiebt<\/h3>\n\n\n\n
    Dies ist ein großes Thema und es hängt sehr vom individuellen Code ab. Grundregel: JavaScript<\/span> sollte keine Elemente so verändern oder hinzufügen, dass es den Content verschiebt.<\/p>\n\n\n\n
    Insgesamt ist es wichtig, dass du deine Website regelmäßig mit Tools wie Google’s Lighthouse oder PageSpeed<\/span> Insights testest. Achte auf die CLS-Werte und schraube dann an den oben genannten Stellschrauben, um die Bewertung zu verbessern.<\/p>\n\n\n\n
    Fazit<\/strong><\/h2>\n\n\n\n
    Der CLS-Wert (Cumulative Layout Shift<\/span>) ist nicht nur eine SEO-Kennzahl, sondern er hat auch massiven Einfluss auf die User Experience. Wenn deine Seite herumzappelt wie ein Flummi, dann werden die User schneller abspringen, als du „Bounce Rate“ sagen kannst. Und wenn sie abspringen, kann das auch negative Auswirkungen auf deine SEO haben. Es ist also ein Teufelskreis.<\/p>\n\n\n\n
    Denk an dieses nervige Beispiel, bei dem du gerade auf „Kaufen“ klicken willst und dann plötzlich eine Werbung nachlädt und du stattdessen auf „Anmelden für unseren Newsletter“ klickst. Super frustrierend, oder? Genau solche Erlebnisse misst der CLS-Wert.<\/p>\n\n\n\n
    Also, in der SEO-Welt gilt: Je niedriger der CLS, desto besser. Du solltest dafür sorgen, dass alle Bilder und Medienelemente eine feste Größe haben, Pop-ups<\/span> und modale Fenster so wenig wie möglich den Content verschieben und Texte nicht springen, weil plötzlich ein Webfont geladen wird. Setze auf Techniken wie „font-display: swap“ im CSS oder reserviere Platz für nachgeladenen Content wie Werbungen und Social-Media-Feeds.<\/p>\n\n\n\n
    Insgesamt, je stabiler und vorhersehbarer das Layout deiner Seite ist, desto besser für alle: die User, die Suchmaschinen und letztlich auch für dich, weil zufriedene Besucher eher konvertieren oder wiederkommen. Also, schnapp dir Tools wie Google’s Lighthouse und fang an, deinen CLS-Wert zu optimieren. Es lohnt sich!<\/p>\n\n\n\n
    Hoffentlich hilft dir das Fazit, um die Bedeutung und die Maßnahmen für einen guten CLS-Wert besser zu verstehen. Bei weiteren Fragen, immer her damit!<\/p>\n","protected":false},"excerpt":{"rendered":"
    Ist es nicht ärgerlich, wenn du versehentlich auf das falsche Element auf einer Webseite klickst, weil sich die Elemente auf der Seite beim Laden plötzlich verschoben haben? Layoutverschiebungen sorgen für ein schlechtes Nutzererlebnis, kommen aber dennoch häufig vor, vor allem auf mobilen Geräten, wo der Viewport<\/span><\/span> durch kleinere Bildschirmgrößen und Auflösungen begrenzt ist. Google möchte, […]<\/p>\n","protected":false},"author":3,"featured_media":31546,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15773","glossary","type-glossary","status-publish","has-post-thumbnail","hentry"],"acf":{"show_faq":true,"faq_q_1":"Was ist Cumulative Layout Shift?","faq_antwort_1":"Cumulative Layout Shift (CLS) ist ein Messwert, der verwendet wird, um die Benutzererfahrung bei Webseiten zu bewerten. Es misst, wie h\u00e4ufig Elemente auf der Seite verschoben werden, w\u00e4hrend der Benutzer die Seite durchsucht. Dies kann aufgrund von technischen Problemen, schlechtem Design oder schlechter Performance passieren.","faq_q_2":"Wie wird CLS gemessen?","faq_antwort_2":"CLS wird anhand des Metriken-Tools \"PageSpeed Insights\" gemessen. Es wird die Fl\u00e4che oder das Gewicht jedes Elementes auf der Seite berechnet, das sich bewegt, w\u00e4hrend der Benutzer durch die Seite navigiert. Je h\u00f6her die Messzahl, desto schlechter ist die CLS-Bewertung.","faq_q_3":"Warum ist eine hohe CLS-Bewertung schlecht?","faq_antwort_3":"Eine hohe CLS-Bewertung bedeutet, dass viele Elemente auf der Seite sich w\u00e4hrend der Navigation verschieben. Dies kann frustrierend f\u00fcr den Benutzer sein, da er vielleicht nicht in der Lage ist, das Element zu finden, das er sucht. Au\u00dferdem wird die Benutzererfahrung durch langes Laden, Ruckeln und st\u00e4ndige \u00c4nderungen der Layout-Anordnung beeintr\u00e4chtigt.","faq_q_4":"Gibt es Grenzwerte f\u00fcr die CLS-Bewertung? ","faq_antwort_4":"Ja, die Grenzwerte f\u00fcr die CLS-Bewertung werden von Google empfohlen. Wenn die CLS-Bewertung kleiner als 0,1 ist, wird das als akzeptabel angesehen. Alles \u00fcber 0,25 wird als unzureichend angesehen.","faq_q_5":"Wie kann man die CLS-Bewertung verbessern?","faq_antwort_5":"Um die CLS-Bewertung zu verbessern, muss man die technischen Probleme auf der Webseite l\u00f6sen, die dazu f\u00fchren, dass Elemente verschoben werden. Dazu geh\u00f6ren auch schlechte Performance und schlechtes Design. Man sollte auch Elemente wie Bilder, Text und Videos an derselben Stelle platzieren und das Layout so schaffen, dass es stabil und vorhersagbar bleibt.","faq_q_6":"Was passiert, wenn die CLS-Bewertung zu hoch ist?","faq_antwort_6":"Wenn die CLS-Bewertung zu hoch ist, wird die Benutzererfahrung beeintr\u00e4chtigt. Google bewertet eine Webseite nicht nur anhand des CLS-Scores, aber ein hoher Score kann dazu f\u00fchren, dass die Seite in den Suchergebnissen abgerutscht wird.","faq_q_7":"Wie wirkt sich eine gute CLS-Bewertung auf SEO aus?","faq_antwort_7":"Eine gute CLS-Bewertung ist ein Indiz daf\u00fcr, dass die Seite eine gute Benutzererfahrung bietet. Dies wird von Google bei der Bewertung der Seite ber\u00fccksichtigt und kann dazu f\u00fchren, dass die Seite in den Suchergebnissen h\u00f6her platziert wird.","faq_q_8":"Wie kann man CLS beim Design ber\u00fccksichtigen?","faq_antwort_8":"Um die CLS-Bewertung zu verbessern, sollten Sie beim Design darauf achten, dass Elemente an derselben Stelle platziert werden. Au\u00dferdem sollten Sie vermeiden, dass sich Elemente w\u00e4hrend der Navigation verschieben. Falls die Navigation ein Element hinzuf\u00fcgt, sollte das Element an derselben Stelle angezeigt werden, um ein konsistentes Layout zu gew\u00e4hrleisten.","faq_q_9":"Welche Technologien k\u00f6nnen helfen, die CLS-Bewertung zu verbessern?","faq_antwort_9":"Es gibt einige Technologien, die helfen k\u00f6nnen, die CLS-Bewertung zu verbessern. Dazu geh\u00f6ren Lazy-Loading-Bilder, eine optimierte Caching-Strategie, ein schnelles Netzwerk und das Vermeiden von \u00fcberfl\u00fcssigem Code.","faq_q_10":"Ist CLS immer noch wichtig?","faq_antwort_10":"Ja, CLS ist ein wichtiger Bestandteil der Benutzerfreundlichkeit und ist ein wichtiger Faktor f\u00fcr SEO. Es ist wichtig, dass die CLS-Bewertung optimiert wird, damit Benutzer die bestm\u00f6gliche Erfahrung auf Ihrer Webseite haben."},"yoast_head":"\nWas ist Comulative Layout Shift? | WOLF OF SEO<\/title>\n<meta name=\"description\" content=\"Lerne alles \u00fcber die Comulative Layout Shift und wie Du Dein CLS-Ergebnis verbessern kannst. Klicke hier, um mehr zu erfahren!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolf-of-seo.de\/en\/what-is\/comulative-layout-shift\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comulative Layout Shift\" \/>\n<meta property=\"og:description\" content=\"Lerne alles \u00fcber die Comulative Layout Shift und wie Du Dein CLS-Ergebnis verbessern kannst. Klicke hier, um mehr zu erfahren!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolf-of-seo.de\/en\/what-is\/comulative-layout-shift\/\" \/>\n<meta property=\"og:site_name\" content=\"WOLF OF SEO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolf.of.seo.ns\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-13T04:37:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/Comulative-Layout-Shift.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wolf_of_seo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/\",\"name\":\"Was ist Comulative Layout Shift? | WOLF OF SEO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Comulative-Layout-Shift.jpg\",\"datePublished\":\"2021-12-24T11:55:50+00:00\",\"dateModified\":\"2023-09-13T04:37:57+00:00\",\"description\":\"Lerne alles \u00fcber die Comulative Layout Shift und wie Du Dein CLS-Ergebnis verbessern kannst. Klicke hier, um mehr zu erfahren!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Comulative-Layout-Shift.jpg\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Comulative-Layout-Shift.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/comulative-layout-shift\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wolf-of-seo.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comulative Layout Shift\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"name\":\"WOLF OF SEO\",\"description\":\"Die E-Commerce SEO-Agentur\",\"publisher\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wolf-of-seo.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\",\"name\":\"WOLF OF SEO\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"width\":1,\"height\":1,\"caption\":\"WOLF OF SEO\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wolf.of.seo.ns\",\"https:\\\/\\\/x.com\\\/wolf_of_seo\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is Comulative Layout Shift? | WOLF OF SEO","description":"Learn all about Comulative Layout Shift and how to improve your CLS score. Click here to learn more!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolf-of-seo.de\/en\/what-is\/comulative-layout-shift\/","og_locale":"en_US","og_type":"article","og_title":"Comulative Layout Shift","og_description":"Lerne alles \u00fcber die Comulative Layout Shift und wie Du Dein CLS-Ergebnis verbessern kannst. Klicke hier, um mehr zu erfahren!","og_url":"https:\/\/wolf-of-seo.de\/en\/what-is\/comulative-layout-shift\/","og_site_name":"WOLF OF SEO","article_publisher":"https:\/\/www.facebook.com\/wolf.of.seo.ns","article_modified_time":"2023-09-13T04:37:57+00:00","og_image":[{"url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/Comulative-Layout-Shift.jpg","width":1,"height":1,"type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wolf_of_seo","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/","url":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/","name":"What is Comulative Layout Shift? | WOLF OF SEO","isPartOf":{"@id":"https:\/\/wolf-of-seo.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/#primaryimage"},"image":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/#primaryimage"},"thumbnailUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/Comulative-Layout-Shift.jpg","datePublished":"2021-12-24T11:55:50+00:00","dateModified":"2023-09-13T04:37:57+00:00","description":"Learn all about Comulative Layout Shift and how to improve your CLS score. Click here to learn more!","breadcrumb":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/#primaryimage","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/Comulative-Layout-Shift.jpg","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/Comulative-Layout-Shift.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/wolf-of-seo.de\/was-ist\/comulative-layout-shift\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wolf-of-seo.de\/"},{"@type":"ListItem","position":2,"name":"Comulative Layout Shift"}]},{"@type":"WebSite","@id":"https:\/\/wolf-of-seo.de\/#website","url":"https:\/\/wolf-of-seo.de\/","name":"WOLF OF SEO","description":"The e-commerce SEO agency","publisher":{"@id":"https:\/\/wolf-of-seo.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolf-of-seo.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wolf-of-seo.de\/#organization","name":"WOLF OF SEO","url":"https:\/\/wolf-of-seo.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","width":1,"height":1,"caption":"WOLF OF SEO"},"image":{"@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wolf.of.seo.ns","https:\/\/x.com\/wolf_of_seo"]}]}},"_links":{"self":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/15773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/15773\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/media\/31546"}],"wp:attachment":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/media?parent=15773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}