Sind Core Web Vitals wichtig? Was machen Sie?

Zuletzt aktualisiert am 01

Angenommen, Sie durchsuchen das Internet nach Informationen zu einem Produkt oder einer Dienstleistung. Sie öffnen eine Webseite, aber das Laden dauert ewig. Beim endgültigen Laden versuchen Sie, auf eine Schaltfläche zu klicken, aber die Website reagiert nicht sofort.

Und gerade als Sie dachten, es könnte nicht noch schlimmer werden, beginnen sich die Informationen auf der Website unerwartet zu verschieben, was es schwierig macht, etwas zu lesen oder anzuklicken.

Das scheint eine frustrierende Erfahrung zu sein, nicht wahr?

Das ist genau die Art von schrecklicher Benutzererfahrung, die Google mit Core Web Vitals vermeiden möchte.

Core Web Vitals sind drei Indikatoren, die Google verwendet, um die Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität einer Website zu bewerten. Mit anderen Worten: Sie helfen bei der Entscheidung, ob eine Website eine positive oder negative Benutzererfahrung bietet.

Warum sind diese Core Web Vitals wichtig?

Google möchte sicherstellen, dass die in seinen Suchergebnissen vorgeschlagenen Websites den Nutzern ein angenehmes Erlebnis bieten. Denn wenn eine Website langsam ist, nicht reagiert und grafisch instabil ist, werden Sie wahrscheinlich nicht lange dort bleiben.

Aus diesem Grund können Websites mit höheren Core Web Vitals-Bewertungen in den Google-Suchergebnissen weiter oben erscheinen, was ihnen einen Vorteil bei der Gewinnung von mehr Besuchern und potenziellen Kunden verschafft.

Wir werden darüber diskutieren, was die wichtigsten Web-Vitals sind.

Sind zentrale Web-Vitaldaten von Bedeutung und welche Auswirkungen haben sie auf das Benutzererlebnis und die Suche?

Lassen Sie uns beginnen!

Was sind die wichtigsten Web-Vitale?

Bei Core Web Vitals handelt es sich einfach um eine Reihe von von Google erstellten Kriterien oder Regeln, um zu bewerten, wie effektiv eine Website funktioniert und ein positives Benutzererlebnis bietet.

Betrachten Sie es als ein Website-Zeugnis. Es analysiert Faktoren, die für jeden, der eine Website besucht, wesentlich sind.

Die drei wichtigsten Web-Vitals sind:

• Größte zufriedene Farbe: Dies misst die Geschwindigkeit, mit der der Hauptinhalt der Seiten einer Website geladen wird. Der LCP sollte weniger als 2.5 Sekunden betragen, um ein positives Benutzererlebnis zu gewährleisten. Niemand liebt es, auf einen leeren Bildschirm zu starren und darauf zu warten, dass etwas passiert.

• Kumulative Layoutverschiebung: Hierbei wird analysiert, wie oft sich das Layout und die Informationen auf einer Seite unerwartet ändern, während diese noch geladen wird. CLS sollte unter 0.1 liegen, um eine gute Benutzererfahrung zu bieten. Sich bewegende Inhalte erschweren das Lesen und es kann passieren, dass Sie versehentlich auf das Falsche klicken.

• Erste Eingabeverzögerung: Diese Metrik bewertet, wie schnell die Website reagiert, wenn Sie auf etwas klicken oder mit etwas interagieren. Verzögerungen und Latenz können sich erheblich verschlimmern. Für ein optimales Benutzererlebnis sollte der FID weniger als 100 Millisekunden betragen.

Google hat bekannt gegeben, dass eine vierte Metrik, Interaction to Next Paint (INP), FID im März 2024 als Teil von Core Web Vitals ersetzen wird. INP sollte 200 Millisekunden oder weniger betragen, um ein schnelles und reaktionsfähiges Erlebnis zu gewährleisten.

Vereinfacht ausgedrückt sind die Core Web Vitals die Methode von Google, um zu messen, ob eine Website schnell lädt, auf Interaktionen reagiert und keine unerwarteten Layoutänderungen aufweist.

Warum sind Core Web Vitals wichtig?

