19. Oktober 2021

Core Web Vitals – User Experience ist für das Webseiten-Ranking von Bedeutung

Core Web Vitals Piktogram
Startseite » Themen – Blog » Texte » Core Web Vitals – User Experience ist für das Webseiten-Ranking von Bedeutung

Es geht in diesem Artikel wieder einmal um die Optimierung von Webseiten. Denken Sie daran wie eine Webseite auf Sie wirken muss, damit Sie sie nicht sofort wieder wegklicken. An Ihrem eigenen Nutzerverhalten und den beim Surfen im Web gemachten Erfahrungen erkennen Sie was „User Experience“ tatsächlich bedeutet. Ab Mai 2021 von größerer Bedeutung als bisher: Das Gesamterlebnis Ihrer Webseite rückt in den Fokus. Konkret gesagt heißt das, es erfolgt eine Messung, wie schnell ein Betrachter sich wieder von Ihrer Seite verabschiedet und zum möglichen Mitbewerber wechselt. Google sagt Core Web Vitals dazu und straft Seiten durch schlechteres Ranking ab, die sich nicht an die Empfehlungen halten. Die Grundlagen dazu in meinem Beitrag. Viel Erfolg.

Was bedeuten Core Web Vitals für das Google Ranking

Ganz einfach ausgedrückt: ein negatives Seitenerlebnis wirkt sich direkt auf das Seitenranking bei den SERPS (Search Engine Result Pages / Suchergebnisseiten) aus. Mit den entsprechenden Suchmetriken, die ab Mai 2021 im Google Ranking-Algorithmus implementiert werden, wird die allgemeine Reaktionsfähigkeit und das Erlebnis der Seiten gemessen und eine Bewertung vorgenommen, die sich dann in der Position auf den Ergebnisseiten widerspiegelt. Die Folge: Der Kampf um den Spitzenplatz wird immer härter und intensiver. Wer nicht mithält fällt durch den Rost! Allen, die in den Suchergebnissen sichtbar bleiben möchten, ist anzuraten die Web Vitals in ihrer Struktur zu berücksichtigen.

Gerne können Sie mich kontaktieren, falls Sie mehr darüber wissen möchten. Schreiben Sie mir ein Mail oder nehmen Sie telefonischen Kontakt auf. Die Daten dazu finden Sie im Impressum.

Was macht ein gutes „Webseiten-Erlebnis“ aus?

Im Vordergrund der Google Strategie steht das Nutzererlebnis, die „User Experience„. Weil Google bei den Suchmaschinen eindeutig die Nase vorn hat (Marktanteil 90%), haben die Absichten des Konzerns Auswirkungen auf nahezu alle, die eine Webseite betreiben. Diese sollte möglichst weit vorne in den Ergebnissen aufscheinen, wenn man die entsprechenden Suchbegriffe eingibt. Dabei spielt die Platzierung eine zentrale Rolle. Schon die zweite SERP-Seite bedeutet faktische „Unsichtbarkeit“ um Netz.

Mit Core Web Vitals rückt Google die Nutzererfahrung in den Mittelpunkt der Strategie. Unter anderem werden Ladegeschwindigkeit, aufdringliche Pop-Ups und schlechte Lesbarkeit zur Seitenqualität gezählt und bewertet.

Vertrauensbildende Maßnahmen in die Marke zahlen sich aus!

Kunden, die dem Unternehmen, der Marke vertrauen, sind in aller Regel treue Kunden. Das war schon in Zeiten „before Internet“ auch nicht anders. Nun gibt es eine Reihe von Untersuchungen, die zu dem Ergebnis kommen, dass Kunden bei jenen Unternehmen kaufen, denen sie vertrauen können, und zwar um mehr als das Doppelte:

  • Anzahl der Erstkäufer (Buy first): von 25% auf 53% (+ 28 Punkte)
  • Anzahl der Wiederkäufer (Stay local): von 29% auf 62% (+ 33 Punkte)
  • Anzahl der Empfehlungen (Advocate): von 24% auf 51% (+27 Punkte)
  • Anzahl der absoluten Fans (Defend): von 22% auf 43% (+ 21 Punkte)

