CRO Wissen

Misst, wie lange es dauert, bis das größte sichtbare Element einer Seite (z.B. ein Bild oder eine Überschrift) vollständig geladen ist.

Wenn das Hauptelement zu langsam erscheint, verlieren Besucher die Geduld und verlassen die Seite, bevor sie dein Angebot sehen.

Richtwert: Unter 2,5 Sekunden, Quelle: web.dev

Misst, wie stark sich Elemente auf der Seite während des Ladens verschieben. Ein hoher Wert bedeutet, dass Inhalte unvorhersehbar springen.

Springende Inhalte führen dazu, dass Besucher versehentlich falsche Buttons klicken oder das Vertrauen in deine Seite verlieren.

Richtwert: Unter 0,1, Quelle: web.dev

Misst, wie schnell die Seite auf eine Nutzeraktion reagiert, also z.B. auf einen Klick oder eine Eingabe. Es wird die langsamste Interaktion bewertet.

Reagiert deine Seite träge auf Klicks, wirkt sie unprofessionell und Besucher brechen Bestellvorgänge oder Formulare ab.

Richtwert: Unter 200 Millisekunden, Quelle: web.dev

Die Zeit, die vergeht, bis dein Server das allererste Byte an den Browser des Besuchers sendet. Sie spiegelt die Geschwindigkeit deines Servers und Hostings wider.

Ein langsamer Server verzögert alles Weitere. Selbst perfekt optimierte Seiten laden langsam, wenn der Server zu träge antwortet.

Richtwert: Unter 800 Millisekunden, Quelle: web.dev

Die Zeit, bis der Browser zum ersten Mal irgendeinen sichtbaren Inhalt anzeigt, sei es Text, ein Bild oder ein Hintergrundelement.

Je schneller Besucher etwas sehen, desto eher bleiben sie. Ein leerer Bildschirm signalisiert eine langsame oder defekte Seite.

Richtwert: Unter 1,8 Sekunden, Quelle: web.dev

Bewertet, wie schnell der sichtbare Bereich der Seite insgesamt aufgebaut wird. Ein niedriger Wert bedeutet, dass die Seite zügig gefüllt erscheint.

Selbst wenn einzelne Elemente schnell laden, kann die Seite insgesamt langsam wirken. Der Speed Index zeigt, ob Besucher den Aufbau als flüssig empfinden.

Richtwert: Unter 3,4 Sekunden, Quelle: web.dev

Misst die Gesamtzeit, in der JavaScript den Browser blockiert und die Seite nicht auf Eingaben reagiert.

Während der Blockade können Besucher weder klicken noch scrollen. Bei langen Blockaden wirkt deine Seite eingefroren.

Richtwert: Unter 200 Millisekunden, Quelle: web.dev

Eine ältere Metrik, die maß, wie lange die Seite beim allerersten Klick nicht reagiert. Sie wurde im März 2024 durch INP ersetzt.

FID wird in älteren Berichten noch angezeigt. Für aktuelle Optimierungen ist INP die relevante Kennzahl.

Quelle: web.dev

Dateien wie CSS oder JavaScript, die der Browser vollständig laden muss, bevor er die Seite anzeigen kann. Sie verzögern den Seitenaufbau.

Jede blockierende Datei verlängert die Wartezeit. Durch Entfernen oder Verschieben dieser Ressourcen kann die Seite deutlich schneller erscheinen.

Quelle: web.dev

Das größte Bild, das auf einer Seite geladen werden muss. Oft ist es ein Hero-Banner oder Produktfoto.

Große Bilder sind häufig der Hauptgrund für langsame Ladezeiten. Durch Komprimierung oder das richtige Format lässt sich die Ladezeit erheblich verbessern.

Die Gesamtgröße aller JavaScript-Dateien, die der Browser herunterladen muss, damit die Seite funktioniert.

Je größer das Paket, desto länger dauert der Download und desto später wird die Seite interaktiv. Besonders auf Mobilgeräten ist das ein spürbarer Nachteil.

Ein kurzer Text (ca. 155 Zeichen), der in den Google-Suchergebnissen unter dem Seitentitel angezeigt wird.

Eine gute Meta-Beschreibung erhöht die Klickrate in den Suchergebnissen, weil Nutzer schneller erkennen, ob deine Seite die richtige Antwort liefert.

Quelle: web.dev