Seit Juni 2021 betrachtet Google die Page Experience als offiziellen Google-Rankingfaktor. Bei der Seitenerfahrung handelt es sich um eine Reihe von Elementen, die Google für wichtig hält, um ein hervorragendes Gesamterlebnis für den Verbraucher zu bieten. Dazu gehören Folgendes:

• Verwenden Sie HTTPS, um Ihre Seite bereitzustellen
• Mobil-Freundlichkeit
• Das Fehlen störender Interstitials (nervige Pop-ups)
• Sicheres Surfen

Core Web Vitals sind wichtig, da sie einen direkten Zusammenhang mit dem Engagement, der Zufriedenheit und den Website-Conversion-Raten eines Benutzers haben. Wenn eine Website bei Core Web Vitals schlecht abschneidet, werden die Benutzer wahrscheinlich eine negative Erfahrung machen.

Hier sind einige wichtige Gründe, warum Sie sich über Core Web Vitals Gedanken machen sollten:

A. Glückliche Benutzer

Benutzer sind zufriedener, wenn die Seite reibungslos läuft. Gute Core Web Vitals-Indikatoren führen zu zufriedenen Benutzern.

B. Niedrigere Absprungrate

Seiten mit einem schnellen LCP und einem niedrigen CLS halten Benutzer länger auf der Seite, bevor sie abspringen.

C. Höhere Conversions

Eine reaktionsfähige Website mit starkem FID erhöht die Chance der Benutzer, eine Transaktion abzuschließen oder sich für einen Dienst anzumelden.

D. Verbesserte SEO

Seiten, die den Benutzern ein angenehmes Erlebnis bieten, neigen dazu in den Suchergebnissen höher ranken. Core Web Vitals sind eine Ranking-Metrik.

e. Erhöhter Umsatz

Es besteht ein direkter Zusammenhang zwischen verbesserten Core Web Vitals und höherem Umsatz, der durch stärkere Engagement- und Konversionsraten getrieben wird. Google bezieht auch Core Web Vitals in seine Ranking-Faktoren ein.

Daher kann die Optimierung dieser Kennzahlen dazu beitragen, dass Ihre Website in den Suchergebnissen einen höheren Rang einnimmt und mehr Besucher auf Ihre Website generiert.

Was sind empfohlene Kriterien für Core Web Vitals-Metriken?

A. Größte inhaltsreiche Farbe

Largest Contentful Paint (LCP) ist eine der drei wichtigsten Web-Vital-Metriken, die das Benutzererlebnis einer Website bewerten. LCP misst insbesondere, wie schnell der Hauptinhalt einer Webseite geladen wird und für den Benutzer zugänglich ist.

LCP bewertet einfach, wie lange es dauert, bis das größte und wichtigste visuelle Element auf der Website geladen und angezeigt wird. Dabei kann es sich um ein großes Bild, einen Videoplayer, einen Textblock oder eine andere wichtige Information handeln, die der Betrachter beim Besuch dieser Seite zuerst sehen möchte.

Eine gute LCP-Zeit beträgt 2.5 Sekunden oder weniger. Das bedeutet, dass, wenn ein Benutzer die Website besucht, das Hauptbild, das Hauptvideo oder ein wichtiger Textblock fast sofort geladen wird. Ein LCP von 2.6 bis 4 Sekunden zeigt an, dass die Geschwindigkeit Ihrer Website verbessert werden muss.

Alles, was länger als 4 Sekunden dauert, gilt als schlechtes LCP. Denn es kann Besucher verärgern und sie dazu bringen, Ihre Website zu verlassen.

Aus technologischer Sicht kann die Optimierung von LCP Taktiken umfassen wie:

• Optimierung und Reduzierung großer Mediendateien
• Priorisierung der Auslastung wichtiger Ressourcen
• Verwendung von Leistungstechniken wie Code-Splitting
• Effektiver Einsatz von Browser-Caching

B. Kumulative Layoutverschiebung

Cumulative Layout Shift (CLS) ist eine weitere von Google eingeführte Core Web Vitals-Metrik. Es beurteilt die visuelle Stabilität einer Website.

Cumulative Layout Shift (CLS) ist eine konsistente Core Web Vital-Metrik. Es handelt sich um eine wesentliche, benutzerzentrierte Metrik zur Analyse der visuellen Stabilität, da sie misst, wie häufig Benutzer unerwartete Layoutänderungen erleben. Ein niedriger CLS trägt dazu bei, dass die Seite angenehm ist.

