{"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

Isn't it annoying when you accidentally click on the wrong element on a web page because the elements on the page suddenly shifted while loading?<\/p>\n\n\n\n

Layout shifts make for a poor user experience, but still occur frequently, especially on mobile devices where the Viewport<\/span><\/span> is limited by smaller screen sizes and resolutions.<\/p>\n\n\n\n

Google wants publishers to pay attention to this on-page behavior and reduce it. To achieve this, Google has developed a metric called Cumulative Layout Shift<\/span><\/span> (CLS), which publishers can objectively measure and optimize.<\/p>\n\n\n\n

In this article, we'll learn what the CLS score means, why it's important, how it's measured, what factors lead to a poor CLS score, and finally, some best practices to improve the score.<\/p>\n\n\n\n

What is the CLS value?<\/h2>\n\n\n\n

CLS measures how much the content of a web page shifts throughout the rendering cycle - or in other words, it measures the visual stability of the web page.<\/p>\n\n\n\n

As an Internet user, you've probably experienced the frustration of having web page content shift in the middle of an interaction, such as when you try to click on a menu item but accidentally click on an ad that then takes you to a third-party website. Besides being annoying to users, layout shifts can also lead to major problems for web publishers, such as high bounce rates and ad policy violations due to accidental clicks.<\/p>\n\n\n\n

Since Google CLS<\/span><\/span> is among the three \"Core Web Vitals,\" a low CLS score can drag down the overall CWV score and result in a poor grade. Recent updates to Google's search algorithm favor websites that achieve a good score on the CWV assessment.<\/p>\n\n\n\n

To summarize: Improving CLS ratings not only leads to a better user experience, but potentially to better search results and more organic Traffic<\/span><\/span> from Google.<\/p>\n\n\n\n

How is the CLS measured?<\/h2>\n\n\n\n

Whenever an element that is used in the Viewport<\/span><\/span> is visible, changes its starting position, the shift is recorded and the element is classified as unstable. It is important to note that a layout shift is only recorded when visible elements change their starting position on the page, not when a new element is added to the DOM or an existing element changes its size.<\/p>\n\n\n\n

The CLS score is composed of two different measures that capture layout shifts: the impact fraction and the distance fraction. The impact fraction measures how unstable elements are to the Viewport<\/span><\/span> between two frames by measuring the sum of the original element and the displacement as a ratio of the total visible area. The distance fraction is the largest distance an unstable element has shifted in relation to the viewport (either horizontally or vertically).<\/p>\n\n\n\n

Cumulative layout displacement = impact fraction * distance fraction<\/p>\n\n\n\n

What is a good CLS value?<\/h2>\n\n\n\n

The CLS value grows proportionally to the displacement caused by unstable elements on the page. The lower the CLS value, the better for usability.<\/p>\n\n\n\n

    \n
  • Very good: Less than 0.1<\/li>\n\n\n\n
  • Needs improvement: Between 0.1 and 0.25<\/li>\n\n\n\n
  • Bad: More than 0.25<\/li>\n<\/ul>\n\n\n\n

    Factors contributing to a poor CLS rating.<\/h2>\n\n\n\n

    A bad CLS rating can be really annoying for your visitors. Imagine you're about to click a button and suddenly all the content slides down because an image was reloaded. Not cool, right? Here are some factors that can contribute to a bad CLS rating:<\/p>\n\n\n\n

    Unreserved space for media elements<\/h3>\n\n\n\n

    If you include images, videos, or other media elements in your website without reserving the space for them in advance, it can move the content around after the fact. For example, you can use CSS to set the size in advance:<\/p>\n\n\n\n

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

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

    Web fonts<\/h3>\n\n\n\n

    Web fonts can also be a problem, especially if they load late and shift the text that is already displayed. Solution: font-display: swap<\/code> in the CSS.<\/p>\n\n\n\n

    Dynamic content<\/h3>\n\n\n\n

    When reloading ads or other content, the space on the page can suddenly shift for these new elements. This often happens with poorly integrated ad slots.<\/p>\n\n\n\n

    Modal windows or pop-ups<\/h3>\n\n\n\n

    If a pop-up or modal window appears and moves the main content, it will negatively affect the CLS.<\/p>\n\n\n\n

    Multiple actions per page<\/h3>\n\n\n\n

    For example, an Accordion menu that unfolds and moves the rest of the content. While this can be useful, it should be designed so that it does not negatively affect the CLS value.<\/p>\n\n\n\n

    Buttons or links that are added afterwards<\/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 that moves layout<\/h3>\n\n\n\n

    Sometimes it is the JavaScript<\/span> on the page, which moves elements around after loading. You need to be especially careful here if you use things like AJAX or dynamic content.<\/p>\n\n\n\n

    There are many other factors, but these are the most common culprits. The best thing to do is to regularly check your site with tools like Google's Lighthouse or PageSpeed<\/span> Insights and pay special attention to the CLS values.<\/p>\n\n\n\n

    How can you improve your CLS score?<\/h2>\n\n\n\n

    A good CLS rating is worth its weight in gold, not only for the Ranking<\/span>but also for the user experience. Here are a few tips on how to improve the CLS value of your website: <\/p>\n\n\n\n

    Use \"font-display: swap\"<\/h3>\n\n\n\n

    Reserve space for media elements<\/h3>\n\n\n\n

    Make sure you reserve the space for images and videos in advance. By specifying width and height in the HTML or CSS, the Browser<\/span> Know how much space needs to be reserved. Example:<\/p>\n\n\n\n

    <img src="bild.jpg" width="300" height="200" alt="Example image"><\/code><\/pre>\n\n\n\n
    or in CSS:<\/p>\n\n\n\n
    img {\n  aspect-ratio: 16\/9;\n  width: 100%;\n}<\/code><\/pre>\n\n\n\n
    This tells the Browser<\/span>that it should use a replacement font until the web font is loaded. This avoids the text jumping back and forth.<\/p>\n\n\n\n
    Avoid unexpected pop-ups<\/h3>\n\n\n\n
    If you use modal windows or Pop-ups<\/span> try to make them so that they don't move the content. Often it's better to display them above the content instead of moving the page below it.<\/p>\n\n\n\n
    Optimize dynamic content<\/h3>\n\n\n\n
    If you are reloading content such as advertisements or forum posts, reserve space for these as well. This prevents the rest of the content from slipping. Advertising slots should always have a fixed size.<\/p>\n\n\n\n
    Use CSS Transitions<\/h3>\n\n\n\n
    A smooth transition can sometimes help as well. For example, you could smoothly slide a menu or sidebar in and out instead of doing it abruptly.<\/p>\n\n\n\n
    Reduce the number of interactive elements<\/h3>\n\n\n\n
    The more things that move on the page, the more opportunities there are for layout shifts. Sure, interaction is important, but everything in moderation.<\/p>\n\n\n\n
    Avoid JavaScript that moves the layout<\/h3>\n\n\n\n
    This is a big issue and it depends a lot on the individual code. Basic rule: JavaScript<\/span> should not change or add elements in such a way that it moves the content.<\/p>\n\n\n\n
    Overall, it's important to regularly check your website with tools like Google's Lighthouse or PageSpeed<\/span> Insights test. Pay attention to the CLS values and then adjust the above-mentioned settings to improve the rating.<\/p>\n\n\n\n
    Conclusion<\/strong><\/h2>\n\n\n\n
    The CLS value (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
    Think of that annoying example where you're about to click on \"Buy\" and then suddenly an ad loads and you click on \"Sign up for our newsletter\" instead. Super frustrating, right? This is exactly the kind of experience that the CLS value measures.<\/p>\n\n\n\n
    So, in the SEO world, the lower the CLS, the better. You should make sure that all images and media elements have a fixed size, Pop-ups<\/span> and modal windows move the content as little as possible and texts do not jump because a web font is suddenly loaded. Use techniques such as \"font-display: swap\" in CSS or reserve space for reloaded content such as advertisements and social media feeds.<\/p>\n\n\n\n
    Overall, the more stable and predictable your site's layout is, the better for everyone: the users, the search engines, and ultimately for you, because satisfied visitors are more likely to convert or come back. So, grab tools like Google's Lighthouse and start optimizing your CLS score. It's worth it!<\/p>\n\n\n\n
    Hopefully the conclusion helps you to better understand the importance and measures for a good CLS value. If you have any further questions, please feel free to ask!<\/p>","protected":false},"excerpt":{"rendered":"
    Isn't it annoying when you accidentally click on the wrong element on a web page because the elements on the page suddenly shifted while loading? Layout shifts make for a poor user experience, but still happen frequently, especially on mobile devices where the Viewport<\/span><\/span> is limited by smaller screen sizes and resolutions. Google would like to [...]<\/p>","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}]}}