Der Seitentitel, der im Browser-Tab und als blaue Überschrift in den Google-Suchergebnissen erscheint.

Der Title Tag ist einer der wichtigsten SEO-Faktoren. Ein klarer, relevanter Titel führt zu besseren Rankings und mehr Klicks.

Richtwert: 50 bis 60 Zeichen

Die Hauptüberschrift einer Seite. Im HTML-Code ist sie als h1 ausgezeichnet und signalisiert Suchmaschinen das Kernthema der Seite.

Eine fehlende oder doppelte H1 kann das Ranking verschlechtern. Jede Seite sollte genau eine klare Hauptüberschrift haben.

Ein Hinweis im HTML-Code, der Google mitteilt, welche Version einer Seite die Originalversion ist, wenn derselbe Inhalt unter mehreren Adressen erreichbar ist.

Ohne Canonical URL kann Google denselben Inhalt als Duplikat werten und die Rankings aller Versionen verschlechtern.

Quelle: web.dev

Eine Textdatei im Stammverzeichnis deiner Website, die Suchmaschinen-Crawlern mitteilt, welche Bereiche sie besuchen dürfen und welche nicht.

Eine fehlerhafte robots.txt kann versehentlich wichtige Seiten von Google ausschließen oder sensible Bereiche für Crawler öffnen.

Eine maschinenlesbare Liste aller Seiten deiner Website, die Suchmaschinen beim Durchsuchen und Indexieren hilft.

Besonders bei großen oder neuen Websites stellt eine Sitemap sicher, dass Google alle relevanten Seiten findet und indexiert.

Ein Vokabular für strukturierte Daten, das von Google, Bing und anderen Suchmaschinen gemeinsam entwickelt wurde. Es beschreibt Inhalte in maschinenlesbarer Form.

Mit Schema.org-Auszeichnungen kann Google deine Inhalte als Rich Snippets darstellen, z.B. Sternebewertungen, Preise oder FAQs direkt in den Suchergebnissen.

Quelle: Schema.org

Ein Format, in dem strukturierte Daten direkt im HTML-Code eingebettet werden. Google empfiehlt dieses Format gegenüber Alternativen wie Microdata.

JSON-LD ist das von Google bevorzugte Format. Korrekt eingesetzt, steigert es die Chance auf erweiterte Suchergebnis-Darstellungen.

Quelle: web.dev

Zusätzliche maschinenlesbare Informationen im HTML-Code, die Suchmaschinen den Inhalt und Kontext einer Seite erklären.

Strukturierte Daten ermöglichen Rich Snippets in den Suchergebnissen. Diese auffälligeren Darstellungen erhöhen die Klickrate.

Quelle: Google

Optimierung deiner Inhalte, damit sie von KI-gestützten Suchmaschinen wie Google AI Overview, Perplexity oder ChatGPT Search als Quelle herangezogen werden.

Immer mehr Nutzer erhalten Antworten direkt von KI-Systemen. Wenn deine Inhalte nicht als Quelle erkannt werden, verlierst du Sichtbarkeit in diesem Kanal.

Optimierung deiner Webseite für Systeme, die direkte Antworten liefern, wie Google Featured Snippets, Sprachassistenten oder KI-Chatbots.

Wer die beste, klarste Antwort auf eine Frage liefert, wird von Antwort-Maschinen bevorzugt und erhält mehr Sichtbarkeit als der klassische blaue Link.

Die drei wichtigsten Performance-Metriken, die Google zur Bewertung der Nutzererfahrung verwendet: LCP (Ladezeit), INP (Reaktionszeit) und CLS (visuelle Stabilität).

Core Web Vitals sind ein offizieller Google-Rankingfaktor. Schlechte Werte können deine Platzierung in den Suchergebnissen verschlechtern.

Quelle: web.dev

Der Anteil der Besucher, die eine gewünschte Aktion ausführen, z.B. einen Kauf abschließen, ein Formular absenden oder einen Termin buchen.

Mehr Traffic allein bringt nichts, wenn Besucher nicht kaufen. Schon eine kleine Verbesserung der Conversion Rate kann den Umsatz deutlich steigern.

Der durchschnittliche Betrag, den ein Kunde pro Bestellung ausgibt.

Wenn du den durchschnittlichen Bestellwert erhöhst, steigt dein Umsatz, ohne dass du mehr Besucher gewinnen musst.