Quelle: SiteImprov (https://siteimprove.com/de-at/ )

Der Regelkreis der User-Erfahrung

User Experience basiert auf mehreren Faktoren:

  • Nützlichkeit: Wie weit erfüllt die Seite die Bedürfnisse der Zielgruppe.
  • Verwendbarkeit: Wie einfach und intuitiv ist sie zu bedienen.
  • Zuverlässigkeit: Ist die Seite immer verfügbar und kann man sich auf die Inhalte verlassen.
  • Funktionalität: Ist die Seite an die Bedürfnisse der Zielgruppen angepasst und darauf Bedürfnisse abgestimmt.
  • Vertrauenswürdigkeit: Halten Besucher das Angebot der Webseite für vertrauenswürdig und reell.

Was versteht Google unter einem ausgezeichneten Seitenerlebnis?

Google betrachtet, angeblich unabhängig von Marken und Produkten, die Seiten nach den Kriterien für Core Web Vitals:

  • Benutzerfreundlich
  • qualitativ hochwertig
  • relevante Inhalte

Das sind auch die ersten Ansatzpunkte, die Sie bei Ihrer SEO-Strategie beachten sollten. Ich kann Sie gerne dabei unterstützen und freue mich auf Ihren Kontakt.

Dabei priorisiert Google die Faktoren so:

  1. Core Web Vitals
  2. Mobile first
  3. sicheres Surfen
  4. HTTPS
  5. hoch relevanter Inhalt

Core Web Vitals – Checkliste für Ihre Webseite

Nach dieser ersten Einführung stellt sich die Frage, was nun zu tun sei, welche Maßnahmen zu treffen sind. Finden Sie hier eine erste Checkliste dazu (Sie können die Tabelle nach links oder rechts verschieben, um den gesamten Text zu lesen):

In untenstehender Tabelle sind Links angegeben. Hier die klickbare Zusammenfassung:

Tabelle zur Überprüfung der Webseiten
Tabelle zur Überprüfung der Webseite

Wie werden Core Web Vitals berechnet

Die Absicht von Google war und ist es, einen Satz von Kennzahlen zu entwickeln, mit deren Hilfe eine klare Aussage über die technische Qualität einer Webseite getroffen werden kann. Gemessen wird eine Reihe von benutzerzentrierten Metriken, mittels derer man das Benutzererlebnis bewerten kann: Ladezeit, Interaktivität, Stabilität beim Laden von Inhalten und einiges mehr.

Die Quelle für die Daten, ist der sogenannte Chrom User Experience Report. Er basiert auf der Auswertung tatsächlicher Besuche auf „lebenden“ Webseiten (keine Labordaten). Alle User, die in ihrem Browser die Synchronisierung ermöglichen und die Nutzungsstatistiken aktivieren, nehmen an dieser Erhebung teil. Ausgewertet werden die Daten so:

  • Page Speed Insights: Nutzererfahrung auf konkreten URL-Ebenen, die den WebCrawlern bekannt sind.
  • Projekt Google Big Query: Nutzererfahrung, aggregiert nach Herkunft, aufgeteilt auf mehrere Dimensionen.
  • CrUX Dashboard (Data Studio): Trends, um die Nutzererfahrung seit dem Ursprung zu dokumentieren.

Daten zur Berechnung des Nutzererlebnisses

  • First Paint (FP): Zeitpunkt an dem der Browser nach der Navigation das erste Mal „gerendert“ hat. Für Entwickler ein Schlüsselmoment beim Laden der Seite.
  • First Contentful Paint (FCP): Zeitpunkt zu dem der Browser das erste Mal einen Text, ein Bild zeigt. Zu diesem Zeitpunkt können User den Seiteninhalt „konsumieren“.
  • DomContentLoaded (DCL): Zeitpunkt, an dem das gesamte HTML-Dokument geladen ist, ohne ev. Stylesheets, Bilder, Subframes.
  • Onload: Nun ist alles geladen. Seiteninhalte und abhängige Ressourcen.
  • First Input Delay (FID): Ab wann kann der Benutzer das erste Mal mit der Seite interagieren. Je niedriger, desto besser.
  • Largest Contentful Paint (LCP): Eine benutzerorientierte Kennzahl, die die wahrgenommene Ladegeschwindigkeit repräsentiert. Ein schneller LCP gibt dem User Sicherheit, dass die Seite nützlich ist.
  • Cumulative Layout Shift (CLS): Benutzerorientiert. Wie stabil ist die Seite hinsichtlich visuellem Erleben. Ein hoher Wert weist auf unerwartete Layoutverschiebungen hin und ist schlecht für das User-Erlebnis.
  • Time to first Byte (TTFB): Wie reaktionsfähig ist der Webserver oder die verwendete Netzwerkressource. Wie lange dauert es, bis das erste Byte clientseitig empfangen wird, nachdem die Anfrage erfolgt ist.

Wie erhalten Sie Auskunft über den Stand Ihrer Core Web Vitals

Google stellt eine Seite zur Verfügung: https://developers.google.com/speed/pagespeed/insights/, die ganz gute Ergebnisse liefert. Man kann schnell zwischen Mobil und Desktop wechseln und sieht auf einen Blick die wichtigsten Maßnahmen und Empfehlungen:

Eine andere Seite, die auch sehr aufschlussreich ist, finden Sie hier: https://web.dev/measure/. Sie schlüsselt das Ergebnis in Performance, Accessibility, Best Practices und SEO auf. Als Übersicht sehr gut, zum Abarbeiten der Maßnahmen ist Page Speed Insights besser:

Es besteht auch die Möglichkeit die Dev-Tools in Chrom einzubinden, was eine direkte Auswertung ermöglicht. Allerdings sind dazu grundlegende Kenntnisse zum Seitenaufbau zu empfehlen: https://developers.google.com/web/tools/lighthouse#devtools.

Einen sehr guten Überblick erhalten Sie mit dem Core Webe Vitals – Check von Experte.de. Bis zu 500 Seiten sind bei einem Durchgang möglich. Für jede Seite erhält man die genauen Daten und kann ganz gezielt Maßnahmen treffen. Hier geht es zum Check: https://www.experte.de/web-vitals

Einen sehr guten Überblick erhalten Sie mit dem Web Core Vitals – Check von Experte.de. Bis zu 500 Seiten sind bei einem Durchgang möglich. Für jede Seite erhält man die genauen Daten und kann ganz gezielt Maßnahmen treffen. Hier geht es zum Check:

Empfehlungen zur Optimierung – dem Idealzustand nahekommen

Sehr vieles klingt kompliziert, bei genauer Betrachtung sind es möglicherweise einige einfache Schritte, die gute Wirkung erzeugen. Hier eine Auswahl davon:

  • Reduzieren Sie die Bilder nicht mit den Parametern „Height and Weight), sondern stellen -Sie sie bereits im richtigen Format bereit.
  • Bilder in neues Format umwandeln: WebP
  • LCP optimieren:
    • Langsame Serverantwortzeiten
      • nutzt der Server den neuesten Stand der Technik
      • wo ist der Standort des Servers
      • werden statische Inhalte (JS, CSS) mit richtigen Caching Angaben ausgeliefert
      • können HTML-Seiten gecacht werden
      • frühzeitiges Verbinden externer Skripts
    • Render Blockierung
      • JS (JavaScript) und CSS (Cascading Style Sheets) erst dann laden, wenn sie tatsächlich gebraucht werden (am Ende der Seiten einfügen, Parameter „defer“ und „async“ verwenden).
      • Dateigröße reduzieren (Minifying).
    • Langsame Ressourcen-Ladezeiten
      • ev. CDN-Server nutzen
    • Clientseitiges Rendern
      • JS werden nicht im Browser gerendert
  • FID optimieren
    • Laufzeiten von JS Tasks reduzieren (weniger als 500 Millisekunden)
    • Code Splitting einsetzen
    • unkritische Skripte durch „async“ oder „defer“ verschieben
  • CLS optimieren
    • Bilder, Angaben, iFrames immer mit Größenangaben versehen
    • Schrift mit Angabe von „swap“ und „font-display“ (CSS) einbauen um FOIT / FOUT zu vermeiden
    • JS vermeiden, die auf eine Antwort warten

