Communitygithub.com

B3Padrin/market-landing

Führen Sie eine umfassende Conversion-Rate-Optimierungsanalyse (CRO) für jede Landing Page durch. Dieses Skill erstellt eine abschnittsweise Aufschlüsselung mit priorisierten, umsetzbaren Korrekturen, die sich direkt auf die Konversionsraten auswirken.

Was ist market-landing?

Dieser Skill führt eine detaillierte CRO-Analyse (Conversion Rate Optimization) für Landing Pages durch. Er bewertet die Seite anhand eines 7-Punkte-Rahmenwerks, das die Abschnitte Hero, Value Proposition, Social Proof, Features & Benefits, Objection Handling, Call-to-Action sowie Footer und sekundäre Elemente umfasst. Zusätzlich werden die Kopiequalität, die Formularoptimierung, die Mobilfreundlichkeit und die Seitengeschwindigkeit bewertet. Das Tool erstellt einen strukturierten Bericht mit priorisierten Korrekturen und A/B-Test-Hypothesen. Ziel ist es, die Benutzer von Landing Pages wie Claude Code oder Cursor bei der Optimierung der Konversionsraten durch konkrete, umsetzbare Empfehlungen zu unterstützen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/B3Padrin/Agent/tree/HEAD/skills/market-landing

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Landing Page CRO-Analyse

Zweck des Skills

Führen Sie eine umfassende Conversion-Rate-Optimierungsanalyse (CRO) für jede Landing Page durch. Dieser Skill erstellt eine abschnittsweise Aufschlüsselung mit priorisierten, umsetzbaren Korrekturen, die sich direkt auf die Konversionsraten auswirken.

Wann verwenden

  • Der Benutzer gibt eine Landing-Page-URL an und bittet um Konversionsoptimierung
  • Der Benutzer bittet um Feedback, eine Überprüfung oder ein Audit einer Landing Page
  • Der Benutzer möchte die Anmelde-, Lead-Erfassungs- oder Kaufraten verbessern
  • Ausgelöst durch /market landing <url> oder /market cro <url>

Ausführung

Schritt 1: Seitentyp identifizieren

Bestimmen Sie, um welche Art von Landing Page es sich handelt. Dies beeinflusst die Benchmark-Erwartungen und die Bewertungsgewichtung.

SeitentypPrimäres ZielGute CRHervorragende CR
Lead-ErfassungE-Mail-/Formulareinreichung5-10 %15 %+
SaaS-AnmeldungKostenlose Testversion oder Freemium-Anmeldung3-7 %10 %+
E-Commerce-ProduktIn den Warenkorb / Kauf2-4 %5 %+
Webinar-RegistrierungFür Veranstaltung registrieren20-30 %40 %+
App-DownloadApp installieren10-15 %20 %+
WartelisteDer Warteliste beitreten15-25 %35 %+
BeratungsbuchungAnruf vereinbaren5-10 %15 %+
Non-Profit-SpendeSpende tätigen2-5 %8 %+

Schritt 2: 7-Punkte-CRO-Rahmenwerk ausführen

Analysieren Sie jeden Abschnitt der Reihe nach. Bewerten Sie jeden Abschnitt mit 1-10 und geben Sie spezifische Erkenntnisse.

Abschnitt 1: Hero-Bereich (Gewichtung: 25 %)

Der erste Bildschirm, den ein Besucher sieht. Hier werden 80 % der Konversionsentscheidungen getroffen.

Checkliste:

  • Überschrift ist innerhalb von 2 Sekunden nach Seitenladevorgang sichtbar
  • Überschrift kommuniziert den primären Nutzen (kein Feature)
  • Überschrift ist unter 10 Wörtern
  • Unterüberschrift erweitert die Überschrift mit Spezifität
  • Primärer CTA ist oberhalb der Falz
  • CTA-Button-Farbe kontrastiert mit dem Hintergrund
  • CTA-Text ist handlungsorientiert (nicht "Absenden" oder "Hier klicken")
  • Hero-Bild oder -Video unterstützt die Botschaft (kein generischer Stock)
  • Vertrauensabzeichen oder soziale Beweise sichtbar oberhalb der Falz
  • Seite lädt in unter 3 Sekunden
  • Keine Navigationsmenü, das mit dem CTA konkurriert (für dedizierte Landing Pages)

Bewertungskriterien:

  • 9-10: Überschrift ist nutzenorientiert, spezifisch und überzeugend. CTA ist klar und kontrastreich. Visual unterstützt die Botschaft. Vertrauensindikatoren vorhanden.
  • 7-8: Starke Überschrift und CTA, aber ein Element fehlt (Vertrauensabzeichen, unterstützendes Bildmaterial oder Spezifität).
  • 5-6: Generische Überschrift oder schwacher CTA. Mehrere Elemente oberhalb der Falz fehlen.
  • 3-4: Überschrift ist funktionsorientiert oder vage. CTA ist unterhalb der Falz oder unklar.
  • 1-2: Keine klare Überschrift oder kein klarer CTA. Besucher kann das Angebot innerhalb von 5 Sekunden nicht verstehen.

