Technisch

Core Web Vitals

Auf einen Blick

Core Web Vitals sind Googles Metriken zur Messung der Nutzererfahrung einer Website, bestehend aus Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS).

Core Web Vitals sind eine Reihe von Metriken, die Google definiert hat, um die Qualität der Nutzererfahrung auf einer Website messbar zu machen. Sie sind seit 2021 ein offizieller Rankingfaktor und Teil des Google Page Experience Updates.

Die drei Core Web Vitals

TL;DRLCP (Largest Contentful Paint): Misst die Ladegeschwindigkeit.

  1. LCP (Largest Contentful Paint): Misst die Ladegeschwindigkeit. Wie lange dauert es, bis das größte sichtbare Element (Bild, Video, Textblock) im Viewport geladen ist? Zielwert: unter 2,5 Sekunden.
  2. INP (Interaction to Next Paint): Ersetzt seit März 2024 den FID (First Input Delay). Misst die Reaktionsfähigkeit über die gesamte Sitzung hinweg. Wie schnell reagiert die Seite auf Nutzerinteraktionen? Zielwert: unter 200 Millisekunden.
  3. CLS (Cumulative Layout Shift): Misst die visuelle Stabilität. Wie stark verschieben sich Seitenelemente während des Ladens? Zielwert: unter 0,1.

Core Web Vitals und KI-Sichtbarkeit

TL;DRAuch wenn KI-Suchmaschinen deine Seite primär nach Inhalt bewerten, spielen Core Web Vitals eine indirekte Rolle:.

Auch wenn KI-Suchmaschinen deine Seite primär nach Inhalt bewerten, spielen Core Web Vitals eine indirekte Rolle:

  • Crawling-Effizienz: Schnelle Seiten werden effizienter gecrawlt, was die Indexierung verbessert
  • Nutzersignale: Seiten mit guten Web Vitals haben niedrigere Absprungraten, was Google als Qualitätssignal wertet
  • Google-Rankings: Da AI Overviews auf den Google-Index zugreifen, profitieren gut rankende Seiten auch in KI-Antworten

Optimierungstipps

TL;DRBilder optimieren: Nutze moderne Formate (WebP, AVIF) und Lazy Loading.

  1. Bilder optimieren: Nutze moderne Formate (WebP, AVIF) und Lazy Loading
  2. Server-Response verbessern: Investiere in schnelles Hosting und CDN
  3. JavaScript minimieren: Reduziere Render-blocking Scripts
  4. Layout-Shifts vermeiden: Definiere immer Höhe und Breite für Bilder und Embeds

Häufige Fragen (FAQ)