Core Web Vitals – Definition, Bedeutung und Einsatz im Online-Marketing
Kurz erklärt
Core Web Vitals sind Googles zentrale Metriken für die Nutzererfahrung (Page Experience) – sie messen Ladegeschwindigkeit, Interaktivität und visuelle Stabilität einer Webseite.
Was sind Core Web Vitals?
Core Web Vitals sind drei Leistungskennzahlen, die Google als besonders wichtig fuer die Nutzererfahrung definiert hat. Sie sind seit 2021 ein offizieller Ranking-Faktor im Google-Algorithmus und Teil des Page-Experience-Signals. Die Metriken messen drei Aspekte: Ladegeschwindigkeit, Interaktivitaet und visuelle Stabilitaet.
Die drei Metriken im Detail
LCP (Largest Contentful Paint)
Misst die Ladezeit des groessten sichtbaren Elements im Viewport (Bild, Video-Poster oder Textblock). Zielwert: unter 2,5 Sekunden. Haeufige Ursachen fuer schlechtes LCP: zu grosse Bilder, langsamer Server, render-blockierendes CSS/JavaScript, langsame Schriftarten-Auslieferung.
INP (Interaction to Next Paint)
Ersetzt seit Maerz 2024 den frueheren FID (First Input Delay). INP misst die Reaktionszeit bei allen Nutzerinteraktionen waehrend des gesamten Seitenbesuchs: Klicks, Taps und Tastatureingaben. Zielwert: unter 200 Millisekunden. Schlechte INP-Werte deuten auf blockierendes JavaScript, zu viele Event-Listener oder aufwaendige DOM-Manipulationen hin.
CLS (Cumulative Layout Shift)
Misst unerwartete Layoutverschiebungen waehrend des Ladevorgangs. Zielwert: unter 0,1. Haeufige Ursachen: Bilder ohne explizite width/height-Angaben, nachladende Werbung oder Embeds, dynamisch eingefuegte Inhalte und Webfonts, die beim Laden Textgroesse aendern (FOUT/FOIT).
Warum sind Core Web Vitals wichtig?
Google nutzt Core Web Vitals als Teil des Page-Experience-Signals. Seiten mit guten Werten erhalten einen Ranking-Vorteil, besonders wenn der Content mit Wettbewerbern vergleichbar ist. Wichtiger noch: Bessere Ladezeiten fuehren zu niedrigeren Absprungraten (minus 24 % pro Sekunde schneller) und hoeheren Conversion-Rates.
Optimierung
- Bilder komprimieren und in modernen Formaten (WebP, AVIF) ausliefern
- width und height Attribute fuer alle Bilder und Embeds angeben (gegen CLS)
- Kritisches CSS inline laden, unkritisches CSS deferred
- JavaScript minimieren, aufteilen (Code Splitting) und asynchron laden
- Server-Response-Zeit unter 200ms halten (CDN, Caching, HTTP/2)
- Schriftarten mit font-display: swap und preload ausliefern
- Third-Party-Scripts minimieren (jedes externe Script ist ein Risiko fuer INP und LCP)
Messung: Lab-Daten vs. Feld-Daten
- Lab-Daten: Lighthouse, PageSpeed Insights (simulierte Messung unter Standardbedingungen)
- Feld-Daten (CrUX): Chrome User Experience Report, echte Nutzerdaten der letzten 28 Tage. Google nutzt Feld-Daten fuer das Ranking.
- Tools: Google PageSpeed Insights, Lighthouse, Chrome DevTools, WebPageTest, Search Console (Core Web Vitals Bericht)
Weitere Fachbegriffe
Demand Generation
Demand Generation erzeugt Nachfrage und Bewusstsein für ein Produkt oder eine Dienstleistung – bevor der potenzielle Kunde aktiv sucht.
Interne Verlinkung
Interne Verlinkung beschreibt die Linkstruktur innerhalb einer Website. Sie hilft Suchmaschinen beim Crawling, verteilt Linkstärke und führt Nutzer zu relevanten Inhalten.
Display Advertising
Display Advertising umfasst grafische Werbeanzeigen (Banner, Videos) auf Websites, in Apps und auf Plattformen – ideal für Brand Awareness und Remarketing.
Conversion-Tracking
Conversion-Tracking erfasst, welche Marketingmaßnahmen zu gewünschten Nutzeraktionen führen – etwa einem Kauf, einer Anfrage oder einer Newsletter-Anmeldung.
Landingpage
Eine Landingpage ist eine speziell für ein Marketingziel gestaltete Webseite, die Besucher zu einer konkreten Aktion bewegen soll – ob Kauf, Anmeldung oder Download.
Retargeting (Remarketing)
Retargeting (auch Remarketing) zeigt Werbeanzeigen gezielt an Nutzer, die bereits mit einer Website oder App interagiert haben – und erhöht so die Conversion-Rate.