Unerwartete Layoutänderungen können das Benutzererlebnis auf verschiedene Weise beeinträchtigen, z. B. indem sie beim Lesen ihre Position verlieren, wenn der Text unerwartet springt oder auf den falschen Link oder die falsche Schaltfläche klickt. Dies kann unter Umständen erheblichen Schaden anrichten.

Ein guter CLS-Wert von 0.1 oder weniger zeigt an, dass das Layout Ihrer Website recht stabil ist. Dadurch können andere Ihre Inhalte problemlos und ohne Unterbrechung sehen.

Ein CLS-Wert von 0.1 bis 0.25 zeigt an, dass die visuelle Stabilität Ihrer Website verbessert werden muss. Es gibt genug Bewegung, um für Benutzer erkennbar zu sein.

Ein schlechter CLS-Score von mehr als 0.25 weist darauf hin, dass sich Ihre Seitenelemente stark bewegen. Benutzer bemerken möglicherweise größere Veränderungen, z. B. dass sich Text oder Schaltflächen plötzlich bewegen. Dies ist schädlich für ihre Erfahrung. 

C. Erste Eingabeverzögerung

First Input Delay (FID) ist die dritte Metrik in den Core Web Vitals von Google. Es bewertet die Reaktionsfähigkeit einer Website auf Benutzerinteraktionen. FID misst, wie schnell eine Website reagiert, wenn ein Benutzer zum ersten Mal mit ihr interagiert.

Beispiele für Interaktionen sind:

• Auswählen eines Menüpunkts in einem Dropdown
• Klicken Sie auf einen Link in der Navigation Ihrer Website
• Eingabe ihrer E-Mail-Adresse in ein Formularfeld
• Öffnen Sie das „Akkordeon-Menü“ auf einem mobilen Gerät

Google schätzt FID, weil es widerspiegelt, wie einfach reale Kunden mit Ihrer Website interagieren können. Für ein optimales Benutzererlebnis sollte der FID weniger als 100 Millisekunden betragen. 

D. Interaktion mit der nächsten Farbe

Interaction to Next Paint (INP) ist die neueste Kennzahl der Core Web Vitals und folgt am 12. März 2024 auf First Input Delay (FID). Sie gibt an, wie schnell eine Seite auf Interaktionen reagiert und wird in Millisekunden gemessen.

Es ist erwähnenswert, dass INP misst, wie schnell eine Webseite auf die Interaktion des Benutzers mit ihr reagiert. FID verfolgte nur die Reaktionszeit des ersten Benutzerkontakts mit einem beliebigen Element auf der Website. 

Ein guter INP beträgt 200 Millisekunden oder weniger. Ein INP zwischen 200 und 500 Millisekunden weist darauf hin, dass die Interaktion Ihrer Website verbessert werden muss.

Ein INP von mehr als 500 Millisekunden stellt für Ihre Benutzer ein schreckliches interaktives Erlebnis dar. Dies führt zu offensichtlichen Verzögerungen und Verzögerungen bei der Reaktion auf Benutzereingaben.

Wie überprüfen Sie die Core Web Vitals-Leistung Ihrer Website?

CWVs können mit einer Vielzahl von Tools überprüft werden. Nachfolgend sind alle Angebote direkt von Google aufgeführt:

Chrome UX-Bericht (CrUX) stellt Felddaten bereit, die von Chrome-Benutzern bereitgestellt werden, sodass Website-Administratoren erfahren können, wie echte Menschen mit ihren Websites interagieren.

Google Leuchtturm ist eine kostenlose Anwendung, die Labormessungen für CWVs generiert. Es liefert unter anderem nützliche Daten zu Leistung, SEO und Zugänglichkeit.

Google Page Speed ​​Insights kombiniert die Funktionen von CrUX und Lighthouse und stellt Feld- und Labordaten zu CWVs und anderen Webmetriken bereit. Mit PageSpeed ​​Insights können Benutzer die Leistung von Websites bewerten, unabhängig davon, ob sie ihnen gehören oder nicht. Dies ist ein Beispiel für einen PageSpeed ​​Insights-Bericht.

Google Search Console basiert auf CrUX-Felddaten und stellt CWV-Leistungsstatistiken nach URL oder URL-Satz bereit.