Der geschätzte Gesamtumsatz, den ein einzelner Kunde über die gesamte Dauer der Geschäftsbeziehung einbringt.

Ein hoher LTV zeigt, dass Kunden wiederholt kaufen und loyal sind. Er bestimmt, wie viel du für die Neukundengewinnung investieren kannst.

Die durchschnittlichen Kosten, um einen einzigen neuen Kunden zu gewinnen. Darin enthalten sind Werbeausgaben, Marketing und Vertriebskosten.

Wenn die Kosten pro Neukunde höher sind als der Kundenwert (LTV), ist das Geschäftsmodell langfristig nicht tragbar.

Der monatlich wiederkehrende Umsatz aus Abonnements oder laufenden Verträgen, ohne Einmalkäufe.

MRR zeigt, wie planbar und stabil dein Umsatz ist. Ein steigender MRR signalisiert gesundes Wachstum.

Der jährlich wiederkehrende Umsatz. Entspricht dem MRR multipliziert mit 12.

ARR ist die zentrale Kennzahl für SaaS- und Abo-Geschäftsmodelle und wird von Investoren als wichtigster Wachstumsindikator betrachtet.

Der Anteil der Besucher, die deine Seite aufrufen und wieder verlassen, ohne eine weitere Aktion auszuführen oder eine zweite Seite zu besuchen.

Eine hohe Bounce Rate deutet darauf hin, dass Besucher nicht finden, was sie erwarten. Es lohnt sich zu prüfen, ob Inhalt, Ladezeit oder Navigation verbessert werden können.

Der schrittweise Weg, den ein Besucher vom ersten Seitenaufruf bis zur gewünschten Aktion durchläuft, z.B. Startseite, Produktseite, Warenkorb, Kauf.

In jedem Schritt gehen Besucher verloren. Wenn du weißt, wo die größten Abbrüche passieren, kannst du gezielt an den richtigen Stellen optimieren.

Eine Handlungsaufforderung auf deiner Seite, die Besucher zu einer bestimmten Aktion bewegen soll, z.B. ein Button mit dem Text 'Jetzt kaufen' oder 'Termin buchen'.

Ohne klare Handlungsaufforderungen wissen Besucher nicht, was sie als Nächstes tun sollen. Gut platzierte CTAs steigern die Conversion Rate.

Der Bereich einer Webseite, der ohne Scrollen sofort sichtbar ist. Der Begriff stammt aus dem Zeitungsdruck (oberhalb der Falzkante).

Was Besucher zuerst sehen, entscheidet in wenigen Sekunden, ob sie bleiben oder gehen. Die wichtigsten Botschaften und CTAs gehören in diesen Bereich.

Quelle: Baymard Institute

Eine Technologie, die erkennt, wenn ein Besucher die Seite verlassen will, z.B. indem die Maus Richtung Adressleiste bewegt wird.

Exit-Intent-Popups können Besucher im letzten Moment zurückgewinnen, etwa durch ein Sonderangebot oder einen Hinweis auf kostenlosen Versand.

Wenn Besucher Produkte in den Warenkorb legen, den Kauf aber nicht abschließen und die Seite verlassen.

Die durchschnittliche Abbruchrate liegt bei etwa 70 %. Jede Verbesserung an dieser Stelle kann erheblichen entgangenen Umsatz zurückgewinnen.

Quelle: Baymard Institute

Ratenzahlungsoptionen wie Klarna, PayPal Pay Later oder Afterpay, bei denen Kunden sofort bestellen und später in Raten bezahlen.

BNPL-Optionen senken die Kaufhemmung bei höheren Beträgen und können den durchschnittlichen Bestellwert und die Conversion Rate erhöhen.

Ein internationaler Standard, der festlegt, wie Webseiten gestaltet sein müssen, damit sie auch von Menschen mit Behinderungen genutzt werden können.

Barrierefreiheit ist in vielen Ländern gesetzlich vorgeschrieben und erweitert deine Zielgruppe. Zudem verbessert sie die Nutzerfreundlichkeit für alle Besucher.

Quelle: W3C

Das mittlere Konformitätslevel der WCAG-Richtlinien. Es ist der gängige Standard, den die meisten Gesetze und Richtlinien fordern.

Level AA deckt die wichtigsten Anforderungen ab, z.B. ausreichende Kontraste, Tastaturbedienbarkeit und Untertitel für Videos. Es ist der anerkannte Mindeststandard.

