{"id":1264,"date":"2020-12-04T12:19:26","date_gmt":"2020-12-04T11:19:26","guid":{"rendered":"https:\/\/blog.forty-four.de\/?p=1264"},"modified":"2021-05-06T11:28:00","modified_gmt":"2021-05-06T09:28:00","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.forty-four.de\/blog\/core-web-vitals\/","title":{"rendered":"Core Web Vitals als Rankingfaktor: So optimieren Sie Ihre Website"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Lesedauer<\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">Minuten<\/span><\/span>\n<p class=\"wp-block-paragraph\">Googles Algorithmus ist stetig im Wandel. Was vor wenigen Jahren noch echte SEO-Tipps waren, ist inzwischen lange schon Schnee von gestern. Bereits f\u00fcr M\u00e4rz 2021 ist eine gr\u00f6\u00dfere Umstellung angek\u00fcndigt: der <a aria-label=\"Mobile-First-Index (opens in a new tab)\" href=\"https:\/\/www.forty-four.de\/blog\/2020\/08\/mobile-first-index\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Mobile First Index<\/a>. Doch damit ist noch lange nicht Schluss. Denn Google hat inzwischen angek\u00fcndigt, die Core Web Vitals (CWV) als Rankingfaktor einzuf\u00fchren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Core Web Vitals sind schon l\u00e4nger einsehbar und beschreiben verschiedene, technische Aspekte im Zusammenhang mit der User Experience Ihrer Website. Stand jetzt sollen diese <a aria-label=\"ab Mai 2021 ein offizieller Rankingfaktor werden (opens in a new tab)\" href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">bis August 2021 ein offizieller Rankingfaktor werden<\/a>. Grund genug, sich damit genauer zu befassen \u2013 und die eigene Website optimal vorzubereiten.<\/p>\n\n\n\n<div class=\"wp-block-group has-background\" style=\"background-color:#f5f5f5\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Inhaltsverzeichnis:<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"#CoreWebVitals\" class=\"rank-math-link\">Was sind die Core Web Vitals?<\/a><\/li><li><a href=\"#CWVeinsehen\" class=\"rank-math-link\">Wo Sie die Core Web Vitals einsehen k\u00f6nnen<\/a><\/li><li><a href=\"#CWVSEO\" class=\"rank-math-link\">Was bedeutet das f\u00fcr Ihr SEO?<\/a><\/li><li><a href=\"#CWV\" class=\"rank-math-link\">So bereiten Sie Ihre Website vor<\/a><\/li><li><a href=\"#kontakt\" class=\"rank-math-link\">Jetzt Optimierung anfragen<\/a><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"CoreWebVitals\">Was bedeuten die Core Web Vitals?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Core Web Vitals zielen als Rankingfaktoren komplett auf die Page Experience ab. Es geht also grundlegend darum, Ihre Website so zu optimieren, dass sie besonders gut nutzbar ist. Das ist als Faktor auch nur logisch: Denn eine Website die ewig braucht, um zu reagieren, w\u00fcrden Sie im Zweifelsfalle auch frustriert verlassen, oder? <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Insgesamt setzen sich die Core Web Vitals derzeit aus drei Kennzahlen zusammen. Diese fassen die <a href=\"https:\/\/www.forty-four.de\/blog\/2021\/02\/pagespeed-seo\/\" target=\"_blank\" aria-label=\"Ladegeschwindigkeit (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Ladegeschwindigkeit<\/a>, die Interaktivit\u00e4t der Seite und die Stabilit\u00e4t des Designs zusammen. Google hat jedoch bereits verk\u00fcndet, dass nicht auszuschlie\u00dfen ist, dass in Zukunft neue Metriken und Faktoren hinzugef\u00fcgt werden. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Largest Contentful Paint (LCP)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der erste Faktor zielt auf die Ladezeiten ab. Dabei geht es nicht um die gesamte Ladezeit Ihrer Seite, sondern darum, wie viel Zeit vergeht, bis der Hauptcontent der Seite im Browser sichtbar wird. Es wird also die Zeit erfasst, die zwischen Anforderung der Seite und Erscheinen des Hauptcontents liegt. Daf\u00fcr gibt Google Zahlenwerte zur Einordnung an:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Gut: &lt;2,5 Sekunden<\/li><li>Mittel: 2,5-4 Sekunden<\/li><li>Schlecht: &gt;4 Sekunden<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">First Input Delay (FID)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Faktor der Core Web Vitals erfasst, wie schnell NutzerInnen mit Ihrer Website interagieren k\u00f6nnen. Schlie\u00dflich sollen Ihre NutzerInnen im Idealfall nicht blo\u00df lesen, sondern auch selbst aktiv werden, indem sie einen Kauf t\u00e4tigen, Buttons nutzen oder Formulare ausf\u00fcllen. Um eine relevante Kennzahl daf\u00fcr festzulegen, wird die Zeitspanne zwischen der Interaktion und dem Zeitpunkt, an dem der Browser darauf reagiert, erfasst. Auch daf\u00fcr gibt Google wieder eine Werteskala heraus:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Gut: &lt;0,1 Sekunden<\/li><li>Mittel: 0,1-0,3 Sekunden<\/li><li>Schlecht: &gt;0,3 Sekunden<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cumulative Layout Shift (CLS)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Faktor ist der wohl komplexeste der Core Web Vitals. Dies liegt vor allem daran, dass seine Messung nicht in so klar verst\u00e4ndlichen Werten wie Sekunden herausgegeben wird. Grunds\u00e4tzlich geht es um die visuelle Stabilit\u00e4t Ihrer Website. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei modernen, komplexen Websites ist es Gang und G\u00e4be, dass bestimmte Teile im Hintergrund geladen werden, um die grunds\u00e4tzliche Ladezeit der Website zu verringern. Wenn dieses Nachladen jedoch nicht reibungslos verl\u00e4uft, kann es dazu kommen, dass die Inhalte der Seite w\u00e4hrend der Nutzung springen und sich verschieben. Das macht es f\u00fcr NutzerInnen schwierig, die Inhalte zu lesen \u2013 ein echter St\u00f6rfaktor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Wert wird erfasst, indem gemessen wird, wie h\u00e4ufig bereits sichtbare Elemente noch nachtr\u00e4glich verschoben werden. Gleichzeitig flie\u00dft als Gewichtung auch mit ein, wie weit diese Elemente verschoben werden. Daraus ergibt sich wieder eine Werteskala:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Gut: &lt;0,1<\/li><li>Mittel: 0,1-0,25<\/li><li>Schlecht: &gt;0,25<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"CWVeinsehen\">So k\u00f6nnen Sie die Core Web Vitals einsehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Generell gibt es bereits verschiedene M\u00f6glichkeiten, um die Core Web Vitals einzusehen. Daf\u00fcr bieten sich bekannte Optionen an:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a aria-label=\"Google Search Console (opens in a new tab)\" href=\"https:\/\/search.google.com\/search-console\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Google Search Console<\/a><\/li><li><a aria-label=\"PageSpeed Insights (opens in a new tab)\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">PageSpeed Insights<\/a><\/li><li><a aria-label=\"Lighthouse (opens in a new tab)\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Lighthouse<\/a><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2020\/08\/Search-Console-Core-Web.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2020\/08\/Search-Console-Core-Web-1024x531.png\" alt=\"Ein Screenshot der Core Web Vitals aus der Google Search Console.\" class=\"wp-image-63\" srcset=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2020\/08\/Search-Console-Core-Web-1024x531.png 1024w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2020\/08\/Search-Console-Core-Web-300x156.png 300w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2020\/08\/Search-Console-Core-Web-768x398.png 768w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2020\/08\/Search-Console-Core-Web.png 1466w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><em>Sie finden eine Auswertung der Core Web Vitals in der Google Search Console.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Dar\u00fcber hinaus gibt es noch eine Vielzahl an weiteren M\u00f6glichkeiten. Google hat bereits angek\u00fcndigt, dass dieser Rankingfaktor insgesamt st\u00e4rker in Analytic-Tools integriert werden soll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Zahlen zu erfassen, ist also einfach. Schwieriger wird es, wenn es darum geht, aus diesen eher abstrakten, technischen Faktoren relevante Schl\u00fcsse zu ziehen. Denn die Interpretation ist nicht ganz einfach. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"CWVSEO\">Wie beeinflussen die Core Web Vitals SEO?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Core Web Vitals flie\u00dfen laut Google in einen \u00fcbergeordneten Rankingfaktor namens Page Experience Signal ein. Dieser besteht neben den CWV aus weiteren User Experience Signalen. Insgesamt erfasst dieser Rankingfaktor also, wie nutzerfreundlich Ihre Website ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google selbst nennt vier weitere Faktoren, die neben den Core Web Vitals einflie\u00dfen:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Mobile-Friendliness:<\/strong> Dieser Faktor erfasst, ob Ihre Website mobiloptimiert ist. Da ab M\u00e4rz 2021 das gesamte Google-Crawling auf <a href=\"https:\/\/www.forty-four.de\/blog\/2020\/08\/mobile-first-index\/\" target=\"_blank\" aria-label=\"Mobile First Index (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Mobile First Index<\/a> umgestellt wird, sollten Sie sich um diesen Punkt bereits intensiv gek\u00fcmmert haben. <\/li><li><strong>Safe-Browsing:<\/strong> In diesem Punkt wird zusammengefasst, ob Ihre Website wirklich komplett gesichert ist. Dies sollte f\u00fcr verantwortungsbewusste Website-BetreiberInnen schon lange Pflicht sein \u2013 und somit kein Problem in der Zukunft darstellen.<\/li><li><strong>HTTPS-Security:<\/strong> Verf\u00fcgt Ihre Website \u00fcber eine sichere HTTPS-Verbindung? Dies sehen Sie an dem kleinen Schloss neben Ihrer URL. Wenn es da ist, m\u00fcssen Sie sich keine Gedanken machen. Falls nicht, sollten Sie dieses Thema dringend angehen.<\/li><li><strong>Intrusive Interstitial Guidelines:<\/strong> Dieser Faktor erfasst Pop-ups, die Content teilweise oder sogar ganz verdecken. Im Idealfall existieren solche Pop-ups nicht, au\u00dfer sie sind gesetzlich und ethisch vorgegeben, z. B. die Altersbest\u00e4tigung bei Websites, die im Kontext mit Alkohol stehen. <\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Unter dem neuen Rankingfaktor werden also ausschlie\u00dflich technische Aspekte zusammengefasst. Dementsprechend ist anzunehmen, dass er f\u00fcr SEO zwar relevant wird, aber nicht die oberste Priorit\u00e4t hat. Denn letztlich geht es Google wie auch anderen Suchmaschinen vordergr\u00fcndig darum, die qualitativ hochwertigsten und relevantesten Suchergebnisse zu einer bestimmten Suchanfrage zu liefern. Eine technisch perfekte Website wird also ohne die passenden Inhalte keine Chance auf gute Rankings haben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In Ihrer SEO-Strategie sollte bestm\u00f6glicher Content immer noch das Hauptthema sein. Kommt es jedoch in Sachen Page Experience Signal zu massiven Problemen oder muss Google zwischen zwei quasi gleichwertigen Inhalten w\u00e4hlen, werden diese technischen Aspekte sehr wohl eine entscheidende Rolle spielen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dementsprechend sollten Sie jetzt nicht alles umwerfen, um den Core Web Vitals und den weiteren Faktoren gerecht zu werden. Dennoch sollten Sie Ihre Website ausgiebig pr\u00fcfen und nach Optimierungsm\u00f6glichkeiten abklopfen. Nur so k\u00f6nnen Sie langfristig in Sachen SEO mit Inhalten und Technik \u00fcberzeugen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"CWV\">Was bedeutet die Einf\u00fchrung der Core Web Vitals f\u00fcr Sie?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Generell sollten Sie aufgrund des neuen Rankingfaktors nicht in Panik geraten. Denn eigentlich sollten dies zumeist Aspekte sein, die Sie in Bezug auf Ihre Website schon l\u00e4nger ber\u00fccksichtigen. Denn Nutzerfreundlichkeit ist ja nicht erst dadurch wichtig, dass Google sie als Rankingfaktor einf\u00fchrt. Im Idealfall stehen Sie also in den meisten Punkten bereits gut da.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gleichzeitig sei jedoch gesagt: Wenn Ihre Core Web Vitals schlecht aussehen, gibt es oft keine einfache L\u00f6sung. Schlie\u00dflich geht es um technische Faktoren, die ggfs. grundlegende \u00c4nderungen verlangen. M\u00f6gliche Ansatzpunkte sind dabei beispielsweise:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Largest Contentful Paint:<\/strong> Ladezeiten der Ressourcen (Bilder, CSS), Server-Antwortzeiten, Rendering-Blocking (CSS &amp; JavaScript), Client Side Rendering &#8230;<\/li><li><strong>First Input Delay: <\/strong>JavaScript-Ausf\u00fchrung beschleunigen, Main-Thread des Browsers entlasten, Auswirkungen von Code von Dritten reduzieren, Anzahl der Dateigr\u00f6\u00dfen und Requests reduzieren &#8230;<\/li><li><strong>Cumulative Layout Shift:<\/strong> Keine Inhalte automatisch am Anfang der Seite einf\u00fcgen, Elemente in Gr\u00f6\u00dfe nicht \u00e4ndern, Animationen nutzen, Gr\u00f6\u00dfenangaben von Bild und Video genau pr\u00fcfen &#8230;<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In der Praxis wird diese Optimierung so aussehen, dass Sie die Core Web Vitals Ihrer Website erheben, einzelne \u00c4nderungen umsetzen und anschlie\u00dfend \u00fcber einen gewissen Zeitraum pr\u00fcfen. Auf Basis dieser neuen Zahlen f\u00fchren Sie dann die n\u00e4chsten \u00c4nderungen durch, bis Sie mit Ihrer Website in einem m\u00f6glichst optimalen Bereich liegen. Einen allumfassenden, fixen Ma\u00dfnahmenkatalog kann es leider nicht geben, da jede Website unterschiedlich aufgesetzt ist und arbeitet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"kontakt\">Wir bereiten Ihre Website auf neue Rankingfaktoren vor &#8230;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Grunds\u00e4tzlich besteht aufgrund der Core Web Vitals kein Grund zur Sorge. Dennoch ist ein tiefes technisches Verst\u00e4ndnis notwendig, um Ihre Website dahingehend zu optimieren. Gerne pr\u00fcfen wir Ihre Website f\u00fcr Sie! Auf Basis der erhobenen Daten optimieren wir Ihre Website und sorgen so daf\u00fcr, dass die technischen Aspekte Ihre NutzerInnen \u2013 und auch Google \u2013 garantiert gl\u00fccklich machen. Melden Sie sich jetzt!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/www.forty-four.de\/seo-check.html\" target=\"_blank\" rel=\"noreferrer noopener\">Jetzt SEO-check anfragen!<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ab Mai 2021 werden die Core Web Vitals ein offizieller Rankingfaktor bei Google. Was das f\u00fcr Ihre Website bedeutet und welche Ma\u00dfnahmen Sie jetzt ergreifen sollten \u2013 erfahren Sie hier!<\/p>\n","protected":false},"author":2,"featured_media":1281,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[9,3,7],"tags":[],"class_list":["post-1264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-online-marketing","category-webseiten"],"_links":{"self":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/1264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/comments?post=1264"}],"version-history":[{"count":5,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/1264\/revisions"}],"predecessor-version":[{"id":2168,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/1264\/revisions\/2168"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media\/1281"}],"wp:attachment":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media?parent=1264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/categories?post=1264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/tags?post=1264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}