Abschnitt 2: Wertversprechen (Gewichtung: 20 %)

Wie klar die Seite kommuniziert, WARUM jemand konvertieren sollte.

Checkliste:

  • Klare Aussage, was das Produkt/der Dienst tut
  • Spezifische Ergebnisse oder Resultate versprochen
  • Differenzierung von Alternativen (warum DIESE Lösung)
  • Zielgruppe ist klar (Besucher weiß, ob dies für ihn ist)
  • Nutzen sind wo möglich quantifiziert (X Stunden sparen, Y % steigern)
  • Wertversprechen ist überfliegbar (nicht in Absätzen vergraben)

Bewertung mit dem 4U-Rahmenwerk:

  1. Nützlich - Löst es ein echtes Problem des Besuchers?
  2. Dringend - Gibt es einen Grund, jetzt zu handeln?
  3. Einzigartig - Unterscheidet es sich von Mitbewerbern?
  4. Ultra-spezifisch - Sind Behauptungen konkret, nicht vage?

Abschnitt 3: Soziale Beweise (Gewichtung: 15 %)

Nachweise, dass andere diesem Produkt/Dienst vertrauen und davon profitieren.

Arten sozialer Beweise (nach Überzeugungskraft geordnet):

  1. Umsatz-/Ergebnis-Kennzahlen ("2,4 Milliarden $ abgewickelt", "500.000 Benutzer")
  2. Namentliche Kundenreferenzen mit Fotos, Titeln und Unternehmen
  3. Erkennbare Kundenlogos
  4. Fallstudien mit spezifischen Ergebnissen
  5. Sternebewertungen und Bewertungsanzahlen
  6. Medienberichte ("Wie gesehen in...")
  7. Zertifizierungen und Auszeichnungen
  8. Von Benutzern erstellte Inhalte
  9. Anzahl der Social-Media-Follower