Quelle: W3C

Ein automatisches Test-Tool, das Webseiten auf Barrierefreiheitsfehler prüft. Es wird in vielen Browser-Erweiterungen und CI-Pipelines eingesetzt.

Automatische Tests finden typische Fehler wie fehlende Alt-Texte oder zu niedrige Kontraste, bevor echte Nutzer darauf stoßen.

Quelle: Deque

Ein kostenloses Audit-Tool von Google, das Webseiten in den Bereichen Performance, Barrierefreiheit, SEO und Best Practices bewertet und einen Score von 0 bis 100 vergibt.

Lighthouse zeigt konkret, wo deine Seite Schwächen hat, und gibt priorisierte Empfehlungen, was du verbessern solltest.

Quelle: Google

Software, die den Inhalt einer Webseite vorliest. Sie wird von blinden oder sehbehinderten Menschen genutzt, um im Internet zu navigieren.

Wenn deine Seite nicht screenreader-kompatibel ist, schließt sie einen Teil deiner potenziellen Kunden vollständig aus.

Ein Verhalten, bei dem der Tastaturfokus innerhalb eines bestimmten Bereichs (z.B. einem Dialog) gefangen bleibt und nicht auf die dahinterliegende Seite springt.

Ohne Focus Trap können Tastaturnutzer versehentlich hinter einem geöffneten Dialog navigieren, was zu Verwirrung und Bedienfehlern führt.

Ein unsichtbarer Link am Seitenanfang, der Tastaturnutzern erlaubt, die Navigation zu überspringen und direkt zum Hauptinhalt zu springen.

Ohne Skip Link müssen Tastaturnutzer bei jedem Seitenaufruf durch die gesamte Navigation tabben, bevor sie den eigentlichen Inhalt erreichen.

Zusätzliche HTML-Attribute, die Screenreadern und anderen Hilfstechnologien mitteilen, welche Rolle und welchen Zustand ein Element hat.

Interaktive Elemente wie Menüs, Tabs oder Dialoge sind für Screenreader ohne ARIA-Attribute oft nicht verständlich.

Quelle: W3C

Das Verhältnis der Helligkeit zwischen Textfarbe und Hintergrundfarbe. Ein höherer Wert bedeutet bessere Lesbarkeit.

Zu niedriger Kontrast macht Texte schwer lesbar, besonders auf Mobilgeräten oder bei Sonneneinstrahlung. WCAG AA fordert mindestens 4,5:1 für normalen Text.

Richtwert: Mindestens 4,5:1 für normalen Text, 3:1 für großen Text, Quelle: W3C

Die Möglichkeit, eine Webseite vollständig mit der Tastatur zu bedienen, ohne eine Maus zu benötigen.

Viele Nutzer können oder wollen keine Maus verwenden. Eine gute Tastaturnavigation ist eine WCAG-Grundanforderung und verbessert die Bedienbarkeit für alle.

Eine sichtbare Markierung (z.B. ein blauer Rahmen), die anzeigt, welches Element gerade per Tastatur angesteuert ist.

Ohne sichtbaren Fokus-Indikator wissen Tastaturnutzer nicht, wo sie sich auf der Seite befinden. Das macht die Bedienung unmöglich.

Ein Experiment, bei dem zwei Versionen einer Seite gleichzeitig an verschiedene Besucher ausgespielt werden, um zu messen, welche besser funktioniert.

A/B-Tests ersetzen Bauchgefühl durch Daten. Sie zeigen objektiv, welche Änderung tatsächlich zu mehr Conversions führt.

Eine einfache Methode, um Optimierungsideen zu priorisieren. Jede Idee wird nach Wirkung (Impact), Zuversicht (Confidence) und Umsetzbarkeit (Ease) bewertet.

Ohne klare Priorisierung werden oft die falschen Maßnahmen zuerst umgesetzt. Der ICE Score hilft, die wirkungsvollsten und machbarsten Ideen zuerst anzugehen.

Ein Priorisierungsmodell, das Seiten oder Maßnahmen nach Verbesserungspotenzial (Potential), Wichtigkeit (Importance) und Aufwand (Ease) bewertet.

Das PIE Framework lenkt den Fokus auf Seiten, die sowohl großes Potenzial als auch hohe Wichtigkeit haben und mit vertretbarem Aufwand optimiert werden können.

