Grundlegende Web-Vitals und Top-Techniken zu ihrer Verbesserung verstehen

Veröffentlicht: 2022-05-11

Im Mai 2020 führte Google ein neues Programm ein, Web Vitals, eine Initiative, die Leitlinien für Qualitätssignale bereitstellt. Google ist der Ansicht, dass diese Metriken für die Bereitstellung einer großartigen Benutzererfahrung im Web unerlässlich sind.

Google hat uns im Laufe der Jahre mehrere Tools zur Verfügung gestellt (Google Analytics, Search Console und PageSpeed Insights sind einige der beliebtesten), und es kann oft eine Herausforderung sein, mit diesen Schritt zu halten, wenn sie sich weiterentwickeln.

Sie sollten jedoch kein Performance-Experte sein müssen, um die Qualität der Benutzererfahrung zu verstehen, die Ihre Website bietet. Web Vitals zielt darauf ab, dies zu vereinfachen und uns dabei zu helfen, uns auf die Metriken zu konzentrieren, die am wichtigsten sind – die Core Web Vitals.

Was sind Core Web Vitals?

Core Web Vitals sind die Teilmenge von Web Vitals, die für alle Webseiten gelten. Jeder der Core Web Vitals spiegelt eine Erfahrung aus der realen Welt wider und repräsentiert eine bestimmte Facette der Benutzererfahrung. Google empfiehlt, dass diese Metriken von allen Websitebesitzern gemessen werden.

Die Metriken, aus denen Core Web Vitals besteht, werden sich im Laufe der Zeit weiterentwickeln, aber zum jetzigen Zeitpunkt konzentrieren sich die Metriken auf drei Hauptaspekte der Benutzererfahrung:

Wird geladen
Interaktivität
Visuelle Stabilität

Was ist Largest Contentful Paint (LCP)?

Largest Contentful Paint oder LCP misst die Ladeleistung, den ersten Aspekt der Benutzererfahrung. Es markiert den Punkt in der Ladezeitachse, an dem der Hauptinhalt Ihrer Seite wahrscheinlich fertig geladen ist. Je schneller Ihr Largest Contentful Paint ist, desto beruhigender ist für Google, dass Nutzer die Seite nützlich finden werden.

Damit Ihre Webseite eine gute Benutzererfahrung bietet, sollte das LCP innerhalb von 2,5 Sekunden nach dem ersten Laden der Seite erfolgen.

Um zu betonen, wie wichtig es ist, die Richtlinien für Largest Contentful Paint zu erfüllen, verbringen Benutzer mehr Zeit auf einer Website, wenn Seiten schneller geladen werden. Tatsächlich besuchen Benutzer 8,9 Seiten, wenn die Ladezeit zwei Sekunden beträgt (was der LCP-Empfehlung von 2,5 Sekunden entspricht), im Vergleich zu nur 3,3 Seiten, wenn die Ladezeit acht Sekunden beträgt.

Was ist die erste Eingangsverzögerung (FID)?

First Input Delay oder FID misst die Interaktivität, den zweiten Aspekt der Benutzererfahrung. Es quantifiziert die Erfahrung, die Benutzer beim Versuch haben, mit nicht reagierenden Seiten zu interagieren.

FID misst die Zeit von der ersten Interaktion eines Benutzers mit Ihrer Seite (z. B. Klicken auf einen Link oder Tippen auf eine Schaltfläche) bis zu dem Zeitpunkt, an dem der Browser als Reaktion auf die Aktion des Benutzers mit der Verarbeitung von Ereignishandlern beginnt.

Um eine gute Benutzererfahrung zu bieten, sollte die Verzögerung der ersten Eingabe Ihrer Seiten 100 Millisekunden oder weniger betragen. Ein niedriger FID trägt dazu bei, dass Ihre Seite nutzbar ist.

Was ist kumulative Layoutverschiebung (CLS)?

Cumulative Layout Shift oder CLS misst die visuelle Stabilität, den dritten Aspekt der Benutzererfahrung. Es hilft zu quantifizieren, wie oft ein Benutzer eine unerwartete Layoutänderung erlebt. Ein niedriger CLS hilft sicherzustellen, dass die Seite nicht klobig ist.

Um eine gute Benutzererfahrung zu bieten, sollten Seiten eine kumulative Layoutverschiebung von 0,1 oder weniger beibehalten. Es ist eher eine Punktzahl als eine Zeitmessung wie LCP und FID.

Der LCS-Score wird berechnet, indem der Browser die Größe des Ansichtsfensters und die Bewegung instabiler Elemente im Ansichtsfenster zwischen zwei gerenderten Frames betrachtet.

So verbessern Sie Core Web Vitals

Die Optimierung für ein qualitativ hochwertiges Benutzererlebnis ist der Schlüssel zum Erfolg Ihrer Website, und Google glaubt, dass die Core Web Vitals für alle Web-Erlebnisse von entscheidender Bedeutung sind. Daher ist es wichtig, Möglichkeiten zur Verbesserung der Benutzererfahrung auf so vielen Seiten wie möglich zu identifizieren.

