{"id":4821,"date":"2021-07-01T11:29:10","date_gmt":"2021-07-01T09:29:10","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=4821"},"modified":"2021-07-01T11:29:10","modified_gmt":"2021-07-01T09:29:10","slug":"google-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/","title":{"rendered":"Core Web Vitals von Google und die Auswirkungen auf SEO"},"content":{"rendered":"<p>Google k\u00fcndigte bereits im <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\" target=\"_blank\" rel=\"noopener\">Mai 2020<\/a> an, mit den Core Web Vitals einen neuen Rankingfaktor einzuf\u00fchren, welcher die Nutzerfreundlichkeit von Webseiten ber\u00fccksichtigt. Google sagt selbst, man habe erkannt, das Webseiten mit einer hohen Nutzerfreundlichkeit vom Nutzer auch bevorzugt werden. Da Suchmaschinen stets daran interessiert sind, dem Nutzer das bestm\u00f6gliche Suchergebnis zu liefern ist dieser Schritt eine logische Konsequenz.<\/p>\n<p>Nun wird es ernst, ab Mitte Juni 2021 soll dieser neue Rankingfaktor schrittweise mit einflie\u00dfen. Aber was bedeutet das nun konkret f\u00fcr Webseiteninhaber? Das wollen wir in diesem Blog-Beitrag n\u00e4her erl\u00e4utern.<\/p>\n<h2>Nutzerfreundlichkeit anhand der Core Web Vitals<\/h2>\n<p>Wie bereits beschrieben, ist es ein Anliegen von Suchmaschinen das bestm\u00f6gliche Suchergebnis zu liefern. Die Nutzerfreundlichkeit ist ein Faktor hierbei. Dieser ist bei Google nicht neu. So wurden bereits einige Kriterien f\u00fcr die User Experience bei Webseiten ber\u00fccksichtigt:<\/p>\n<ul>\n<li><strong>HTTPS<\/strong> &#8211; Die Website wird via <a href=\"https:\/\/www.clickstorm.de\/blog\/https\/\" target=\"_blank\" rel=\"noopener\">https:\/\/<\/a> aufgerufen<\/li>\n<li><strong>F\u00fcr mobile Endger\u00e4te optimiert<\/strong> &#8211; Funktioniert die Seite <a href=\"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/\" target=\"_blank\" rel=\"noopener\">optimal<\/a> auch auf mobilen Endger\u00e4te wie Smartphones und Tablets<\/li>\n<li><strong>Sicheres Browsen<\/strong> &#8211; Enth\u00e4lt die Seite keine sch\u00e4dlichen oder betr\u00fcgerischen Inhalte<\/li>\n<li><strong>Keine st\u00f6renden Overlays<\/strong> &#8211; Der Inhalt der Seite ist dem Nutzer leicht zug\u00e4nglich. Ausnahmen sind hier Cookie-Layers oder Altersbeschr\u00e4nkungen.<\/li>\n<\/ul>\n<p>Ab Mitte Juni 2021 werden nun schrittweise die Messwerte der Core Web Vitals ber\u00fccksichtigt. Das sind bis zum jetzigen Zeitpunkt die 3 elementaren Metriken:<\/p>\n<ul>\n<li><strong>Largest Content Paint (LCP)<\/strong> &#8211; Ladezeit bis der Hauptinhalt sichtbar ist<\/li>\n<li><strong>First Input Delay (FID)<\/strong> &#8211; Zeit, bis der Browser auf eine Interaktion auf der Seite reagiert z.B. klicken<\/li>\n<li><strong>Cumulative Layout Shift (CLS)<\/strong> &#8211; Visuelle Stabilit\u00e4t der Webseite bzw. keine Verschiebungen der Inhalte<\/li>\n<\/ul>\n<p>Einen guten ersten \u00dcberblick bietet das folgende Video vom SEO-Tool <a href=\"https:\/\/www.sistrix.de\/\" target=\"_blank\" rel=\"noopener\">sistrix<\/a>. Wenn Sie mehr \u00fcber sistrix erfahren m\u00f6chten, sprechen Sie uns gerne an.<\/p>\n<div class=\"privacy-container js-privacy-msg-video\"><img decoding=\"async\" class=\"privacy-text-image\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/plugins\/clickstorm-embed\/images\/comment-alt-exclamation.svg\" alt=\"Info Icon\"><\/p>\n<p class=\"privacy-text\">Dieses Video wird \u00fcber eine externe Plattform (YouTube) gehostet. Das Laden bedarf der Zustimmung unserer <a class=\"privacy-text-link\" href=\"https:\/\/www.clickstorm.de\/blog\/datenschutz\/\" target=\"_blank\">Datenschutzbestimmungen.<\/a><\/p>\n<p><a class=\"btn btn-primary btn-cookie js-cookie-open-modal\" data-cs-cookie-anchor=\"externalMedia\" href=\"#\">Einstellung vornehmen<\/a><\/div>\n<div class=\"iframe\"><iframe class=\"js-iframe-privacy-video\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"\" data-src=\"https:\/\/www.youtube-nocookie.com\/embed\/rTHfmm2QilI\"><\/iframe><\/div>\n<p>Nach dieser Einf\u00fchrung schauen wir uns die einzelnen Metriken der Google Core Web Vitals noch einmal genauer an.<\/p>\n<h2>Ladezeiten &#8211; Largest Contentful Paint (LCP)<\/h2>\n<p>Die Ladezeit ist wohl eines der wichtigsten Signale f\u00fcr die Nutzerfreundlichkeit. Erh\u00f6ht sich die Ladezeit einer Webseite von 1 auf 3 Sekunden, so steigt auch die Absprungrate um 32 %, bei 1 auf 6 Sekunden sogar um 106 %.<\/p>\n<h3>Definition<\/h3>\n<p>Der Wert vom Largest Contentful Paint (LCP) bezeichnet die Dauer die ben\u00f6tigt wird, um vom Aufrufen der URL einer Webseite deren gr\u00f6\u00dftes sichtbares Element darzustellen. Dieses Element ist auf Blockebene ein Bild, Video oder Textelement. Ist das Element sichtbar, wei\u00df der Nutzer, dass die Seite wirklich geladen wird.<\/p>\n<h3>Werte<\/h3>\n<p>Der LCP wird in Sekunden angegeben. Wie bei allen Core Web Vitals wird zwischen 3 Status unterschieden:<\/p>\n<ul>\n<li>&lt;= 2,5 s &#8211; Gut<\/li>\n<li>&lt;= 4 s &#8211; Optimierung erforderlich<\/li>\n<li>&gt; 4 s &#8211; Langsam<\/li>\n<\/ul>\n<h3>Verbesserung<\/h3>\n<p>Alles was allgemein zur Verbesserung der Performance einer Webseite beitr\u00e4gt, u.a.:<\/p>\n<ul>\n<li>Lange Antwortzeiten vom Server verhindern ggf. Anbieter wechseln oder um Verbesserung bitten<\/li>\n<li>Caching optimieren<\/li>\n<li>JavaScript und CSS optimieren<\/li>\n<li>Bildgr\u00f6\u00dfen optimieren und moderne Bildformate nutzen, z.B. webP<\/li>\n<\/ul>\n<h2>Interaktivit\u00e4t &#8211; First Input Delay (FID)<\/h2>\n<p>Dieser Wert ist besonders f\u00fcr Seiten wichtig, auf den Nutzer Aktionien ausf\u00fchren soll.<\/p>\n<h3>Definition<\/h3>\n<p>Der FID bezeichnet die Dauer von der ersten Interaktion des Nutzers mit einer Webseite bis der Browser auf diese Interaktion reagiert. Das kann beispielsweise das Klicken eines Links oder das Bet\u00e4tigen einer Schaltfl\u00e4che sein. Der Wert wird von dem Element aus ermittelt, auf den der Nutzer als erstes klickt.<\/p>\n<h3>Werte<\/h3>\n<p>Der FID wird im Millisekunden gemessen. Die Spanne ist nicht sehr gro\u00df, viele Webseiten sollten jedoch kein Problem haben, einen guten Status zu erreichen.<\/p>\n<ul>\n<li>&lt;= 100 ms &#8211; Gut<\/li>\n<li>&lt;= 300 ms &#8211; Optimierung erforderlich<\/li>\n<li>&gt; 300 ms &#8211; Langsam<\/li>\n<\/ul>\n<h3>Verbesserung<\/h3>\n<p>Hierbei gilt es im Wesentlichen das JavaScript der Seite zu optimieren<\/p>\n<ul>\n<li>Die Menge des geladenen JavaScripts reduzieren.<\/li>\n<li>Externe Bibliotheken auf Notwendigkeit pr\u00fcfen.<\/li>\n<li>Evtl. gr\u00f6\u00dfere Aufgaben in kleinere Schritte unterteilen.<\/li>\n<\/ul>\n<h2>Stabilit\u00e4t &#8211; Cumulative Layout Shift (CLS)<\/h2>\n<p>Die Auswirkungen eines schlechten CLS-Werts sind vielen Nutzer im allt\u00e4glichen Surfen im World Wide Web schon begegnet. Man l\u00e4dt eine Seite und sieht direkt einen Button oder Link den man klicken m\u00f6chte. W\u00e4hrend sich die Seite aber aufbaut verschiebt sich der Button nochmal und im schlimmsten Fall tritt ein anderer Button an dessen Stelle, dessen Ziel ein v\u00f6llig anderes ist. Ein Beispiel hierzu:<\/p>\n<div style=\"width: 1316px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-4821-1\" width=\"1316\" height=\"1020\" poster=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/layout-instability-poster.png\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/layout-instability2.mp4?_=1\" \/><source type=\"video\/webm\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/layout-instability2.webm?_=1\" \/><a href=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/layout-instability2.mp4\">https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/layout-instability2.mp4<\/a><\/video><\/div>\n<p style=\"text-align: center;\">Quelle: <a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noopener\">https:\/\/web.dev\/cls\/<\/a><\/p>\n<h3>Definition<\/h3>\n<p>Der Wert Cumulative Layout Shift (CLS) bezeichnet die Gesamtsumme f\u00fcr alle unerwarteten Layoutverschiebungen, die w\u00e4hrend der Lebensdauer einer Webseite auftreten.<\/p>\n<h3>Werte<\/h3>\n<p>Je gr\u00f6\u00dfer dieser Wert ist, umso mehr Layoutverschiebungen haben stattgefunden. Dabei kann der Wert eine beliebig gro\u00dfe positive Zahl sein.<\/p>\n<ul>\n<li>\u00a0&lt;= 0,1 &#8211; Gut<\/li>\n<li>&lt;= 0,25 &#8211; Optimierung erforderlich<\/li>\n<li>&gt; 0,25 &#8211; Schlecht<\/li>\n<\/ul>\n<p>Wird ein einzelnes Element im sichtbaren Bereich verschoben, so ermittelt sich ein Wert f\u00fcr die Verschiebung aus der Distanz in Prozent und der Auswirkung auf den sichtbaren Bereich in Prozent.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">layout shift score = Auswirkung auf den Viewport * Distanz zur vorigen Positon<\/pre>\n<p>\u00dcberlagert das Element nach der Verschiebung 75 % des sichtbaren Bereichs, so ist der erste Wert 0,75. Der zweite Wert ergibt sich aus der horizontalen oder vertikalen Verschiebung durch die gr\u00f6\u00dfte Dimension des sichtbaren Bereichs (H\u00f6he oder Breite). Verschiebt sich das Element um 50 Pixel und die gr\u00f6\u00dfte Dimension des Viewports ist die H\u00f6he mit 800 Pixeln, so ist die Distanz (50 \/ 800 = )\u00a0 0,0625. Der LSS betr\u00e4gt hier also (0,75 * 0,0625 = ) 0,05. Werden weitere Verschiebungen registriert, werden diese dazu addiert.<\/p>\n<h3>Verbesserung<\/h3>\n<ul>\n<li>Angabe von Bild- und Video-Ma\u00dfen, sodass diese beim Laden nicht nochmal Auswirkungen auf das Layout haben, das kann via HTML oder CSS erfolgen<\/li>\n<li>Bestehender Inhalt sollte nie von anderen \u00fcberlagert werden, es sei denn, dass eine Nutzeraktion hier vorausgeht. Eine Ausnahme sind Cookie-Layer und Altersabfragen.<\/li>\n<li>Nutzen Sie Animationen, um Zustands\u00e4nderungen zu visualisieren.<\/li>\n<\/ul>\n<h2>Messen der Google Core Web Vitals<\/h2>\n<p>So viel zu Theorie, kommen wir zur Praxis. Es gibt verschieden Tools, um die Google Core Web Vitals f\u00fcr die eigene Webseite zu ermitteln.<\/p>\n<h3>Google Search Console<\/h3>\n<p>Webseiteninhaber sollten die <a href=\"https:\/\/search.google.com\/search-console\" target=\"_blank\" rel=\"noopener\">Google Search Console<\/a> f\u00fcr Ihre Webseite einrichten. Voraussetzung hierf\u00fcr ist, dass Sie ein Google-Konto besitzen und eine der verschiedenen Authentifizierungsm\u00f6glichkeiten ausf\u00fchren k\u00f6nnen, womit sichergestellt wird, dass die Webseite wirklich Ihnen geh\u00f6rt.<\/p>\n<p>Haben Sie sich erfolgreich authentifiziert, erhalten Sie unter dem Punkt &#8222;Nutzerfreundlichkeit&#8220; eine \u00dcbersicht der Berichte zu den ermittelten Core Web Vitals f\u00fcr Ihre Webseite.<\/p>\n<div id=\"attachment_4861\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4861\" class=\"wp-image-4861 size-large\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-in-search-console-1024x705.png\" alt=\"Google Search Console mit Ausgabe der Google Core Web Vitals von clickstorm.de \" width=\"1024\" height=\"705\" srcset=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-in-search-console-1024x705.png 1024w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-in-search-console-300x206.png 300w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-in-search-console-768x529.png 768w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-in-search-console.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><p id=\"caption-attachment-4861\" class=\"wp-caption-text\">Core Web Vitals in der Google Search Console<\/p><\/div>\n<p>Sollten ein oder mehrere URLs ein Kriterium nicht erf\u00fcllen, so kann in der Search Console ermittelt werden, um welche Metrik es sich handelt und welche URL betroffen ist. Wurden Verbesserungen durchgef\u00fchrt, kann dies an Google weitergegeben werden. Die Search Console eignet sich gut, um stets einen \u00dcberblick f\u00fcr die eigene Webseite zu haben. Auch im <a href=\"https:\/\/optimizer.sistrix.com\/\" target=\"_blank\" rel=\"noopener\">Sistrix<\/a> k\u00f6nnen die Werte direkt angeschaut werden.<\/p>\n<h3>web.dev und Google PageSpeed Insights<\/h3>\n<p>Die Search Console ist gut f\u00fcr das Monitoring der eigenen Webseite. Geht es jedoch darum, konkret Verbesserungsvorschl\u00e4ge f\u00fcr die eigene Seite zu erhalten, so eignen sich verschiedene Online-Validatoren. Wir haben hier zwei von Google hervorgehoben:<\/p>\n<ul>\n<li><a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noopener\">https:\/\/web.dev\/measure\/\u00a0<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.google.com\/speed\/pagespeed\/insights\/<\/a><\/li>\n<\/ul>\n<h3>Browser-Plug-In<\/h3>\n<p>Die Validierung kann aber auch direkt im Browser erfolgen. Zum einen kann im Browser Chrome direkt in den Chrome DevTools das Validierungs-Tool <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse#devtools\" target=\"_blank\" rel=\"noopener\">Lighthouse<\/a> ausgef\u00fchrt werden. Oder man installiert sich ein Browser-Plug-In um per Knopfdruck die aktuelle Seite zu evaluieren.<\/p>\n<ul>\n<li>Lighthouse f\u00fcr <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk\" target=\"_blank\" rel=\"noopener\">Google Chrome<\/a> oder <a href=\"https:\/\/addons.mozilla.org\/de\/firefox\/addon\/google-lighthouse\/\" target=\"_blank\" rel=\"noopener\">Firefox<\/a><\/li>\n<li>Core Web Vitals f\u00fcr <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/core-web-vitals\/adeniimnihmbpgpbljmnohjpoolmgabj\" target=\"_blank\" rel=\"noopener\">Google Chrome<\/a> &#8211; Zeigt CLS und LCP-Elemente direkt im Browser an<\/li>\n<\/ul>\n<div id=\"attachment_4862\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4862\" class=\"wp-image-4862 size-large\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-chrome-extension-1024x706.png\" alt=\"Umrahmte Core Web Vitals Elemente der clickstorm.de Webseite\" width=\"1024\" height=\"706\" srcset=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-chrome-extension-1024x706.png 1024w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-chrome-extension-300x207.png 300w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-chrome-extension-768x529.png 768w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/google-core-web-vitals-chrome-extension.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><p id=\"caption-attachment-4862\" class=\"wp-caption-text\">Borwser-Plug-In von web.dev zum Anzeigen der Core Web Vitals relevanten Elemente<\/p><\/div>\n<h2>Google Core Web Vitals und Ihre Webseite<\/h2>\n<p>Ab Mitte Juni 2021 werden die Web Vitals schrittweise eingef\u00fchrt. Eine URL wird je nach Endger\u00e4t eingestuft. Hierbei wird unterschieden zwischen Mobil und Desktop. Der Status der URL h\u00e4ngt von der am schlechtesten bewerteten Metrik ab. Sind alle 3 Faktoren erf\u00fcllt, wird die URL als &#8222;Gut&#8220; eingestuft. Wird ein Faktor als &#8222;Schlecht&#8220; eingestuft, wird es auch die URL an sich.<\/p>\n<p>Das bedeutet aber noch lange nicht, dass die Webseite nur noch ganz hinten bei den Suchergebnissen angezeigt wird. Es gibt zahlreiche verschiedene Faktoren, die das Ranking einer Seite beeinflussen. Wie Google Webseiten indexiert erfahren Sie <a href=\"https:\/\/www.clickstorm.de\/blog\/wie-funktioniert-die-google-suchmaschine\/\" target=\"_blank\" rel=\"noopener\">hier<\/a>. So werden alle hier genannten Faktoren f\u00fcr Google zusammengefasst.<\/p>\n<div id=\"attachment_4860\" style=\"width: 970px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4860\" class=\"size-full wp-image-4860\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/page-experience-signal.jpeg\" alt=\"Diagramm zur Darstellung aller relevanten Page Experience Faktoren von Google\" width=\"960\" height=\"540\" srcset=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/page-experience-signal.jpeg 960w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/page-experience-signal-300x169.jpeg 300w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/06\/page-experience-signal-768x432.jpeg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><p id=\"caption-attachment-4860\" class=\"wp-caption-text\">Quelle: https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience<\/p><\/div>\n<p>Wichtiger jedoch als die ganzen technischen Voraussetzungen zu erf\u00fcllen, ist der Inhalt der Webseite. Eine Webseite mit guten, relevanten Content und hoher Verbreitung wird auch weiterhin gut gerankt. Es kann nur sein, wenn zwei Seiten inhaltlich gleich stark sind, dass dann die Seite mit der besseren User Experience weiter vorne platziert wird.<\/p>\n<p>Haben Sie Fragen oder Anregungen zu dem Thema, so wenden Sie sich gerne an <a href=\"https:\/\/www.clickstorm.de\/kontakt\/\" target=\"_blank\" rel=\"noopener\">uns<\/a> oder schreiben einen Kommentar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was haben die Google Core Web Vitals mit der eigenen Webseite zu tun?<\/p>\n","protected":false},"author":7,"featured_media":4875,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[137,136,138],"tags":[60,27,56,26,30,66],"class_list":["post-4821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend","category-seo","category-tools","tag-google","tag-mobile-websites","tag-performance","tag-responsive","tag-seo","tag-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Web Vitals von Google und die Auswirkungen auf SEO - clickstorm Blog<\/title>\n<meta name=\"description\" content=\"Im Juni 2021 werden die Core Web Vitals von Google als Ranking-Faktor eingef\u00fchrt. Nutzerfreundlichkeit und SEO - Handeln ist gefragt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals von Google und die Auswirkungen auf SEO - clickstorm Blog\" \/>\n<meta property=\"og:description\" content=\"Im Juni 2021 werden die Core Web Vitals von Google als Ranking-Faktor eingef\u00fchrt. Nutzerfreundlichkeit und SEO - Handeln ist gefragt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"clickstorm Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/de-de.facebook.com\/clickstorm\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-01T09:29:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/07\/core-web-vitals_teaser-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"577\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@clickstorm_gmbh\" \/>\n<meta name=\"twitter:site\" content=\"@clickstorm_gmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/\"},\"author\":{\"name\":\"Marc\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/person\\\/594fb824a2f049d33b2a1b4406bfc86b\"},\"headline\":\"Core Web Vitals von Google und die Auswirkungen auf SEO\",\"datePublished\":\"2021-07-01T09:29:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/\"},\"wordCount\":1491,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/core-web-vitals_teaser-01.jpg\",\"keywords\":[\"Google\",\"Mobile Websites\",\"Performance\",\"Responsive\",\"SEO\",\"Webdesign\"],\"articleSection\":[\"Frontend\",\"SEO\",\"Tools\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/\",\"name\":\"Core Web Vitals von Google und die Auswirkungen auf SEO - clickstorm Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/core-web-vitals_teaser-01.jpg\",\"datePublished\":\"2021-07-01T09:29:10+00:00\",\"description\":\"Im Juni 2021 werden die Core Web Vitals von Google als Ranking-Faktor eingef\u00fchrt. Nutzerfreundlichkeit und SEO - Handeln ist gefragt.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/core-web-vitals_teaser-01.jpg\",\"contentUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/core-web-vitals_teaser-01.jpg\",\"width\":1170,\"height\":577,\"caption\":\"Core Web Vitals, 3 Blumenschilder - User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/google-core-web-vitals\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals von Google und die Auswirkungen auf SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\",\"name\":\"clickstorm Blog\",\"description\":\"Neuigkeiten rund um Webentwicklung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\",\"name\":\"clickstorm GmbH\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/logo.svg\",\"caption\":\"clickstorm GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/de-de.facebook.com\\\/clickstorm\\\/\",\"https:\\\/\\\/x.com\\\/clickstorm_gmbh\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCEaU1eUbug6OiI4uU6vA-cA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/person\\\/594fb824a2f049d33b2a1b4406bfc86b\",\"name\":\"Marc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g\",\"caption\":\"Marc\"},\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/author\\\/marc\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals von Google und die Auswirkungen auf SEO - clickstorm Blog","description":"Im Juni 2021 werden die Core Web Vitals von Google als Ranking-Faktor eingef\u00fchrt. Nutzerfreundlichkeit und SEO - Handeln ist gefragt.","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:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/","og_locale":"de_DE","og_type":"article","og_title":"Core Web Vitals von Google und die Auswirkungen auf SEO - clickstorm Blog","og_description":"Im Juni 2021 werden die Core Web Vitals von Google als Ranking-Faktor eingef\u00fchrt. Nutzerfreundlichkeit und SEO - Handeln ist gefragt.","og_url":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/","og_site_name":"clickstorm Blog","article_publisher":"https:\/\/de-de.facebook.com\/clickstorm\/","article_published_time":"2021-07-01T09:29:10+00:00","og_image":[{"width":1170,"height":577,"url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/07\/core-web-vitals_teaser-01.jpg","type":"image\/jpeg"}],"author":"Marc","twitter_card":"summary_large_image","twitter_creator":"@clickstorm_gmbh","twitter_site":"@clickstorm_gmbh","twitter_misc":{"Verfasst von":"Marc","Gesch\u00e4tzte Lesezeit":"7\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/"},"author":{"name":"Marc","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/person\/594fb824a2f049d33b2a1b4406bfc86b"},"headline":"Core Web Vitals von Google und die Auswirkungen auf SEO","datePublished":"2021-07-01T09:29:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/"},"wordCount":1491,"commentCount":0,"publisher":{"@id":"https:\/\/www.clickstorm.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/07\/core-web-vitals_teaser-01.jpg","keywords":["Google","Mobile Websites","Performance","Responsive","SEO","Webdesign"],"articleSection":["Frontend","SEO","Tools"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/","url":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/","name":"Core Web Vitals von Google und die Auswirkungen auf SEO - clickstorm Blog","isPartOf":{"@id":"https:\/\/www.clickstorm.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/07\/core-web-vitals_teaser-01.jpg","datePublished":"2021-07-01T09:29:10+00:00","description":"Im Juni 2021 werden die Core Web Vitals von Google als Ranking-Faktor eingef\u00fchrt. Nutzerfreundlichkeit und SEO - Handeln ist gefragt.","breadcrumb":{"@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#primaryimage","url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/07\/core-web-vitals_teaser-01.jpg","contentUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2021\/07\/core-web-vitals_teaser-01.jpg","width":1170,"height":577,"caption":"Core Web Vitals, 3 Blumenschilder - User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.clickstorm.de\/blog\/google-core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.clickstorm.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals von Google und die Auswirkungen auf SEO"}]},{"@type":"WebSite","@id":"https:\/\/www.clickstorm.de\/blog\/#website","url":"https:\/\/www.clickstorm.de\/blog\/","name":"clickstorm Blog","description":"Neuigkeiten rund um Webentwicklung","publisher":{"@id":"https:\/\/www.clickstorm.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clickstorm.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.clickstorm.de\/blog\/#organization","name":"clickstorm GmbH","url":"https:\/\/www.clickstorm.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/11\/logo.svg","contentUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/11\/logo.svg","caption":"clickstorm GmbH"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/de-de.facebook.com\/clickstorm\/","https:\/\/x.com\/clickstorm_gmbh","https:\/\/www.youtube.com\/channel\/UCEaU1eUbug6OiI4uU6vA-cA"]},{"@type":"Person","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/person\/594fb824a2f049d33b2a1b4406bfc86b","name":"Marc","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/85b6c585f298a873f9f4be166b9fbba00a9ad2482b92863d227e5d227136d135?s=96&d=mm&r=g","caption":"Marc"},"url":"https:\/\/www.clickstorm.de\/blog\/author\/marc\/"}]}},"_links":{"self":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/4821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/comments?post=4821"}],"version-history":[{"count":10,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/4821\/revisions"}],"predecessor-version":[{"id":4876,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/4821\/revisions\/4876"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/media\/4875"}],"wp:attachment":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/media?parent=4821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/categories?post=4821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/tags?post=4821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}