Was Sie über Google Core Web Vitals wissen sollten
Veröffentlicht: 2021-05-08Haben Sie schon von den neuen Core Web Vitals von Google gehört? Als Ergänzung zu den vier bestehenden Seitenerfahrungssignalen sind Core Web Vitals entscheidend für die bestmögliche Benutzererfahrung (Laden, Interaktivität und visuelle Stabilität). Google wird diese Metriken ab Mitte Juni sukzessive einführen und bis Ende August voll in die Ranking-Bestimmung einfließen. In diesem Blog werfen wir einen genaueren Blick auf die einzelnen Core Web Vitals, wie sie sich auf Ihre Website auswirken, Tools zu deren Verbesserung und mehr.
Was sind die Core Web Vitals von Google?
Core Web Vitals bewertet die Benutzererfahrung (auf dem Desktop und auf Mobilgeräten) in Bezug auf die Geschwindigkeit und wie schnell Besucher mit einer Seite interagieren können. Jedes Core Web Vital „repräsentiert eine bestimmte Facette der Benutzererfahrung, ist vor Ort messbar und spiegelt die reale Erfahrung eines kritischen benutzerzentrierten Ergebnisses wider.“
Anstatt sich ausschließlich auf Textelemente zu konzentrieren, bewertet Core Web Vitals die Qualität der gesamten Benutzererfahrung (UX) innerhalb einer Seite. Es gibt drei Core Web Vitals:
- Größte zufriedene Farbe (LCP)
- Erste Eingangsverzögerung (FID)
- Kumulative Layoutverschiebung (CLS)
LCP bewertet Leistung und Belastung, FID-Reaktionsfähigkeit und -Interaktivität sowie die visuelle CLS-Stabilität. Core Web Vitals machen den größten Teil Ihres Google Page Experience Score aus, der auch die folgenden vorhandenen Suchsignale enthält:
- Mobilfreundlich
- Sicheres Surfen
- HTTPS
- Keine aufdringlichen Interstitials
Wir werden uns den Page Experience Score später in diesem Blog genauer ansehen. Beginnen wir damit, uns mit den Details jedes Core Web Vital zu befassen.
Core Web Vital #1 :: Größte Contentful Paint (LCP)
Largest Contentful Paint (LCP) misst, wie schnell das größte Inhaltselement auf einer Seite geladen wird. Dies ist in der Regel ein großer Text, ein Bild oder ein Video auf Blockebene. Anstatt die Ladezeit für die gesamte Seite zu bewerten, untersucht LCP, wie lange es aus Sicht des Benutzers dauert, bis eine Seite geladen ist, was die wichtigste Kennzahl für die Seitengeschwindigkeit überhaupt ist.
Ein guter LCP beträgt weniger als 2,5 Sekunden, was bedeutet, dass das größte Element innerhalb von 2,5 Sekunden nach Beginn des Ladevorgangs der Seite angezeigt wird. Die Optimierung Ihres LCP ist wichtig, da sich längere Ladezeiten nachweislich stark negativ auf die Absprungraten auswirken. Um Ihre LCP-Zeit zu verbessern, beachten Sie Folgendes:
- Große Seitenelemente entfernen
- Aktualisieren Sie Ihren Webhost
- Lazy Loading implementieren
- Entfernen unnötiger Skripte von Drittanbietern
Core Web Vital #2 :: First Input Delay (FID)
First Input Delay (FID) misst die Zeitspanne von der ersten Interaktion eines Benutzers mit einer Seite bis zur Reaktion seines Browsers auf diese Interaktion. Benutzerinteraktionen umfassen (sind aber nicht beschränkt auf) Folgendes:
- Auswählen einer Menü- oder Navigationsoption
- Klicken auf einen Link oder eine Schaltfläche
- Text in ein Feld eingeben
- Öffnen eines Akkordeonmenüs auf dem Handy
FID geht über Ihren PageSpeed-Score hinaus, da es die Zeit misst, die ein Benutzer benötigt, um eine bestimmte Aktion abzuschließen. Das bedeutet, dass es Felddaten von Echtzeitbenutzern erfordert und nicht durch Laborsimulationen generiert werden kann.
Ein guter FID sollte nicht länger als 100 Millisekunden sein, um eine großartige Benutzererfahrung im Web zu bieten. Um Ihre FID-Zeit zu verbessern, sollten Sie Folgendes berücksichtigen:
- Verwendung eines Browser-Cache
- Entfernen unkritischer Skripte von Drittanbietern
- Zurückstellen (oder Minimieren) von JavaScript
Core Web Vital #3 :: Cumulative Shift Layout (CSL)
Cumulative Shift Layout (CSL) berechnet die Gesamtzahl der Layoutverschiebungen, die auftreten, wenn eine ganze Seite geladen wird. Das heißt, es bestimmt, wie schnell eine Seite während des Ladevorgangs visuell stabil ist. Die Seitenstabilität während des Ladevorgangs trägt dazu bei, dass Besucher nicht versehentlich auf etwas klicken oder neu lernen müssen, wo sich Links, Schaltflächen und Felder befinden.
Ein guter CSL ist alles unter 0,1. Ihre Punktzahl kann so niedrig wie 0 sein und steigt jedes Mal, wenn Schichtlayouts auftreten. Mit anderen Worten, eine höhere Punktzahl bedeutet, dass Elemente viel herumspringen, während Ihre Seite geladen wird. Es gibt keine maximale Punktzahl, aber Core Web Vitals bewertet 0,25 oder höher als „Schlecht“. Um Ihren CSL-Score zu verbessern, sollten Sie Folgendes in Betracht ziehen:
- Hinzufügen zusätzlicher UI-Elemente unterhalb der Falte
- Stellen Sie sicher, dass Anzeigenelemente reservierten Platz haben
- Definieren von Größenattributdimensionen für Medien
Wie passen Core Web Vitals in die Ranking-Faktoren von Google?
Core Web Vitals sind eine entscheidende neue Komponente eines Metriksatzes, der als Seitenerfahrungssignale bekannt ist. Diese bewerten die gesamte Benutzererfahrung einer Seite, indem sie die wichtigsten Nicht-Text-Elemente berücksichtigen. Mit anderen Worten, sie berücksichtigen, wie Benutzer ihre Interaktionen mit einer Seite wahrnehmen und wie nützlich diese Seite für die Befriedigung ihrer Anfrage ist. Wir werden die vier bestehenden Page Experience-Signale unten untersuchen.
1. Mobilfreundlich
Dabei wird bewertet, wie einfach Websites auf mobilen Geräten zu navigieren sind. Dazu gehört die Zugänglichkeit von Links und On-Page-Elementen sowie die Lesbarkeit der Inhalte. Jeder Teil einer Seite sollte auf Mobilgeräten genauso funktional sein wie auf dem Desktop, was die Grundlage für responsives Design ist.
2. Sicheres Surfen
Safe Browsing bestimmt, ob eine Website Probleme wie gehackte Inhalte, Phishing und Malware aufweist. Es konzentriert sich darauf, sicherzustellen, dass Besucher sicher nach dem suchen können, wonach sie suchen.
3. HTTPS
Diese Metrik bewertet die Sicherheit einer Website und ob sie gemäß den Best-Practice-Empfehlungen von Google über HTTPS bereitgestellt wird.
4. Keine aufdringlichen Interstitials
Dieses Signal stellt sicher, dass wesentliche Inhalte auf der Seite nicht durch aufdringliche Interstitials (Popup-Anzeigen) behindert werden, wodurch ein angenehmes Surferlebnis gefördert wird.
Wie werden Ihre Core Web Vitals Scores berechnet?
Core Web Vitals-Scores werden anhand des 75. Perzentils über ein 28-Tage-Fenster berechnet. Mit anderen Worten, es verwendet drei von vier Website-Besuchen (75 %), um festzustellen, ob eine Seite das Ziel für jedes Core Web Vital erfüllt. Wenn eine Seite die empfohlenen Punktzahlen für alle drei Metriken erfüllt, besteht sie die Core Web Vitals-Bewertung.
Wie wirken sich Core Web Vitals auf Ihre Website aus?
Während Core Web Vitals sicherlich wichtig sind, ist es wichtig zu verstehen, dass Google beim Ranking von Webseiten Hunderte von einzigartigen Signalen berücksichtigt. Core Web Vitals kann jedoch einen erheblichen Unterschied für Seiten bewirken, die um extrem wettbewerbsfähige Bedingungen konkurrieren. Core Web Vitals wird sich im Laufe der Zeit kontinuierlich weiterentwickeln, wenn sich die Erwartungen der Benutzer ändern, daher ist es wichtig, auf dem Laufenden zu bleiben.
Wie können Sie Ihre Core Web Vitals Scores verbessern?
Es gibt viele kostenlose Tools, mit denen Sie Ihre Core Web Vitals-Ergebnisse analysieren und verbessern können. Die Verbesserung dieser Metriken kann Ihnen helfen, Ihre Konkurrenten zu übertreffen und auf den Ergebnisseiten der Google-Suchmaschine einen höheren Rang einzunehmen. Wir empfehlen die folgenden Tools, um Ihre Core Web Vitals-Ergebnisse zu überprüfen und Verbesserungsmöglichkeiten aufzudecken.
Tool Nr. 1 :: Google Search Console Core Web Vitals Report
Wenn Sie Ihre Core Web Vitals-Ergebnisse verbessern möchten, beginnen Sie mit dem Core Web Vitals-Bericht der Google Search Console. Der Core Web Vitals-Bericht befindet sich im Abschnitt „Verbesserungen“ Ihres Search Console-Kontos und bietet einen Überblick über die Leistung Ihrer gesamten Website.
Der Core Web Vitals Report verwendet Felddaten aus dem Chrome User Experience Report, um indizierte URLs nach Problem zu gruppieren. Dies liegt daran, dass UX-Probleme auf ähnlichen Seiten normalerweise durch dasselbe zugrunde liegende Problem verursacht werden. Jede URL wird mit „Schlecht“, „Verbesserungsbedürftig“ oder „Gut“ bewertet.
Sobald Sie ein Problem lokalisiert haben, können Sie es mit Tools wie Google PageSpeed Insights oder Google Lighthouse beheben. In den folgenden zwei Abschnitten werden diese Tools genauer untersucht, um Sie bei der Optimierung für UX zu unterstützen.
Tool Nr. 2 :: Google PageSpeed Insights-Bericht
Ihr Google Search Console Core Web Vitals-Bericht ist mit einem entsprechenden Bericht in Google PageSpeed Insights verknüpft, der auf Lighthouse-Lab-Simulationen basiert. PageSpeed Insights misst Core Web Vitals anhand von Labor- und Felddaten. Konzentrieren Sie sich auf die Abschnitte „Möglichkeiten“ und „Diagnose“, um Probleme bei jeder URL zu identifizieren und die Websitegeschwindigkeit effektiv zu optimieren.
Tool Nr. 3: Google Lighthouse
Google Lighthouse ist ein automatisiertes Tool, das Audits für eine URL durchführt und einen Bericht über die Leistung dieser Seite erstellt. Lighthouse 6.0 enthält Labormetriken für Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS), was es zu einem unschätzbaren Tool bei der Bewertung von Core Web Vitals macht.
Gesamtsperrzeit (TBT)
Die dritte neue Metrik von Lighthouse 6.0 ist die Total Blocking Time (TBT), die direkt mit der First Input Delay (FID) korreliert. Einfach ausgedrückt berechnet TBT die Gesamtzeit zwischen LCP und Time to Interactive (TTI). TTI ist die Zeitspanne vom Beginn des Ladens einer Seite bis zu dem Zeitpunkt, an dem sie zuverlässig auf Benutzerinteraktionen reagiert.
Zeit bis zum ersten Byte (TTFB)
Der Abschnitt „Opportunities“ Ihres Lighthouse-Berichts enthält auch Time to First Byte (TTFB). Wie der Name schon sagt, ist dies die Zeit, die ein Browser benötigt, um das erste Byte des Seiteninhalts zu empfangen.
Zeit bis zur Interaktivität (TTI)
Die Time to Interactive (TTI) ist im Abschnitt „Leistung“ Ihres Lighthouse-Berichts enthalten und misst, wie lange es dauert, bis eine Seite vollständig interaktiv wird. TTI arbeitet mit TBT zusammen, um Interaktivitätsprobleme zu lokalisieren und zu diagnostizieren, die sich negativ auf Ihre FID auswirken können. Da es nicht vor Ort messbar oder benutzerzentriert ist, ist TTI nicht in Core Web Vitals enthalten.
Tool Nr. 4 :: Seitenerfahrungsbericht der Google Search Console
Der Page Experience Report kombiniert Ihren Core Web Vitals-Bericht mit den anderen vier Page Experience-Signalen: Mobile Friendly, Safe Browsing, HTTPS und No Intrusive Interstitials. Ein tiefes Eintauchen in jede Komponente des Page Experience-Signals kann Ihnen helfen, neue Verbesserungsmöglichkeiten aufzudecken, was besonders in Tie-Breaker-Situationen hilfreich sein kann.
Tool Nr. 5 :: Google Chrome User Experience (CrUX)-Bericht
Der Chrome User Experience Report ist ein anonymer öffentlicher Bericht über Nutzererfahrungsdaten von Millionen von Webseiten. Es misst Felddaten (im Gegensatz zu Labordaten) auf allen drei Core Web Vitals und berücksichtigt keine Simulationen oder Googlebot-Besuche. Zu sehen, wie Ihre Seiten in der Praxis abschneiden, ist eine großartige Möglichkeit, wertvolle Verbesserungsmöglichkeiten zu ermitteln.
Tool Nr. 6 :: Google Chrome DevTools
Google Chrome DevTools sind in den Google Chrome-Browser integriert und darauf ausgelegt, Ihnen bei der Diagnose und Behebung von Problemen zu helfen, die zu einer hohen CSL führen können. Sie messen auch TBT, was vorteilhaft ist, wenn Sie Ihren FID verbessern möchten.
Tool Nr. 7 :: Google Chrome Web Vitals-Erweiterung
Die im Chrome Web Score verfügbare Web Vitals Extension misst alle drei Core Web Vitals in Echtzeit. Diese sofortigen Daten zu Ladevorgängen, Interaktivität und Layoutänderungen helfen Ihnen, Möglichkeiten zu erkennen, die einen großen Unterschied machen können.
Tool Nr. 8 :: Semrush-Site-Audit-Tool
Das Site Audit Tool in Ihrem Semrush-Konto meldet eine Vielzahl von Daten, die mit Core Web Vitals korrelieren. Dazu gehören Messwerte zur Ladegeschwindigkeit, HTTPS-Sicherheitsprotokolle, JavaScript- und CSS-Fehler, Crawlbarkeit und mehr.
Arbeiten Sie mit Tower Marketing zusammen, um Ihre Core Web Vitals Scores zu verbessern
Der beste (und einfachste) Weg, um Probleme mit Core Web Vitals zu identifizieren und zu beheben, ist die Zusammenarbeit mit einer Agentur wie Tower Marketing. Unser erfahrenes Team aus Webentwicklern und SEOs verfügt über die Tools, um Ihre Website den Empfehlungen von Core Web Vitals anzupassen, und wir beheben alle auftretenden Probleme.