Checkliste:

  • Mindestens 2 Arten von sozialen Beweisen vorhanden
  • Referenzen enthalten echte Namen und Fotos
  • Referenzen erwähnen spezifische Ergebnisse oder Resultate
  • Soziale Beweise befinden sich in der Nähe von Entscheidungspunkten (nahe 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 Nutzen (Gewichtung: 15 %)

Wie die Seite präsentiert, was das Produkt/der Dienst beinhaltet.

Checkliste:

  • Funktionen werden in Nutzen übersetzt (was die Funktion für den Benutzer TUT)
  • Inhalt ist überfliegbar (Symbole, Aufzählungspunkte, kurze Absätze)
  • Visuelle Hierarchie führt das Auge durch die Funktionen
  • Wichtigste Funktionen/Nutzen werden zuerst aufgelistet
  • Jeder Funktionsabschnitt hat eine klare Mini-Überschrift
  • Screenshots, Demos oder visuelle Elemente begleiten Funktionsbeschreibungen
  • Funktionsliste ist umfassend, aber nicht überwältigend (3-7 Schlüsselfunktionen)

Übersetzungsprüfung Funktion-zu-Nutzen: Schlecht: "KI-gestütztes Analyse-Dashboard" Gut: "Sehen Sie genau, welche Kampagnen Umsatz generieren – KI analysiert Ihre Daten, damit Sie es nicht tun müssen"

Abschnitt 5: Einwandbehandlung (Gewichtung: 10 %)

Wie die Seite Gründe anspricht, warum ein Besucher NICHT konvertieren könnte.

Häufige Einwände nach Seitentyp:

EinwandWie ansprechen
"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"Problembewusstsein schaffen, Kosten der Untätigkeit
"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 mein Team fragen"Teilbare Vergleichsseite, Team-Testversion, ROI-Übersichtsseite

Checkliste:

  • FAQ-Bereich spricht die 3-5 wichtigsten Einwände an
  • Risikoumkehrungen vorhanden (Garantie, kostenlose Testversion, jederzeit kündbar)
  • Preistransparenz (keine versteckten Gebühren oder Überraschungskosten)
  • Sicherheits- und Datenschutzindikatoren, wo relevant
  • Vergleich mit Alternativen (falls zutreffend)

Abschnitt 6: Call-to-Action (Gewichtung: 10 %)

Der Konversionsmechanismus selbst.

CTA-Button-Checkliste:

  • CTA-Text beschreibt den WERT, nicht die Aktion ("Meinen kostenlosen Bericht erhalten" statt "Absenden")
  • CTA-Button ist visuell dominant (Größe, Farbe, Leerraum)
  • CTA erscheint mehrmals auf langen Seiten
  • Sekundärer CTA existiert für Besucher, die noch nicht bereit sind, sich zu binden
  • CTA hat unterstützenden Mikrotext (z. B. "Keine Kreditkarte erforderlich")
  • Button-Text verwendet die erste Person ("Meine Testversion STARTEN" statt "IHRE Testversion starten")
  • CTA ist spezifisch für das Angebot (nicht generisch)

CTA-Text-Bewertung:

  • Schwach: "Absenden", "Hier klicken", "Mehr erfahren"
  • Mittel: "Anmelden", "Loslegen", "Jetzt herunterladen"
  • Stark: "Meine kostenlose Testversion starten", "Meinen benutzerdefinierten Bericht erhalten", "Rabatt sichern"

Abschnitt 7: Fußzeile 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 Nutzungsbedingungen verlinkt
  • Vertrauensabzeichen in der Nähe des abschließenden CTA wiederholt
  • Keine konkurrierenden Links, die von der Konversion wegführen
  • Copyright- und rechtliche Informationen vorhanden
  • Social-Media-Links (nur, wenn sie die Konversion unterstützen, nicht ablenken)

Schritt 3: Textbewertung

Bewerten Sie den gesamten Seitentext in 5 Dimensionen (jeweils 1-10):

  1. Klarheit - Kann ein Besucher das Angebot in 5 Sekunden verstehen?
  2. Dringlichkeit - Gibt es einen Grund, JETZT zu handeln vs. später?
  3. Spezifität - Sind Behauptungen konkret mit Zahlen, Zeitrahmen, Ergebnissen?
  4. Beweis - Werden Behauptungen durch Beweise, Daten oder Referenzen gestützt?
  5. Handlungsorientierung - Treibt der Text auf einen bestimmten nächsten Schritt zu?

Berechnen Sie die Textbewertung: Durchschnitt aller 5 Dimensionen, multipliziert mit 10 für eine Punktzahl von 100.

Schritt 4: Formularoptimierungs-Audit

Wenn die Seite ein Formular enthält, bewerten Sie:

ElementBest Practice
FeldanzahlJedes zusätzliche Feld reduziert die Konversion um ~7 %. Lead-Erfassung: max. 3-5 Felder.
LabelsVerwenden Sie Inline-Labels oder Floating-Labels. Vermeiden Sie reine Platzhalter-Labels.
Button-TextPassen Sie das Wertversprechen an. "Meinen kostenlosen Leitfaden erhalten" > "Absenden".
FehlerbehandlungInline-Validierung. Spezifische Fehlermeldungen. Leeren Sie nicht das gesamte Formular bei Fehlern.
MehrschrittigUnterteilen Sie lange Formulare in Schritte mit Fortschrittsanzeige.
Erforderlich vs. optionalMarkieren Sie optionale Felder, nicht erforderliche.
Auto-AusfüllenAktivieren Sie die Browser-Auto-Vervollständigung für Standardfelder.
FeldtypenVerwenden Sie geeignete Eingabetypen (E-Mail, Telefon, URL) für mobile Tastaturen.

Schritt 5: Mobile Responsivität prüfen

Mobile macht 60 %+ des Web-Traffics aus. Überprüfen:

  • CTA ist mit dem Daumen erreichbar (untere Bildschirmhälfte)
  • Text ist ohne Zoomen lesbar (mindestens 16px für Fließtext)
  • Formulare sind auf Mobilgeräten nutzbar (große Berührungsziele, geeignete Tastaturen)
  • Bilder werden richtig skaliert und zerbrechen nicht das Layout
  • Kein horizontales Scrollen erforderlich
  • Seite lädt unter 3 Sekunden bei 4G
  • Klick-zu-Anruf für Telefonnummern
  • Sticky CTA-Leiste beim Scrollen (falls zutreffend)

Schritt 6: Bewertung der Seitenladezeit

Referenzieren Sie diese Konversionsauswirkungs-Benchmarks:

LadezeitKonversionsauswirkung
0-2 SekundenGrundlinie (optimal)
2-3 Sekunden-7 % Konversionsrate
3-5 Sekunden-20 % Konversionsrate
5-8 Sekunden-35 % Konversionsrate
8+ Sekunden-50 %+ Konversionsrate

Überprüfen auf häufige Geschwindigkeitsprobleme:

  • Nicht optimierte Bilder (WebP verwenden, Lazy Loading)
  • Render-blockierendes JavaScript
  • Fehlender Browser-Cache
  • Kein CDN
  • Übermäßige Drittanbieter-Skripte
  • Nicht minimiertes CSS/JS

Schritt 7: A/B-Test-Empfehlungen generieren

Formatieren Sie jeden Test als Hypothese:

Vorlage: "Wenn wir [ÄNDERUNG], dann wird [METRIK] [VERBESSERN/ERHÖHEN], weil [GRUND]."

Beispieltests in Betracht ziehen:

  1. Überschriftvarianten (nutzenorientiert vs. ergebnisorientiert)
  2. CTA-Button-Farbe und -Text
  3. Platzierung sozialer Beweise (oberhalb vs. unterhalb der Falz)
  4. Anzahl der Formularfelder (um 1-2 Felder reduzieren)
  5. Hero-Bild vs. Hero-Video
  6. Langform- vs. Kurzform-Seite
  7. Hinzufügen von Dringlichkeitselementen (Countdown, begrenzte Plätze)
  8. Preisverankerung und -präsentation
  9. Referenzformat (Text vs. Video)
  10. Hinzufügen eines Chatbots oder Live-Chat-Widgets

Schritt 8: Anleitung zur Heatmap-Interpretation

Auch ohne tatsächliche Heatmap-Daten geben Sie Anleitung:

  • Erwartete Aufmerksamkeitszonen basierend auf dem Seitenlayout
  • F-Muster vs. Z-Muster Lesen basierend auf der Inhaltsdichte
  • Scrolltiefenvorhersagen basierend auf Seitenlänge und Inhaltsumbrüchen
  • Klickwahrscheinlichkeitszonen basierend auf der visuellen Hierarchie
  • Rage-Click-Indikatoren (Elemente, die anklickbar aussehen, es aber nicht sind)
  • Tote Zonen, in denen Inhalte ignoriert werden können

Ausgabeformat

Generieren Sie eine Datei namens LANDING-CRO.md im Projektstamm- oder Ausgabeverzeichnis mit:

# Landing Page CRO-Analyse
## [Seiten-URL]
### Analysedatum: [Datum]

---

## Gesamt-CRO-Punktzahl: [X/100]

## Seitentyp: [identifizierter Typ]
## Aktuelle geschätzte Konversionsrate: [Schätzung basierend auf Erkenntnissen]
## Zielkonversionsrate: [realistisches Verbesserungsziel]

---

## Abschnittsweise Analyse

### 1. Hero-Bereich [Punktzahl: X/10]
**Erkenntnisse:**
- [spezifische Beobachtungen]

**Korrekturen (Priorität: HOCH/MITTEL/NIEDRIG):**
- [spezifische, umsetzbare Empfehlungen]

[Für alle 7 Abschnitte wiederholen]

---

## Textbewertung: [X/100]
| Dimension | Punktzahl | Notizen |
|---|---|---|
| Klarheit | X/10 | [Notizen] |
| Dringlichkeit | X/10 | [Notizen] |
| Spezifität | X/10 | [Notizen] |
| Beweis | X/10 | [Notizen] |
| Handlungsorientierung | X/10 | [Notizen] |

---

## Formular-Audit
[Erkenntnisse und Empfehlungen]

---

## Mobile-Audit
[Erkenntnisse und Empfehlungen]

---

## A/B-Test-Empfehlungen
1. [Hypothesenformat-Test]
2. [Hypothesenformat-Test]
3. [Hypothesenformat-Test]

---

## 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]

---

## Wireframe-Vorschläge Vorher/Nachher
[Textbasierte Wireframe-Beschreibungen des aktuellen vs. empfohlenen Layouts]

Schlüsselprinzipien

  • Verknüpfen Sie Empfehlungen immer mit den UMSATZAUSWIRKUNGEN. Sagen Sie nicht nur "ändern Sie die Button-Farbe", sondern sagen Sie "Das Ändern des CTA-Buttons auf eine Kontrastfarbe erhöht die Klicks typischerweise um 15-30 %, was bei Ihrem aktuellen Traffic X mehr Konversionen pro Monat bedeuten könnte."
  • Priorisieren Sie Korrekturen nach dem Aufwand-Nutzen-Verhältnis. Schnelle Erfolge zuerst.
  • Seien Sie spezifisch. "Verbessern Sie Ihre Überschrift" ist nutzlos. "Ändern Sie Ihre Überschrift von 'Willkommen auf unserer Plattform' zu 'Reduzieren Sie Ihre Berichtszeit um 75 % – Automatisierte Analysen für Wachstumsteams', weil es Spezifität, einen quantifizierten Nutzen und eine bestimmte Zielgruppe hinzufügt" ist umsetzbar.
  • Verweisen Sie auf Branchen-Benchmarks, damit der Kunde weiß, wo er steht.
  • Wenn Sie über Browser-Tools auf die Seite zugreifen können, machen Sie Screenshots und verweisen Sie auf bestimmte Elemente.
  • Wenn der Benutzer zuvor /market audit ausgeführt hat, beziehen Sie diese Erkenntnisse in die CRO-Analyse ein, um ein vollständigeres Bild zu erhalten.

Verwandte Skills