Lassen Sie uns die wichtigsten Web-Vitaldaten mit einem der folgenden Tools überprüfen:

A. Google PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) ist ein kostenloses Tool zur Bewertung der Leistung einer einzelnen Webseite auf Mobil- und Desktop-Geräten.

Es bietet auch Möglichkeiten, Ihre Seite schneller und benutzerfreundlicher zu gestalten. Um die Core Web Vitals-Leistung einer Seite zu messen, öffnen Sie PageSpeed ​​Insights, geben Sie die URL ein, die Sie untersuchen möchten, und klicken Sie auf „Analysieren“.

Wenn Ihr Bericht fertig ist, erhalten Sie eine vollständige Aufschlüsselung Ihrer Leistung nach vielen Parametern.

Der „Performance“-Score reicht von 0 bis 100 und basiert auf den folgenden Metriken:

• Erster zufriedener Anstrich 
• Geschwindigkeitsindex
• Größte inhaltliche Farbe
• Gesamtsperrzeit
• Kumulative Layoutverschiebung

Ihre Core Web Vitals-Ergebnisse sehen so aus:

Scrollen Sie nach unten zum Abschnitt „Diagnose“, um eine Liste mit Maßnahmen zu erhalten, mit denen Sie die Leistung Ihrer Website steigern können. 

Beachten Sie, dass der Core Web Vitals-Bericht nicht dazu gedacht ist, Ihnen bei der Bestimmung des Status einer bestimmten Seite zu helfen. Stattdessen können Sie damit den Gesamtzustand Ihrer Website bestimmen.

Wie kann die Leistung von Core Web Vitals verbessert werden?

A. LCP verbessern

Verwenden Sie ein Content Delivery Network (CDN): CDNs speichern Material an mehreren Orten auf der Welt zwischen, sodass Inhalte die Verbraucher schneller erreichen.

Bilder optimieren: Bilder sind in der Regel das größte Element auf einer Seite. Durch die Reduzierung der Größe einer Bilddatei kann die Ladezeit verkürzt werden.

Eine weitere Möglichkeit, Ihren LCP-Score zu steigern, besteht darin, Ihr Website-Hosting zu steigern.

Shared Hosting (bei dem zahlreiche Websites auf demselben Server gehostet werden) kann langsamer sein, da sich alle Ressourcen wie Speicher und Rechenleistung teilen. Dies kann dazu führen, dass Ihre Website langsamer wird, wenn der Datenverkehr auf anderen Websites stark ansteigt. 

Um dieses Problem zu lösen, sollten Sie den Wechsel zu einem besseren Hosting-Plan oder einer alternativen Form des Hostings in Betracht ziehen. Zum Beispiel dediziertes Hosting (wo Ihre Website über einen Server verfügt) oder Cloud-Hosting (wenn zahlreiche Server verwendet werden, um eine gleichmäßigere Leistung zu erzielen).

B. Verbesserung des CLS

1. Seitenelemente von Drittanbietern minimieren: Elemente von Drittanbietern auf einer Seite werden von anderen Stellen geladen als der Rest der Seite. Daher kann es sein, dass sie zu leicht unterschiedlichen Zeitpunkten geladen werden, was dazu führt, dass sich das Layout der Seite ändert. Die Verwendung weniger Elemente von Drittanbietern reduziert die Anzahl der Layoutänderungen.

2. Platz für eingebettete Inhalte reservieren: Viele Funktionen Dritter, wie z. B. Werbung, sind für den Betrieb oder die Wirtschaftsstrategie einer Website notwendig und können nicht entfernt werden. Entwickler können Platz auf der Seite reservieren, damit diese Komponenten geladen werden, bevor der Browser das eigentliche Element abruft.

3. Stellen Sie sicher, dass Fotos in ihrer optimalen Größe geladen werden: Dies ist ein etwas anderer Ansatz als die Optimierung von Bildern im Allgemeinen. Desktop-PCs, Tablets und Smartphones benötigen aufgrund der unterschiedlichen Bildschirmgröße Grafiken in etwas unterschiedlicher Größe. Wenn ein Browser zuerst das große, für den Desktop optimierte Bild lädt und dann das für Mobilgeräte optimierte Bild herunterladen muss, weil das verwendete Gerät ein Smartphone ist, kann es sein, dass sich der Inhalt auf der Seite verschiebt, wenn das Bild in unterschiedlicher Größe geladen wird.

4. Geben Sie die Höhe und Breite von Fotos und Videos an: Die Parameter „Höhe“ und „Breite“ geben an, wie groß ein Bild sein wird, sodass Browser diesen Platz reservieren können, bevor das Bild oder Video geladen wird. Auf unserer HTML5-Videoseite finden Sie weitere Informationen, wie Sie dies mit Video erreichen können.

5. Verwenden Sie CSS-Seitenverhältnisfelder:  CSS-Entwickler können verschiedene Strategien anwenden, um durch die Nutzung von Seitenverhältnissen Platz für ein Seitenelement zu sparen. 

C. Verbesserung des INP

Eines der wichtigsten Probleme, die Ihre Interaktion mit Next Paint beeinträchtigen können, ist das Vorhandensein mehrerer großer Skripte oder JavaScript-Codes auf Ihrer Website.

JavaScript ist eine Computersprache, die dynamische Website-Elemente wie Menüs, Formulare und Animationen erstellt. Allerdings kann umfangreicher oder komplizierter JavaScript-Code die Reaktionsfähigkeit Ihrer Website auf Benutzerinteraktionen verlangsamen.

Damit 

• Reduzieren Sie die Anzahl der JavaScript-Funktionen: Codelastige dynamische Webseiten können zu Eingabeverzögerungen führen, da der Browser den gesamten Code laden muss, bevor er ihn ausführen kann. Durch die JavaScript-Minimierung kann dieser Prozess beschleunigt werden.

• Erstellen Sie statische HTML-Webseiten: Statische HTML-Seiten werden viel schneller geladen als dynamische, insbesondere wenn sie über CDN bereitgestellt werden. Erfahren Sie mehr über statische Site-Generatoren oder Jamstack, eine Entwicklungsstrategie, die sich auf statische Inhalte konzentriert.

• Entfernen Sie alle unerwünschten Tools und Skripte von Drittanbietern: Das Laden zusätzlicher Tools auf Ihrer Website kann die Geschwindigkeit beeinträchtigen. Reduzieren Sie die Anzahl der Tools von Drittanbietern auf einer Website, um den FID und die Gesamtleistung der Website zu steigern.

Fazit

Sind also wichtige Web-Vitaldaten wichtig? 

Core Web Vitals sind absolut wichtig, wenn es darum geht, allen Besuchern Ihrer Website ein erstklassiges, problemloses Erlebnis zu bieten 

Während die Optimierung für diese wichtigen Aspekte einige besondere Fähigkeiten Ihrer Webentwickler erfordert, ist der Lohn enorm: die Schaffung hervorragender digitaler Erlebnisse, die dafür sorgen, dass die Kunden zufrieden sind und für weitere Hilfe zurückkommen. Die Beherrschung dieser Core Web Vitals im Jahr 2024 und darüber hinaus wird für den Online-Erfolg von entscheidender Bedeutung sein.

Lesen Sie mehr auf Verbindungsgeschwindigkeit .

FAQs

1. Was genau sind die Core Web Vitals?

 Bei den Core Web Vitals handelt es sich um drei wesentliche Messgrößen, die von Google entwickelt wurden, um das reale Erlebnis beim Zugriff auf eine Website zu bewerten. Dabei handelt es sich um Largest Contentful Paint (LCP), First Input Delay (FID) und Cumulative Layout Shift (CLS).

2. Wie kann ich die Core Web Vitals für meine Website messen?

Google bietet eine Vielzahl von Tools zur Messung der Core Web Vitals, darunter Google PageSpeed ​​Insights, Google Search Console und Lighthouse. Diese Tools liefern umfassende Informationen über die Leistung Ihrer Website und empfehlen Änderungen.

3. Beeinflussen Core Web Vitals die Suchmaschinenoptimierung?

Ja, Core Web Vitals gelten mittlerweile als Teil des Ranking-Algorithmus von Google. Websites, die ein besseres Benutzererlebnis bieten, wie hohe Core Web Vitals-Bewertungen zeigen, werden in den Suchergebnissen mit größerer Wahrscheinlichkeit weiter oben angezeigt.