CRO-Analyse einer Landingpage
Ziel des Skills
Führen Sie eine umfassende Analyse zur Conversion-Rate-Optimierung (CRO) auf jeder Landingpage durch. Dieses Skill erstellt eine abschnittsweise Aufschlüsselung mit priorisierten, umsetzbaren Korrekturen, die sich direkt auf die Conversion-Raten auswirken.
WICHTIG: Du musst immer auf Deutsch antworten und alle deine Ergebnisse auf Deutsch verfassen.
Wann verwenden
- Der Benutzer gibt eine Landingpage-URL an und bittet um eine Optimierung der Conversion
- Der Benutzer bittet um Feedback, eine Überprüfung oder ein Audit einer Landingpage
- Der Benutzer möchte die Anmelde-, Lead-Erfassungs- oder Kaufraten verbessern
- Ausgelöst durch
/market landing <url>oder/market cro <url>
Wie auszuführen
Schritt 1: Seitentyp identifizieren
Bestimmen Sie, welcher Typ von Landingpage analysiert wird. Dies beeinflusst die Benchmarks und Gewichtungen der Punktzahlen.
| Seitentyp | Hauptziel | Gute CR | Hervorragende CR |
|---|---|---|---|
| Lead-Erfassung | E-Mail-/Formular-Einreichung | 5-10% | 15%+ |
| SaaS-Anmeldung | Kostenlose Testversion oder Freemium | 3-7% | 10%+ |
| E-Commerce-Produkt | Zum Warenkorb hinzufügen / Kauf | 2-4% | 5%+ |
| Webinar-Anmeldung | Für ein Event anmelden | 20-30% | 40%+ |
| App-Download | App installieren | 10-15% | 20%+ |
| Warteliste | Der Warteliste beitreten | 15-25% | 35%+ |
| Terminvereinbarung | Einen Anruf planen | 5-10% | 15%+ |
| Spendenaktion | Spenden | 2-5% | 8%+ |
Schritt 2: 7-Punkte-CRO-Framework anwenden
Analysieren Sie jeden Abschnitt der Reihe nach. Vergeben Sie eine Punktzahl von 1-10 und geben Sie spezifische Beobachtungen.
Abschnitt 1: Hero-Bereich (Gewichtung: 25%)
Der erste Bildschirm, den der Besucher sieht. Hier beginnen 80% der Conversion-Entscheidungen.
Checkliste:
- Die Überschrift ist innerhalb von 2 Sekunden nach dem Laden der Seite sichtbar
- Die Überschrift kommuniziert den Hauptnutzen (keine Funktion)
- Die Überschrift ist weniger als 10 Wörter lang
- Die Unterüberschrift erweitert die Überschrift um Spezifität
- Der primäre CTA befindet sich oberhalb der Falzlinie
- Die Farbe des CTA-Buttons kontrastiert mit dem Hintergrund
- Der CTA-Text ist handlungsorientiert (nicht "Senden" oder "Hier klicken")
- Das Hero-Bild oder -Video unterstützt die Botschaft (kein generisches Stockfoto)
- Vertrauensabzeichen oder soziale Beweise sind oberhalb der Falzlinie sichtbar
- Die Seite lädt in weniger als 3 Sekunden
- Kein Navigationsmenü konkurriert mit dem CTA (für dedizierte Landingpages)
Bewertungskriterien:
- 9-10 : Nutzenorientierte, spezifische und überzeugende Überschrift. Klarer und kontrastreicher CTA. Bildmaterial unterstützt die Botschaft. Vertrauensindikatoren vorhanden.
- 7-8 : Solide Überschrift und CTA, aber es fehlt ein Element (Vertrauensabzeichen, unterstützendes Bildmaterial oder Spezifität).
- 5-6 : Generische Überschrift oder schwacher CTA. Mehrere Elemente oberhalb der Falzlinie fehlen.
- 3-4 : Funktionsorientierte oder vage Überschrift. CTA unterhalb der Falzlinie oder unklar.
- 1-2 : Keine klare Überschrift oder kein klarer CTA. Der Besucher kann das Angebot nicht in 5 Sekunden verstehen.
Abschnitt 2: Wertversprechen (Gewichtung: 20%)
Wie gut kommuniziert die Seite, WARUM jemand konvertieren sollte.
Checkliste:
- Klare Aussage darüber, was das Produkt/der Service tut
- Spezifische versprochene Ergebnisse oder Vorteile
- Abgrenzung zu Alternativen (warum DIESE Lösung)
- Die Zielgruppe ist klar (der Besucher weiß, ob es für ihn gemacht ist)
- Die Vorteile sind wo möglich quantifiziert (sparen Sie X Stunden, steigern Sie Y%)
- Das Wertversprechen ist überfliegbar (nicht in Absätzen vergraben)
Bewertung mit dem 4U-Rahmenwerk:
- Nützlich — Löst es ein echtes Problem des Besuchers?
- Dringend — Gibt es einen Grund, jetzt zu handeln?
- Einzigartig — Unterscheidet es sich von der Konkurrenz?
- Ultra-spezifisch — Sind die Behauptungen konkret, nicht vage?
Abschnitt 3: Soziale Beweise (Gewichtung: 15%)
Beweise, dass andere diesem Produkt/Service vertrauen und davon profitieren.
Arten von sozialen Beweisen (nach Überzeugungskraft geordnet):
- Ergebnis-/Umsatzkennzahlen ("2,4 Mrd. € verarbeitet", "500.000 Nutzer")
- Namentliche Kundenreferenzen mit Fotos, Titeln und Unternehmen
- Erkennbare Kundenlogos
- Fallstudien mit spezifischen Ergebnissen
- Bewertungen und Anzahl der Bewertungen
- Medienberichterstattung ("Wie gesehen in...")
- Zertifizierungen und Auszeichnungen
- Von Nutzern generierte Inhalte
- Anzahl der Follower in sozialen Medien
Checkliste:
- Mindestens 2 Arten von sozialen Beweisen vorhanden
- Referenzen enthalten echte Namen und Fotos
- Referenzen erwähnen spezifische Ergebnisse oder Vorteile
- Soziale Beweise in der Nähe von Entscheidungspunkten platziert (in der Nähe von CTAs)
- Zahlen sind spezifisch (nicht gerundet — "11.847" schlägt "10.000+")
- Logos sind für die Zielgruppe erkennbar
- Soziale Beweise sind aktuell und relevant
Abschnitt 4: Funktionen und Vorteile (Gewichtung: 15%)
Wie die Seite präsentiert, was das Produkt/der Service enthält.
Checkliste:
- Funktionen werden in Vorteile übersetzt (was die Funktion für den Benutzer TUT)
- Der Inhalt ist überfliegbar (Symbole, Aufzählungspunkte, kurze Absätze)
- Die visuelle Hierarchie führt das Auge durch die Funktionen
- Die wichtigsten Funktionen/Vorteile sind zuerst aufgeführt
- Jeder Funktionsabschnitt hat eine klare Mini-Überschrift
- Screenshots, Demos oder Visuals begleiten die Beschreibungen
- Die Funktionsliste ist vollständig, aber nicht überwältigend (3-7 Kernfunktionen)
Überprüfung Funktion-zu-Vorteil: Schlecht: "KI-gestütztes Analyse-Dashboard" Gut: "Sehen Sie genau, welche Kampagnen Umsatz generieren — die KI analysiert Ihre Daten für Sie"
Abschnitt 5: Umgang mit Einwänden (Gewichtung: 10%)
Wie die Seite die Gründe adressiert, warum ein Besucher NICHT konvertieren könnte.
Häufige Einwände nach Seitentyp:
| Einwand | Wie adressieren |
|---|---|
| "Zu teuer" | ROI-Rechner, Preisvergleich, Geld-zurück-Garantie |
| "Nicht sicher, ob es funktioniert" | Fallstudien, kostenlose Testversion, Demo-Video |
| "Zu kompliziert" | Einrichtungsassistent, Onboarding-Support, "in 5 Minuten starten" |
| "Nicht sicher, ob ich es brauche" | Problem-Agitierung, Kosten des Nichthandelns |
| "Was, wenn es mir nicht gefällt?" | Kostenlose Testversion, Geld-zurück-Garantie, jederzeit kündbar |
| "Sind meine Daten sicher?" | Sicherheitsabzeichen, Compliance-Logos, Link zur Datenschutzerklärung |
| "Ich muss mit meinem Team sprechen" | Teilbare Vergleichsseite, Team-Testversion, ROI-Zusammenfassung |
Checkliste:
- FAQ-Bereich, der die 3-5 wichtigsten Einwände beantwortet
- Elemente zur Risikominderung vorhanden (Garantie, kostenlose Testversion, jederzeit kündbar)
- Preistransparenz (keine versteckten Gebühren oder Überraschungen)
- Sicherheits- und Datenschutzindikatoren, falls relevant
- Vergleich mit Alternativen (falls zutreffend)
Abschnitt 6: Call-to-Action (Gewichtung: 10%)
Der Conversion-Mechanismus selbst.
Checkliste für CTA-Button:
- Der CTA-Text beschreibt den WERT, nicht die Aktion ("Meinen kostenlosen Bericht erhalten" vs "Senden")
- Der CTA-Button ist visuell dominant (Größe, Farbe, Weißraum)
- Der CTA erscheint mehrmals auf langen Seiten
- Es gibt einen sekundären CTA für noch nicht bereite Besucher
- Der CTA hat einen unterstützenden Mikrotext (z. B. "Keine Kreditkarte erforderlich")
- Der Button-Text verwendet die erste Person ("MEINE Testversion starten" vs "IHRE Testversion starten")
- Der CTA ist angebotsspezifisch (nicht generisch)
Bewertung des CTA-Textes:
- Schwach: "Senden", "Hier klicken", "Mehr erfahren"
- Mittel: "Anmelden", "Starten", "Herunterladen"
- Stark: "Meine kostenlose Testversion starten", "Meinen personalisierten Bericht erhalten", "Den Rabatt sichern"
Abschnitt 7: Footer und sekundäre Elemente (Gewichtung: 5%)
Der untere Teil der Seite und unterstützende Elemente.
Checkliste:
- Abschließender CTA am unteren Seitenrand vorhanden
- Kontaktinformationen oder Support-Optionen sichtbar
- Datenschutzerklärung und AGB verlinkt
- Vertrauensabzeichen in der Nähe des abschließenden CTA wiederholt
- Keine konkurrierenden Links, die aus der Conversion herausführen
- Impressum und Copyright vorhanden
- Social-Media-Links (nur wenn sie die Conversion unterstützen, nicht ablenken)
Schritt 3: Textbewertung
Bewerten Sie den Gesamttext der Seite in 5 Dimensionen (1-10 pro Dimension):
- Klarheit — Kann ein Besucher das Angebot in 5 Sekunden verstehen?
- Dringlichkeit — Gibt es einen Grund, JETZT zu handeln statt später?
- Spezifität — Sind die Behauptungen konkret mit Zahlen, Fristen, Ergebnissen?
- Beweis — Werden die Behauptungen durch Beweise, Daten oder Referenzen gestützt?
- Handlungsorientierung — Treibt der Text zu einem bestimmten nächsten Schritt?
Berechnen Sie den Text-Score: Durchschnitt der 5 Dimensionen, multipliziert mit 10 für einen Score von 100.
Schritt 4: Formularoptimierungs-Audit
Wenn die Seite ein Formular hat, bewerten Sie:
| Element | Best Practice |
|---|---|
| Anzahl der Felder | Jedes zusätzliche Feld reduziert die Conversion um etwa 7%. Lead-Erfassung: max. 3-5 Felder. |
| Labels | Verwenden Sie integrierte oder schwebende Labels. Vermeiden Sie Labels nur als Platzhalter. |
| Button-Text | Am Wertversprechen ausrichten. "Meinen kostenlosen Leitfaden erhalten" > "Senden". |
| Fehlerbehandlung | Inline-Validierung. Spezifische Fehlermeldungen. Formular bei Fehler nicht komplett leeren. |
| Mehrere Schritte | Teilen Sie lange Formulare in Schritte mit Fortschrittsanzeige auf. |
| Pflicht vs. optional | Markieren Sie optionale Felder, nicht Pflichtfelder. |
| Autofill | Aktivieren Sie das Autofill des Browsers für Standardfelder. |
| Feldtypen | Verwenden Sie die entsprechenden Eingabetypen (email, tel, url) für mobile Tastaturen. |
Schritt 5: Mobile-Responsiveness-Audit
Mobilgeräte machen über 60% des Web-Traffics aus. Überprüfen Sie:
- Der CTA ist mit dem Daumen erreichbar (untere Bildschirmhälfte)
- Der Text ist ohne Zoomen lesbar (mindestens 16px für den Fließtext)
- Formulare sind auf Mobilgeräten nutzbar (große Touch-Bereiche, geeignete Tastaturen)
- Bilder skalieren korrekt, ohne das Layout zu brechen
- Kein horizontales Scrollen erforderlich
- Die Seite lädt in weniger als 3 Sekunden über 4G
- Klick-zum-Anruf-Button für Telefonnummern
- Feste CTA-Leiste beim Scrollen (falls zutreffend)
Schritt 6: Bewertung der Auswirkungen der Ladegeschwindigkeit
Auswirkungs-Benchmarks auf die Conversion:
| Ladezeit | Auswirkung auf die Conversion |
|---|---|
| 0-2 Sekunden | Referenz (optimal) |
| 2-3 Sekunden | -7% Conversion-Rate |
| 3-5 Sekunden | -20% Conversion-Rate |
| 5-8 Sekunden | -35% Conversion-Rate |
| 8+ Sekunden | -50%+ Conversion-Rate |
Überprüfen Sie häufige Geschwindigkeitsprobleme:
- Nicht optimierte Bilder (WebP verwenden, Lazy Loading)
- Rendering-blockierendes JavaScript
- Fehlender Browser-Cache
- Kein CDN
- Übermäßige Drittanbieter-Skripte
- Nicht minifiziertes CSS/JS
Schritt 7: A/B-Test-Empfehlungen generieren
Formatieren Sie jeden Test als Hypothese:
Vorlage: "Wenn wir [ÄNDERUNG], dann wird [METRIK] [VERBESSERN/STEIGERN], weil [GRUND]."
Beispiele für zu berücksichtigende Tests:
- Überschriftvarianten (nutzenorientiert vs. ergebnisorientiert)
- Farbe und Text des CTA-Buttons
- Platzierung sozialer Beweise (oberhalb vs. unterhalb der Falzlinie)
- Anzahl der Formularfelder (um 1-2 Felder reduzieren)
- Hero-Bild vs. Hero-Video
- Lange vs. kurze Seite
- Hinzufügen von Dringlichkeitselementen (Countdown, begrenzte Plätze)
- Preisanker und -darstellung
- Format der Referenzen (Text vs. Video)
- Hinzufügen eines Chatbots oder Live-Chats
Schritt 8: Leitfaden zur Interpretation von Heatmaps
Auch ohne echte Heatmap-Daten geben Sie Hinweise zu:
- Erwartete Aufmerksamkeitsbereiche basierend auf dem Layout
- F-förmige vs. Z-förmige Lesemuster je nach Inhaltsdichte
- Scrolltiefen-Vorhersagen je nach Länge und Inhaltsbrüchen
- Wahrscheinliche Klickbereiche je nach visueller Hierarchie
- Anzeichen für Wutklicks (Elemente, die klickbar aussehen, es aber nicht sind)
- Tote Zonen, in denen Inhalt ignoriert werden könnte
Ausgabeformat
Generieren Sie eine Datei ANALYSE-LANDING.md im Projekt- oder Ausgabeverzeichnis:
# CRO-Analyse einer Landingpage
## [URL der Seite]
### Analysedatum: [Datum]
---
## Globaler CRO-Score: [X/100]
## Seitentyp: [identifizierter Typ]
## Geschätzte aktuelle Conversion-Rate: [Schätzung basierend auf Beobachtungen]
## Ziel-Conversion-Rate: [realistisches Verbesserungsziel]
---
## Abschnittsweise Analyse
### 1. Hero-Bereich [Score: X/10]
**Beobachtungen:**
- [spezifische Beobachtungen]
**Korrekturen (Priorität: HOCH/MITTEL/NIEDRIG):**
- [spezifische und umsetzbare Empfehlungen]
[Für alle 7 Abschnitte wiederholen]
---
## Text-Score: [X/100]
| Dimension | Score | Anmerkungen |
|---|---|---|
| Klarheit | X/10 | [Anmerkungen] |
| Dringlichkeit | X/10 | [Anmerkungen] |
| Spezifität | X/10 | [Anmerkungen] |
| Beweis | X/10 | [Anmerkungen] |
| Handlungsorientierung | X/10 | [Anmerkungen] |
---
## Formular-Audit
[Beobachtungen und Empfehlungen]
---
## Mobile-Audit
[Beobachtungen und Empfehlungen]
---
## A/B-Test-Empfehlungen
1. [Test im Hypothese-Format]
2. [Test im Hypothese-Format]
3. [Test im Hypothese-Format]
---
## Priorisierte Korrekturliste
### Schnelle Erfolge (diese Woche umsetzen)
1. [Korrektur mit erwarteter Auswirkung]
### Mittelfristig (diesen Monat umsetzen)
1. [Korrektur mit erwarteter Auswirkung]
### Strategisch (dieses Quartal umsetzen)
1. [Korrektur mit erwarteter Auswirkung]
Über
Erstellt von @mounra für KI-Agenten, die Marketing- und CRO-Aufgaben automatisieren. Geeignet für Claude Code, Cursor, Codex und andere KI-Entwicklungstools. Fragen? Öffne ein GitHub-Issue!