Um sicherzustellen, dass Sie das empfohlene Ziel für Benutzer auf Ihrer Website erreichen, ist das 75. Perzentil der Seitenladevorgänge ein guter Schwellenwert zum Messen der LCP-, FID- und CLS-Metriken. Um Ihre Website als konform mit Core Web Vitals zu betrachten, ziehen Sie eine Seite in Betracht, wenn sie die empfohlenen Ziele im 75. Perzentil für diese Metriken erfüllt.

Hier sind einige Möglichkeiten, wie Sie Ihre wichtigsten Web-Vitals-Metriken verbessern und sicherstellen können, dass Ihre Website ein großartiges Benutzererlebnis bietet.

Verbessern Sie die Seitenladegeschwindigkeit

An dieser Stelle versteht es sich von selbst, dass das schnelle Laden einer Webseite für eine bessere Benutzererfahrung sorgt. Zwischen zwei und drei Sekunden ist der Wendepunkt, an dem die Absprungraten in die Höhe schnellen. 40 Prozent der Verbraucher warten nicht länger als drei Sekunden, bevor sie sich entscheiden, Ihre Website zu verlassen.

Verwenden Sie PageSpeed Insights, um eine Punktzahl für jede von Ihnen eingegebene Webseite zu erhalten, und nutzen Sie die Vorschläge des Tools, um darauf hinzuarbeiten, dass Ihre Seiten schneller geladen werden. Es besteht die Möglichkeit, dass es Fälle gibt, in denen die Ladezeiten nicht den Richtlinien von Core Web Vitals entsprechen, und hier müssen Sie sich möglicherweise Videos, Bilder oder andere Probleme ansehen, die möglicherweise zu langsamen Ladezeiten führen.

Optimieren Sie die größte Inhaltsfarbe

Da Largest Contentful Paint (LCP) in der Gesamtpunktzahl von Core Web Vitals ein erhebliches Gewicht hat, ist es ratsam, für diese Metrik zu optimieren. Da Ressourcenladezeiten ein häufiger Übeltäter für schlechte LCP-Werte sind, hier ein paar Dinge, die Google empfiehlt:

Bilder optimieren und komprimieren
Laden Sie wichtige Ressourcen vor
Textdateien komprimieren
Verwenden Sie adaptives Serving
Zwischenspeichern von Assets mithilfe eines Servicemitarbeiters

Senken Sie Ihre Absprungraten

Absprungraten veranschaulichen die Rate, mit der Benutzer Ihre Website verlassen, und Sie möchten, dass dieser Prozentsatz so niedrig wie möglich ist.

Google Analytics zeigt Ihnen zum Beispiel die Absprungrate für jede Seite Ihrer Website, die besucht wurde. Dies kann Ihnen helfen, Probleme zu identifizieren, z. B. wenn eine Seite nicht reagiert oder auf Mobilgeräten nicht richtig geladen wird.

Eine hohe Absprungrate kann auch darauf hinweisen, dass Nutzer nicht finden, was sie suchen, was Google signalisieren kann, dass die Seite für die Suchanfrage, für die sie in den Suchergebnissen erscheint, nicht relevant ist. Hohe Absprungraten können auch auf eine schlechte Nutzererfahrung durch Interstitials, Pop-ups und andere aufdringliche Elemente hindeuten.

Beseitigen Sie unerwartete Layoutverschiebungen

Wenn der Text oder eine Schaltfläche plötzlich an eine andere Position auf der Seite verschoben wird (häufig aufgrund von Ladeproblemen), wird dies als unerwartete Layoutverschiebung bezeichnet. Dies kann für Benutzer frustrierend sein, da sie die Orientierung verlieren oder auf das Falsche klicken.

Gehen Sie wie folgt vor, um unerwartete Layoutverschiebungen zu vermeiden oder zu beseitigen:

Vermeiden Sie das Einfügen von Inhalten über bestehenden Inhalten
Stellen Sie sicher, dass Übergänge für Kontext und Kontinuität animiert sind
Fügen Sie Größenattribute zu Bildern und Videos hinzu

Sie wollen die wesentlichen Disziplinen im Digital Marketing beherrschen? Sehen Sie sich jetzt den Kurs Digital Marketing Specialist an.

Möchten Sie die Vorteile von SEO und Core Web Vitals nutzen?

SEO und Googles Core Web Vitals sind für jede digitale Marketingstrategie unerlässlich. Unser Schulungskurs zur Suchmaschinenoptimierung (SEO) verwandelt Sie in einen Full-Stack-SEO-Profi, der nachhaltiges Wachstum im wichtigsten Marketingkanal Ihrer Website vorantreibt. Im Kurs beherrschen Sie die vielen Facetten von SEO wie Keyword-Recherche, technisches SEO, Linkaufbau, Analytik und vieles mehr.

Wenn Sie daran interessiert sind, ein umfassender digitaler Vermarkter mit Fähigkeiten zu werden, die über SEO hinausgehen, sehen Sie sich unser Postgraduiertenprogramm für digitales Marketing an. In diesem umfassenden Programm, das in Zusammenarbeit mit der Purdue University angeboten und gemeinsam mit Facebook entwickelt wurde, lernen Sie alles, was Sie wissen müssen, um ein erfolgreicher Experte für digitales Marketing zu werden, durch praktische Projekte, Live-Online-Unterricht, Meisterkurse von der Fakultät von Purdue und Experten bei Facebook, Fallstudien von Harvard Business Publishing und vieles mehr!