Die Auswirkungen sind im Ranking nicht unmittelbar sichtbar. Google nutzt ein Zeitfenster von 28 Tagen.

Core Web Vitals – Nutzerfreundlichkeit: Fazit und Zusammenfassung

Es zeichnet sich schon lange ab und die Studien, die es bestätigen sind im Grunde genommen nur Beiwerk: User bevorzugen Seiten, die ein gutes „Erlebnis“ bieten, einen Nutzen und Sinn stiften, deren Inhalt man vertrauen kann. Das ist die eine Seite.

Auf der anderen Seite steht die Technik: Ladegeschwindigkeit, Mobile first, Voice Search und insgesamt Reaktionsfähigkeit, sowie visuelle Stabilität sind die Eckpfeiler einer nachhaltigen SEO-Strategie.

In seinen Erklärungen, weshalb es für dieses UpDate hoch an der Zeit sei, nennt Google den Grund, dass es allen Teilnehmern den Zugang zu geschäftlichem Erfolg ermöglicht. Schließlich ist die Interaktion mit der Webseite von Erfolg gekrönt, wenn sie für den Nutzer angenehm und nützlich war und er bei Bedarf wiederkommt, im günstigsten Fall Ihr Angebot weiterempfiehlt.

Wenn Sie weitere Fragen haben, dann nehmen Sie mit mir Kontakt auf. Vielen Dank.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

%d Bloggern gefällt das: