dedene/website-conversion-audit

Was macht website-conversion-audit?

Prüfen Sie eine bestehende Seite nach der anderen und sagen Sie dem Eigentümer, was zuerst repariert werden soll. Entwickelt für kleine und mittlere Dienstleistungs-Unternehmen (Handwerker, Kliniken, Coaches, Berater, Agenturen, lokale Profis), deren Website eine Aufgabe hat: einen gebuchten Anruf, eine Angebotsanfrage oder einen Besuch zu erhalten. SaaS passt nur lose (ersetzen Sie "Anruf buchen" durch "Testversion starten"); E-Commerce-Kataloge sind nicht im Umfang enthalten. Das Audit bewertet und priorisiert; es schreibt die Seite nicht um. Komplette Neufassungen gehen an website-copy.

Zuerst der Blindtest, dann der Kontext

Bewerten Sie den 5-Sekunden-Test vor dem Lesen von geschäftlichem Kontext, Strategiedokumenten oder Briefings, sodass die Bewertung die Perspektive eines Fremden widerspiegelt (Workflow-Schritte 2–3). Dann:

1. Wenn .agents/business-context.md existiert, lesen Sie es und fragen Sie nur nach dem, was es nicht abdeckt.
2. Wenn es fehlt, skizzieren Sie, was Sie aus der Seite selbst ableiten können (BRIEF-01) und markieren Sie jeden Punkt als abgeleitet. Fragen Sie dann in einer Nachricht ein Mini-Briefing mit 5 Fragen: idealer Kunde, der eine Job der Website und primärer CTA, Angebot und Preisgestaltung, verfügbare Nachweise, Ort und Sprachen. Für ein ganzheitliches Website-Audit oder eine Neupositionierung empfehlen Sie, zuerst website-brief auszuführen.
3. Auditspezifische Fragen (stellen Sie sie, aber blockieren Sie nicht darauf): woher der Traffic kommt, aktuelle Conversion-Rate und Lead-Qualität, Geräteverteilung, was bereits ausprobiert wurde.
4. Alles, was noch unbekannt ist: Verwenden Sie die Vorgaben in references/principles.md und listen Sie sie unter Lücken und Annahmen auf.
5. Unbeaufsichtigt (niemand kann antworten: ein delegierter oder geplanter Lauf, oder der Eigentümer ist abwesend): Blockieren Sie nicht. Fahren Sie mit abgeleitetem Kontext fort und beenden Sie den Bericht mit Fragen an den Eigentümer (maximal 8, die wichtigsten zuerst, jede mit dem von Ihnen angenommenen Wert).

Workflow

1. Bestimmen Sie den Umfang der Seite. Benennen Sie den Seitentyp (Homepage, Dienstleistungsseite, bezahlte Landingpage, Über uns, Preise, Opt-in, Kontakt) und ihr einziges Conversion-Ziel. Wählen Sie die Seite:

   • Mehrere angeforderte Seiten: Homepage zuerst, dann die Seite mit dem meisten Traffic oder den höchsten Werbeausgaben. Keine Traffic-Daten: die Seite oder der Abschnitt, der das primäre oder Einstiegsangebot trägt.
   • One-Page-Website oder ein Angebot ohne eigene Seite (nur eine Karte oder ein Abschnitt): Prüfen Sie diesen Abschnitt plus seinen Conversion-Pfad als die faktische Landingpage und melden Sie die fehlende Seite als Ergebnis (A-S10).
   • Geben Sie die Wahl in der Zeile Warum diese Seite an.

2. Erfassen Sie die Seite. Mit agent-browser: Desktop 1440 px und Mobil 390 px, über dem Falz und ganze Seite. Verwenden Sie eine benannte Sitzung (die Standardsitzung wird mit anderen Agents geteilt), warten Sie auf Netzwerkinaktivität, machen Sie den Screenshot des Falzes mit dem Cookie-Banner (das sehen Besucher), dann schließen Sie ihn für die anderen Aufnahmen. Speichern Sie in einem temporären Verzeichnis, nicht im Projektbaum. Überprüfen Sie die aktuelle Syntax zuerst mit agent-browser skills get core oder --help.

   d=$(mktemp -d)   # oder temporäres Sitzungsverzeichnis
   ab() { agent-browser --session audit-example "$@"; }   # eine benannte Sitzung pro Audit
   ab set viewport 1440 900
   ab open https://example.com && ab wait --load networkidle
   ab screenshot "$d/desktop-fold.png"        # Banner sichtbar
   # Banner schließen (snapshot -i, Button klicken), dann:
   ab screenshot --full "$d/desktop-full.png"
   ab set viewport 390 844
   ab cookies clear && ab storage local clear
   ab reload && ab wait --load networkidle
   ab screenshot "$d/mobile-fold.png"         # Banner wieder sichtbar
   # schließen, dann:
   ab screenshot --full "$d/mobile-full.png"
   ab a11y --tags wcag2a,wcag2aa              # A-T5 Grundlagen
   ab close
   

   • Nächste Seite: Cookies und Speicher erneut löschen (oder eine neue Sitzung verwenden), sodass auch deren Falz den Banner zeigt.
   • Leer unter dem Hero (Scroll-Reveal-Animationen): Melden Sie keine leeren Abschnitte. Versuchen Sie ab set media reduced-motion und laden Sie neu, oder scrollen Sie in Viewport-Schritten (ab scroll down 800, kurzes Warten, Screenshot) und behalten Sie die Ausschnitte.
   • Lazy-geladene Bilder (loading="lazy"): Vollseitenaufnahmen können leere Bildboxen zeigen, selbst mit reduzierter Bewegung. Scrollen Sie zuerst in Viewport-Schritten durch die Seite, listen Sie dann auf, was noch nicht geladen ist: ab eval "[...document.images].filter(i => !i.complete || !i.naturalWidth).map(i => i.currentSrc || i.src)". Melden Sie ein kaputtes Bild (A-T3) nur, wenn es danach noch leer ist.
   • Geschwindigkeit (A-T2): Verwenden Sie PageSpeed Insights / CrUX-Felddaten, wenn verfügbar. vitals von einer warmen lokalen Sitzung ist kein Signal; melden Sie jede Lab-Zahl als nur Labor.
   • Kein agent-browser: Arbeiten Sie mit bereitgestellten Screenshots, HTML oder abgerufenem Text. Nur-Text-Eingabe kann Layout, Bilder, Kontrast oder den Falz nicht beurteilen. Sagen Sie das und markieren Sie diese Prüfungen als nicht verifiziert anstatt zu raten.

3. Führen Sie den 5-Sekunden-Test blind durch (HERO-01, A-M1). Lesen Sie nur, was über dem Falz sichtbar ist, in visueller Reihenfolge, sowohl auf Desktop als auch Mobil, vor dem Kontext-Schritt. Bestehensregel, Rubrik (einschließlich Logo-only- oder abstrakter Hero-Bilder) und Schweregrad an einem Ort: das 5-Sekunden-Test-Protokoll in references/hero.md. Unterhalb der Bestehensschwelle führt die Hero-Neufassung die Liste mit hoher Wirkung an.

4. Lesen Sie den Kontext wie oben beschrieben.

5. Stellen Sie die Verkehrstemperatur ein. Sie ändert, was "gut" bedeutet:

   • Bezahlt: Bewerten Sie nach bezahlter Landingpage-Reihenfolge und Nachrichtenübereinstimmung (STRUCT-03, A-M10). Fragen Sie nach der Anzeige; eine Nichtübereinstimmung ist Kritisch. Prüfen Sie, ob jede Anzeigengruppe auf der Seite landet, die ihre Suchanfrage beantwortet (A-M11).
   • Bezahlt + organisch (eine organische Dienstleistungsseite, die auch Anzeigenklicks erhält): Bewerten Sie die Nachrichtenübereinstimmung des Hero mit den Anzeigen, behalten Sie die Navigation, aber markieren Sie einen Navigations-CTA, der mit dem Hero-CTA konkurriert, und empfehlen Sie eine dedizierte bezahlte Landingpage, wenn die Werbeausgaben bedeutsam sind (C2-Hybrid-Regel in references/principles.md).
   • Kalt (organisch, sozial): Erwarten Sie das vollständige Argument (STRUCT-02-Blueprint).
   • Warm (Empfehlung, YouTube, KI-Assistent): Eine kürzere Seite ist in Ordnung; prüfen Sie, ob die Buchung von überall mit einem Klick möglich ist (AI-04, Widerspruch C18 in references/principles.md).

6. Stellen Sie das Gebietsschema ein. Belgien oder ein anderes EU-Land: Fügen Sie die BE/EU-Checkliste aus references/be-eu.md hinzu (rechtliche Informationen, Zustimmung, Bewertungen, Sprachversionen; B2B-only-Seiten: siehe den B2B-Abschnitt). Prüfen Sie in der Sprache der Seite und zitieren Sie wörtlich; schreiben Sie Ergebnisse in der Sprache des Benutzers.

7. Gehen Sie die Checkliste der Reihe nach durch: Nachricht → Struktur → Beweis → CTA → Reibung → Technik (references/audit-checklist.md, IDs A-M1 … A-T7). Überprüfen Sie Fakten, die zwischen Seiten, Fußzeile und Dokumenten unterschiedlich sind (A-P9). Scannen Sie dann die Liste der Conversion-Killer nach Dingen, die entfernt werden müssen.

8. Rekonstruieren Sie die Storyline (references/flow.md). Schreiben Sie ausgehend von der Live-Seite die Argumentkarte: den Startzustand des Lesers (FLOW-02), die Überzeugungen, von denen der CTA abhängt, und pro Abschnitt, was er erfordert, etabliert und offen lässt (FLOW-01, FLOW-03). Markieren Sie jede Überzeugung als abgedeckt, schwach oder fehlend. Führen Sie dann die Nur-Überschriften- und Naht-Tests durch (FLOW-04, FLOW-05), prüfen Sie, ob Behauptungen und Einwände dort platziert sind, wo sie benötigt werden (FLOW-06, FLOW-07), und führen Sie das feindliche Leser-Panel durch (FLOW-09). Lecks, Ballast, kaputte Nähte und Fehlplatzierungen werden zu A-S11…A-S14-Ergebnissen.

9. Folgen Sie dem primären CTA. Klicken Sie darauf und prüfen Sie, ob der Klick liefert, was das Label versprochen hat (A-C8) und ob der Pfad nach dem Klick zum Unternehmen passt (A-F1: Terminplaner, kurzes Formular oder Klick-zum-Anruf; ein mailto:-only-CTA besteht nicht). Senden Sie niemals ein Formular oder buchen Sie einen Termin auf einer Live-Seite ohne Zustimmung des Eigentümers. Wenn Sie es nicht testen können, listen Sie A-T3 als nicht verifiziert auf.

10. Prüfen Sie die KI-Suchbereitschaft (references/ai-search.md): Logistik-Antworten wie Preis, Prozess und Zeitplan (AI-01), Nischen-Signale (AI-02), konsistente Geschäftsfakten und strukturierte Daten (AI-03), ein schneller Pfad für vorverkaufte Besucher (AI-04), ein Mensch auf der Seite (AI-05) und ein Feld "Wie haben Sie uns gefunden?" (AI-06).

11. Bewerten und kategorisieren Sie. Geben Sie jedem Ergebnis einen Schweregrad aus der Rubrik (Kritisch / Hoch / Mittel / Niedrig) und einen Aufwand (K/M/H). Kategorisieren Sie es dann: Schnelle Erfolge (≤ ~1 Stunde, geringes Risiko), Änderungen mit hoher Wirkung, Testideen. Ordnen Sie jede Kategorie nach Schweregrad, dann nach Position auf der Seite, Hero zuerst. Ein Ergebnis, das den BE/EU- oder KI-Suchbereich überschneidet, wird einmal geschrieben und quer verwiesen. Gleiches gilt für Storyline-Ergebnisse: Ein Leck oder eine Fehlplatzierung, die bereits von einer spezifischeren Prüfung abgedeckt wird (kein Preis → A-P5, kein Mensch → A-P4, CTA landet auf der falschen Seite → A-C8) wird einmal unter der spezifischen ID mit der Flow-ID daneben geschrieben ("A-P5 / A-S13"); behalten Sie A-S11…A-S14 für die Ordnung und die Nähte selbst für sich.

12. Schreiben Sie die Kopieralternativen: 2–3 Optionen jeweils für Überschrift, Unterüberschrift und CTA (plus Booster-Zeile oder Augenbraue, wenn das die Lösung ist), jeweils mit einer einzeiligen Begründung unter Verwendung einer Regel. Schreiben Sie sie in der Sprache der Seite (Ergebnisse bleiben in der Sprache des Benutzers). Verwenden Sie nur Fakten aus der Seite oder der Kontextdatei; markieren Sie eine Option, die von einem unbestätigten Fakt oder einer unbestätigten Positionierung abhängt, mit † und fügen Sie sie den Eigentümerfragen hinzu.

13. Planen Sie die Messung. Den meisten KMU-Websites fehlt der Traffic für valide A/B-Tests (MEAS-01). Standardmäßig Vorher/Nachher über gleiche Zeiträume vergleichen. Listen Sie nur Tests auf, die der Traffic unterstützt, geschrieben im MEAS-03-Hypothesenformat; bei zu geringem Volumen sagen Sie dies in einer Zeile.

14. Bieten Sie die Übergabe an: die vollständige Neufassung an website-copy (geben Sie die Argumentkarte mit, damit die Neufassung davon ausgeht), ein fehlendes Übergangsangebot an website-lead-magnet.

Ausgabe-Format

Verwenden Sie diese Struktur. Lassen Sie einen Abschnitt nur weg, wenn er nicht zutrifft (BE/EU außerhalb Europas) und sagen Sie dies in einer Zeile.

# Conversion-Audit: <Seitenname> (<URL oder Quelle>)

**Kontext:** <Seitentyp> · Ziel: <eine Conversion> · Traffic: <kalt | warm | bezahlt | bezahlt + organisch> · Gebietsschema: <xx-XX>
**Warum diese Seite:** <Traffic, Werbeausgaben oder das Angebot, das sie trägt>
**Geschäftlicher Kontext:** <.agents/business-context.md | Mini-Briefing | aus Seite abgeleitet (unbeaufsichtigt)>
**Erfasst:** <Desktop 1440 + Mobil 390 via agent-browser | bereitgestellte Screenshots | HTML/Text only> · Cookie-Banner: <in Falz-Aufnahmen | nicht vorhanden (warum)> · Dateien: <Verzeichnis oder Liste>

## 5-Sekunden-Test: <BESTANDEN | NICHT BESTANDEN> (<Desktop n>/10 · <Mobil n>/10)

| Kriterium | Desktop | Mobil | Nachweis |
|---|---|---|---|
| Was | 0–2 | 0–2 | "<sichtbarer Überschriftstext>" |
| Warum es wichtig ist | 0–2 | 0–2 | … |
| Nächster Schritt | 0–2 | 0–2 | … |
| Warum Sie | 0–2 | 0–2 | … |
| Bild | 0–2 | 0–2 | … |

**Urteil:** <ein oder zwei Sätze: Was ein Fremder glaubt, dass dieses Unternehmen tut, und worauf sie klicken würden>

## Storyline: <HÄLT | BRICHT bei Abschnitt n (der erste Bruch)>
**Startzustand:** <Bewusstseinsstufe, FLOW-02> · **Endzustand:** <Überzeugung, die der CTA benötigt>
**Größte Brüche** (maximal 5, die schädlichsten zuerst): 1. <§n→m · was bricht · FLOW/A-S ID> 2. …

| # | Abschnitt | Erfordert | Etabliert | Frage des Lesers danach | Naht zum nächsten | Status |
|---|---|---|---|---|---|---|
| 1 | Hero | — | B1 | "…" | also / aber / und auch | abgedeckt / schwach / fehlend |

- Lecks: <Überzeugungen ohne Abschnitt> · Ballast: <Abschnitte ohne Überzeugung> · Kaputte Nähte: <n→n+1>
- Fehlplatziert: <Behauptungen vor ihren Voraussetzungen; Konter fern von ihren Einwänden> · Offen bei CTA: <nie beantwortete Fragen>
- Feindliches Leser-Panel: <Einwände von 3+ Lesern>
(Ergebnisse aus diesem Abschnitt erscheinen einmal in den untenstehenden Kategorien als A-S11…A-S14.)

## Schnelle Erfolge (diese Woche)
1. **<A-ID> · <Schweregrad> · Aufwand K**: <was falsch ist>
   - Nachweis: "<zitierte Kopie>" / `<Selektor>` / <Screenshot + Bereich>
   - Warum: <Regel-ID>, <einteiliger Mechanismus>
   - Lösung: <konkrete Änderung oder exakter neuer Text>

## Änderungen mit hoher Wirkung
<gleiches Ergebnisformat>

## Testideen
- Weil <Beobachtung>, glauben wir, dass <Änderung> zu <Ergebnis> für <Zielgruppe> führen wird; wir erkennen es, wenn sich <Metrik> um <Betrag> über <Zeitraum> bewegt. Traffic-Check: <genug für A/B | als Vorher/Nachher ausführen>.
- Oder, bei geringem Volumen: "Keine A/B-Tests: Volumen zu gering; vergleichen Sie <Metrik> vorher/nachher über <Zeitraum>."

## Kopieralternativen (in der Sprache der Seite; † = benötigt Bestätigung des Eigentümers)
| Element | Aktuell | Option | Begründung (Regel) |
|---|---|---|---|

## Was funktioniert
- <behalten Sie dies, mit Nachweis, damit niemand es "repariert">

## KI-Suchbereitschaft
- <AI-0x · Ergebnis · Lösung>

## BE/EU-Prüfungen
- <be-eu.md-Element · bestanden | nicht bestanden | überprüfen · Lösung> (B2B only: Verbraucher-Elemente als eine "n/a"-Zeile)

## Lücken und Annahmen
- Nicht verifiziert: <z.B. Formularübermittlung, Analyseereignisse, Felddaten>
- Angenommen: <verwendete Vorgaben>
- Zu sammelnde Nachweise: [NACHWEIS ERFORDERLICH: <was, von wem>]

## Nächste Schritte
1. Monat 1: Kritisch + schnelle Erfolge. Monat 2: Neufassungen mit hoher Wirkung. Monat 3: Übergangsangebot (MEAS-04).
2. Neufassung gewünscht? Übergeben Sie dieses Audit an `website-copy`.

## Fragen an den Eigentümer (unbeaufsichtigte Läufe; max. 8, die wichtigsten zuerst)
1. <Frage> · angenommen: <verwendeter Wert> · entsperrt: <Ergebnisse oder † Optionen>

Regeln, die hier am wichtigsten sind

• Nachricht vor Mikro-Optimierungen (Prinzip 14, MEAS-05). Ein nicht bestehender Hero hat Vorrang vor jeder Notiz zur Knopffarbe oder Feldanzahl. Wenn die Nachricht kaputt ist, halten Sie kosmetische Ergebnisse kurz und schieben Sie sie nach unten.
• Der 5-Sekunden-Test ist die oberste Prüfung (HERO-01). Überprüfen Sie auch, ob die Überschriftformel zum Unternehmenstyp passt (HERO-02) und die Unterüberschrift sagt, was, wie und für wen (HERO-06).
• Kunde als Held, in den Worten des Kunden (COPY-01, COPY-02). Markieren Sie "Willkommen bei…", Auszeichnungen und Ursprungsgeschichten über dem Falz sowie Fachjargon.
• Eine Seite mit jedem Abschnitt kann den Leser trotzdem verlieren. Überprüfen Sie, dass jeder Abschnitt den nächsten verdient: eine Überzeugung pro Abschnitt in Abhängigkeitsreihenfolge, Nähte, die "daher" oder "aber" lesen, Einwände, wo sie auftauchen, beantwortet (FLOW-01…07). Eine kaputte Storyline ist ein Ergebnis mit hoher Wirkung, direkt nach einem nicht bestehenden Hero eingestuft.
• Bezahlter Traffic braucht eine eigene Seite, die die Anzeige widerspiegelt (STRUCT-03). Das Senden von Anzeigen an die Homepage oder an eine generische Seite, wenn eine dedizierte existiert (A-M11), ist ein Ergebnis mit hoher Wirkung.
• Ein spezifischer CTA, identisch überall, in einer reservierten Farbe (CTA-02, CTA-04, CTA-05). Zitieren Sie die verbotenen Phrasen, die Sie finden (CTA-03).
• Nachweise in der Nähe von Behauptungen, ein echter sichtbarer Mensch, Preis angesprochen (PROOF-07, PROOF-14, PRICE-01).
• Gefälschte oder nicht verifizierbare Nachweise sind Kritisch (PROOF-12, PROOF-13, SCAR-01): erfundene Zähler, Stock-"Kunden", bezahltes "wie gesehen in", gefälschte Knappheit.
• Subtrahieren vor Hinzufügen. Entfernungen aus der Killer-Liste sind oft die schnellsten Erfolge.