Eine konkrete, überprüfbare Annahme, die beschreibt, welche Änderung welchen Effekt haben soll, z.B. 'Wenn wir den CTA-Button größer machen, steigt die Klickrate um 10 %.'

Ohne klare Hypothese fehlt einem Test das Ziel. Man weiß dann nicht, was man lernen wollte und ob das Ergebnis relevant ist.

Die veränderte Version einer Seite oder eines Elements, die in einem A/B-Test gegen die bestehende Version (Kontrolle) getestet wird.

Nur durch den direkten Vergleich zwischen Variante und Kontrolle lässt sich feststellen, ob eine Änderung wirklich besser ist.

Die unveränderte Originalversion einer Seite, die im A/B-Test als Referenz dient.

Ohne Kontrollgruppe gibt es keinen fairen Vergleich. Sie stellt sicher, dass Unterschiede tatsächlich von der Änderung stammen und nicht von anderen Faktoren.

Ein Maß dafür, wie wahrscheinlich es ist, dass ein Testergebnis nicht durch Zufall entstanden ist. Üblicherweise wird ein Signifikanzniveau von 95 % angestrebt.

Ohne statistische Signifikanz könntest du Entscheidungen auf zufällige Schwankungen stützen. Ein signifikantes Ergebnis gibt Sicherheit, dass die Änderung tatsächlich wirkt.

Richtwert: Mindestens 95 % Signifikanzniveau

Die prozentuale Verbesserung, die eine Änderung im Vergleich zur Kontrollgruppe erzielt hat, z.B. '+12 % mehr Conversions'.

Der Lift zeigt auf einen Blick, ob eine Änderung den erhofften Effekt hatte und wie groß der Unterschied wirklich ist.

Kleine Zwischenschritte auf dem Weg zur Hauptconversion, z.B. Newsletter-Anmeldung, Produktbild vergrößern, Artikel in den Warenkorb legen.

Micro-Conversions zeigen, ob Besucher auf dem richtigen Weg sind. Sie helfen, Engpässe im Funnel frühzeitig zu erkennen, bevor Kunden ganz abspringen.

Ein öffentlicher Datensatz von Google, der echte Performance-Daten von Chrome-Nutzern sammelt. Die Daten zeigen, wie schnell deine Seite für reale Besucher ist.

CrUX-Daten fließen direkt in Googles Ranking ein. Sie zeigen die tatsächliche Nutzererfahrung, nicht nur Laborwerte.

Quelle: Google

Ein kostenloses Google-Tool, das sowohl Labordaten (Lighthouse) als auch Echtnutzerdaten (CrUX) für eine URL anzeigt und konkrete Optimierungsvorschläge macht.

PSI ist der einfachste Weg, um zu sehen, wie Google die Performance deiner Seite bewertet, und was du als Nächstes verbessern solltest.

Quelle: Google

Ein unabhängiges Forschungsinstitut, das sich auf E-Commerce-Usability spezialisiert hat. Die Studien des Instituts basieren auf umfangreichen Nutzertests.

Baymard liefert datenbasierte Best Practices für Checkout, Produktseiten und Navigation. Die Empfehlungen gehören zum Branchenstandard im E-Commerce.

Quelle: Baymard Institute

Eine führende UX-Forschungsgruppe, gegründet von Jakob Nielsen und Don Norman. Sie veröffentlicht Studien, Richtlinien und Schulungen zu Nutzerfreundlichkeit.

NN/g-Empfehlungen gelten als Goldstandard in der UX-Branche. Die Erkenntnisse der Gruppe helfen, Oberflächen zu gestalten, die Nutzer intuitiv verstehen.

Quelle: Nielsen Norman Group

Eine farbliche Visualisierung, die zeigt, wohin Besucher auf einer Seite klicken, scrollen oder schauen. Heiße Zonen (rot) zeigen hohe Aufmerksamkeit.

Heatmaps decken auf, ob Besucher deine wichtigsten Inhalte und CTAs tatsächlich wahrnehmen oder ob Aufmerksamkeit an unwichtigen Stellen verloren geht.

Eine Messmethode, die Performance-Daten direkt von den Geräten und Browsern echter Besucher sammelt, während diese deine Seite nutzen.

Labortests zeigen nur künstliche Bedingungen. RUM zeigt die echte Erfahrung deiner Besucher, einschließlich langsamer Mobilgeräte und schlechter Netzwerkverbindungen.

Quelle: web.dev