# Lead-Capture Phase 3: 100 SEO-Gratis-Seiten — Design **Datum:** 2026-07-01 **Branch:** feat/wissen-subdomain **Status:** Freigegeben ## Ziel & Kontext 100 SEO-optimierte Landingpages unter `/gratis/{slug}` zur E-Mail-Sammlung via Lead-Capture-Engine (Phase 1). Jede Seite richtet sich an ein spezifisches Suchintent-Keyword (DE), liefert echten Mehrwert im Teaser und schaltet nach OTP-Verifizierung gated Content frei + liefert ein thematisch passendes Lead-Magnet per E-Mail. **Bereits vorhanden (Phase 1):** - Routen, LeadController, LeadPageController, LeadGate, LeadService - `` + `` Components - Sitemap-Integration (auto aus `config/lead_pages`) - 2 Beispielseiten als Beweis **Neu in Phase 3:** - 1 universelles Blade-Template für alle Seiten - 4 Kategorie-Hub-Seiten - 100 neue Config-Einträge (102 gesamt inkl. 2 bestehende Beispielseiten) - 10 neue Lead-Magnets (12 gesamt inkl. 2 bestehende) - Erweitertes Config-Schema --- ## Architektur ### URL-Struktur (Hub & Spoke) ``` /gratis/ ← Übersichtsseite (optional, Phase 4) /gratis/ki/ ← Hub: KI & ChatGPT /gratis/business/ ← Hub: Business & Marketing /gratis/it/ ← Hub: IT & How-to /gratis/finanzen/ ← Hub: Selbstständigkeit & Finanzen /gratis/{slug} ← 100 Spoke-Seiten ``` Hubs werden automatisch aus `config/lead_pages.php` nach `category` generiert — kein manuelles Pflegen. Hubs sind **nicht** hinter dem Content-Gate (kein Login nötig), dienen als interne Linking-Struktur für Google. ### Kein neuer Route-Eintrag nötig Die bestehende Route `GET /gratis/{slug}` aus Phase 1 deckt beides ab. Der LeadPageController erkennt Hub-Slugs intern per `in_array($slug, ['ki','business','it','finanzen'])` und rendert `gratis.hub` statt `gratis.show`. --- ## Erweitertes Config-Schema ### `config/lead_pages.php` — neues Feld-Set pro Seite ```php 'chatgpt-prompts-buchhaltung' => [ // ── Pflicht ────────────────────────────────────────────── 'category' => 'ki', // ki | business | it | finanzen 'title' => 'ChatGPT-Prompts für Buchhaltung — kostenlos | kotsch.tech', 'h1' => '20 ChatGPT-Prompts für deine Buchhaltung', 'meta_description' => '20 sofort einsetzbare ChatGPT-Prompts für Buchhaltung, Rechnungen und Steuern. Kostenlos als Prompt-Kit per E-Mail.', 'intro' => 'Buchhaltung kostet Selbstständige im Schnitt 3 Stunden pro Woche. Mit diesen 20 ChatGPT-Prompts erledigst du Routineaufgaben in Minuten statt Stunden.', 'teaser_points' => [ // immer sichtbar, indexierbar 'Rechnungstexte in 10 Sekunden generieren', 'Höfliche Mahnungen ohne Stress formulieren', 'Ausgaben kategorisieren lassen', ], 'gated_content' => [ // nur nach OTP-Verify sichtbar [ 'heading' => 'Rechnungen & Zahlungen', 'items' => [ '"Schreib mir eine Rechnung für [Leistung] an [Kunde]. Netto: [Betrag] €."', '"Formuliere eine höfliche erste Zahlungserinnerung für Rechnung #[Nr.]."', // ... ], ], // weitere Sektionen ], 'faq' => [ // FAQPage-Schema + immer sichtbar ['Was brauche ich, um diese Prompts zu nutzen?', 'Einen kostenlosen ChatGPT-Account (kostenlose Version reicht). Prompts einfach kopieren und einfügen.'], ['Funktionieren die Prompts auch mit anderen KI-Tools?', 'Ja — Gemini, Copilot und Claude funktionieren genauso gut.'], ['Bekomme ich die Prompts wirklich kostenlos?', 'Ja. Nach Eingabe deiner E-Mail-Adresse und OTP-Bestätigung erhältst du alle 20 Prompts sofort per Mail.'], ], 'magnet' => 'ki-prompts-buchhaltung', 'source' => 'landing:chatgpt-prompts-buchhaltung', 'related' => ['chatgpt-prompts-marketing', 'ki-tools-selbststaendige', 'umsatzsteuer-erklaert'], 'locale' => 'de', // ── Optional ───────────────────────────────────────────── 'view' => null, // null = universelles Template; string = eigene Blade-View (Override) ], ``` **Rückwärtskompatibilität:** Bestehende Einträge ohne neue Felder (`seo-checkliste-2026`, `ki-prompts-fuer-selbststaendige`) bleiben unverändert — der LeadPageController fällt auf ihre eigene Blade-View zurück wenn `view` gesetzt ist. --- ## 12 Lead-Magnets Alle `file: null` (Text-Mail). Delivery per `LeadMagnetMail` mit `delivery_body` (HTML). | Slug | Titel | Für Kategorie | |---|---|---| | `ki-prompts-buchhaltung` | KI-Prompts: Buchhaltung & Finanzen | ki | | `ki-prompts-marketing` | KI-Prompts: Marketing & Social Media | ki | | `ki-prompts-hr` | KI-Prompts: HR, Bewerbungen & Team | ki | | `ki-prompts-kundenservice` | KI-Prompts: Kundenservice & Kommunikation | ki | | `checkliste-dsgvo` | DSGVO-Checkliste für Websites & Apps | it | | `checkliste-it-sicherheit` | IT-Sicherheits-Checkliste für KMU | it | | `checkliste-gruendung` | Gründungs-Checkliste: 30 Schritte | finanzen | | `checkliste-steuern` | Steuer-Checkliste für Selbstständige | finanzen | | `vorlage-rechnung` | Rechnungsvorlage (Word/Google Docs) | business | | `vorlage-angebot` | Angebotsvorlage professionell | business | | `vorlage-email-kunden` | 10 E-Mail-Vorlagen für Kundenkommunikation | business | | `vorlage-social-post` | 20 Social-Media-Post-Vorlagen | business | *(Die 2 bestehenden Magnets `seo-checkliste-2026` + `ki-prompt-starter` bleiben erhalten.)* --- ## Blade-Templates ### `resources/views/gratis/show.blade.php` (universell) Wird für alle Config-Einträge ohne eigene `view` gerendert. ``` @extends('layouts.app') @section('title', $page['title']) @section('meta_description', $page['meta_description']) @push('head') JSON-LD: WebPage (isAccessibleForFree:false + hasPart) JSON-LD: FAQPage (aus $page['faq']) JSON-LD: BreadcrumbList (Startseite → /gratis/ki/ → [Seite]) @endpush @section('content') H1 ($page['h1']) Intro ($page['intro']) Teaser-Punkte ($page['teaser_points']) — Häkchen-Liste, immer sichtbar Erste 1-2 Items aus gated_content[0]['items'] als Vorschau (verschwommen) foreach gated_content as $section: H3 +
    der Items FAQ-Sektion (H2 "Häufige Fragen" + Accordion-ähnlich, immer sichtbar) Verwandte Seiten (H3 "Das könnte dich auch interessieren" + Card-Grid) @endsection ``` ### `resources/views/gratis/hub.blade.php` (Kategorie-Übersicht) ``` H1: "Kostenlose [Kategorie]-Ressourcen" Intro: Kategorie-Beschreibung Grid: Alle Seiten dieser Kategorie als Cards (title, teaser_points[0], CTA "Kostenlos erhalten") ``` ### LeadPageController erweitern ```php public function __invoke(string $slug): View { // Hub-Seiten $hubs = ['ki', 'business', 'it', 'finanzen']; if (in_array($slug, $hubs)) { $pages = collect(config('lead_pages', [])) ->filter(fn($p) => ($p['category'] ?? null) === $slug) ->all(); return view('gratis.hub', compact('slug', 'pages')); } // Spoke-Seiten $page = config("lead_pages.{$slug}"); abort_if(!$page, 404); // Override: eigene Blade-View falls vorhanden $view = $page['view'] ?? 'gratis.show'; return view($view, [ 'page' => $page, 'slug' => $slug, 'isUnlocked' => LeadGate::isUnlocked(request()), ]); } ``` --- ## Die 100 Seiten — Slug-Liste ### KI & ChatGPT (25 Seiten) | Slug | H1 / Thema | |---|---| | `chatgpt-prompts-buchhaltung` | 20 ChatGPT-Prompts für Buchhaltung | | `chatgpt-prompts-marketing` | 25 ChatGPT-Prompts für Marketing | | `chatgpt-prompts-kundenservice` | 20 ChatGPT-Prompts für Kundenservice | | `chatgpt-prompts-hr` | 15 ChatGPT-Prompts für HR & Recruiting | | `chatgpt-prompts-social-media` | 30 ChatGPT-Prompts für Social Media | | `chatgpt-prompts-e-commerce` | 20 ChatGPT-Prompts für Online-Shops | | `chatgpt-prompts-projektmanagement` | 15 ChatGPT-Prompts für Projektmanagement | | `chatgpt-prompts-copywriting` | 25 ChatGPT-Prompts für bessere Texte | | `ki-tools-selbststaendige` | Die 10 besten KI-Tools für Selbstständige | | `ki-tools-marketing` | KI-Tools für Marketing 2026 | | `ki-tools-buchhaltung` | KI in der Buchhaltung: Was geht 2026? | | `ki-bilder-erstellen` | KI-Bilder erstellen: Anleitung + Prompts | | `ki-texte-schreiben` | Mit KI Texte schreiben: So geht's richtig | | `was-ist-chatgpt` | Was ist ChatGPT? Einfach erklärt | | `was-ist-ki` | Was ist Künstliche Intelligenz? | | `was-ist-prompt-engineering` | Prompt Engineering: Was ist das? | | `gemini-vs-chatgpt` | Gemini vs. ChatGPT: Der Vergleich 2026 | | `chatgpt-fuer-einsteiger` | ChatGPT für Einsteiger: Schritt-für-Schritt | | `ki-datenschutz` | KI & Datenschutz: Was du wissen musst | | `chatgpt-fehler-vermeiden` | 10 ChatGPT-Fehler die Anfänger machen | | `ki-im-alltag` | KI im Alltag: 15 praktische Anwendungen | | `chatgpt-business-tipps` | ChatGPT für dein Business: 20 Tipps | | `automatisierung-mit-ki` | Automatisierung mit KI: Einstieg | | `ki-content-erstellen` | Content mit KI erstellen: Leitfaden | | `no-code-ki-tools` | No-Code KI-Tools für Selbstständige | ### Business & Marketing (25 Seiten) | Slug | H1 / Thema | |---|---| | `rechnung-vorlage-kostenlos` | Rechnungsvorlage kostenlos (Word/PDF) | | `angebot-vorlage-kostenlos` | Angebotsvorlage kostenlos | | `email-vorlage-kundenanfrage` | E-Mail-Vorlagen für Kundenanfragen | | `social-media-checkliste` | Social-Media-Checkliste 2026 | | `marketing-plan-vorlage` | Marketingplan-Vorlage kostenlos | | `content-kalender-vorlage` | Content-Kalender Vorlage (Excel/Sheets) | | `newsletter-betreffzeilen` | 50 Newsletter-Betreffzeilen die funktionieren | | `landingpage-checkliste` | Landingpage-Checkliste: 20 Punkte | | `google-ads-checkliste` | Google Ads Checkliste für Einsteiger | | `seo-texte-schreiben` | SEO-Texte schreiben: Anleitung 2026 | | `keyword-recherche-anleitung` | Keyword-Recherche Schritt für Schritt | | `backlinks-aufbauen` | Backlinks aufbauen: 10 Strategien | | `google-my-business-optimieren` | Google My Business optimieren | | `kundenbewertungen-anfragen` | Kundenbewertungen anfragen (Vorlagen) | | `produktbeschreibung-schreiben` | Produktbeschreibungen schreiben die verkaufen | | `pitch-vorlage-investoren` | Pitch-Vorlage für Investoren | | `pressetext-vorlage` | Pressetext schreiben: Vorlage + Beispiel | | `corporate-design-checkliste` | Corporate Design Checkliste | | `markenstrategie-vorlage` | Markenstrategie entwickeln: Vorlage | | `zielgruppe-definieren` | Zielgruppe definieren: Vorlage + Anleitung | | `usp-formulieren` | USP formulieren: So hebst du dich ab | | `wettbewerbsanalyse-vorlage` | Wettbewerbsanalyse Vorlage kostenlos | | `kunden-persona-vorlage` | Kunden-Persona erstellen: Vorlage | | `webinar-checkliste` | Webinar-Checkliste: Vor & Während & Nach | | `viral-marketing-tipps` | Viral Marketing: 15 Strategien | ### IT & How-to (25 Seiten) | Slug | H1 / Thema | |---|---| | `windows-11-tipps` | Windows 11 Tipps: 20 versteckte Features | | `passwoerter-sicher-verwalten` | Passwörter sicher verwalten: Anleitung | | `it-sicherheit-checkliste-kmu` | IT-Sicherheits-Checkliste für kleine Unternehmen | | `dsgvo-checkliste-website` | DSGVO-Checkliste für Websites 2026 | | `home-office-sicherheit` | Home-Office IT-Sicherheit: 15 Maßnahmen | | `cloud-backup-anleitung` | Cloud-Backup einrichten: Schritt für Schritt | | `vpn-erklaert` | VPN erklärt: Was ist das & brauche ich es? | | `phishing-erkennen` | Phishing-Mails erkennen: Checkliste | | `laptop-beschleunigen-windows` | Windows-Laptop beschleunigen: 10 Tipps | | `excel-tipps-selbststaendige` | Excel-Tipps für Selbstständige | | `google-workspace-tipps` | Google Workspace Tipps: 15 Shortcuts | | `outlook-tipps` | Outlook-Tipps: E-Mails effizienter verwalten | | `notion-fuer-einsteiger` | Notion für Einsteiger: Schritt-für-Schritt | | `trello-anleitung` | Trello Anleitung: Projekte organisieren | | `zoom-tipps` | Zoom-Tipps für professionelle Calls | | `website-erstellen-anleitung` | Website erstellen: Schritt-für-Schritt 2026 | | `wordpress-einrichten` | WordPress einrichten: Anleitung für Anfänger | | `ssl-zertifikat-erklaert` | SSL-Zertifikat: Was ist das & wie bekomme ich es? | | `google-analytics-einrichten` | Google Analytics 4 einrichten: Anleitung | | `zwei-faktor-authentifizierung` | Zwei-Faktor-Authentifizierung einrichten | | `datensicherung-anleitung` | Datensicherung: So schützt du deine Daten | | `netzwerk-sicherheit-tipps` | Heimnetzwerk sichern: 10 Maßnahmen | | `ki-chatbot-website-einbinden` | KI-Chatbot auf Website einbinden | | `pdf-erstellen-kostenlos` | PDF erstellen kostenlos: 5 Wege | | `qr-code-erstellen` | QR-Code erstellen kostenlos: Anleitung | ### Selbstständigkeit & Finanzen (25 Seiten) | Slug | H1 / Thema | |---|---| | `freelancer-stundensatz-berechnen` | Freelancer-Stundensatz berechnen: Formel + Rechner | | `umsatzsteuer-erklaert` | Umsatzsteuer einfach erklärt für Selbstständige | | `kleinunternehmer-regelung` | Kleinunternehmerregelung 2026: Alles Wichtige | | `gruendung-checkliste` | Gründungs-Checkliste: 30 Schritte zur eigenen Firma | | `gewerbeanmeldung-anleitung` | Gewerbeanmeldung: So geht's Schritt für Schritt | | `steuern-selbststaendige` | Steuern als Selbstständiger: Überblick 2026 | | `betriebsausgaben-checkliste` | Betriebsausgaben-Checkliste: Was kannst du absetzen? | | `rentenversicherung-selbststaendige` | Rentenversicherung für Selbstständige | | `krankenversicherung-selbststaendige` | Krankenversicherung als Freelancer | | `buchhaltung-selbst-machen` | Buchhaltung selbst machen: Anleitung + Tools | | `einnahmen-ausgaben-vorlage` | Einnahmen-Ausgaben-Rechnung: Vorlage kostenlos | | `vorsteuer-erklaert` | Vorsteuer erklärt: Was Selbstständige wissen müssen | | `rechnungspflichten-deutschland` | Rechnungspflichtangaben 2026: Checkliste | | `e-rechnung-2025` | E-Rechnung ab 2025: Was ändert sich? | | `mahnung-schreiben-vorlage` | Mahnung schreiben: Vorlage + Beispiel | | `vertrag-freiberufler-vorlage` | Freelancer-Vertrag: Vorlage kostenlos | | `agb-erstellen` | AGB erstellen: Vorlage für Selbstständige | | `datenschutzerklaerung-vorlage` | Datenschutzerklärung Vorlage 2026 | | `impressum-generator` | Impressum: Was muss rein? (Checkliste) | | `projektplanung-vorlage` | Projektplanung Vorlage (Excel/Sheets) | | `zeiterfassung-selbststaendige` | Zeiterfassung für Selbstständige: Tools + Vorlage | | `homeoffice-steuer-absetzen` | Homeoffice steuerlich absetzen 2026 | | `geschaeftskonto-vergleich` | Geschäftskonto für Selbstständige: Was beachten? | | `rente-freelancer-optionen` | Altersvorsorge als Freelancer: 5 Optionen | | `liquiditaet-planen` | Liquiditätsplanung: Vorlage + Anleitung | --- ## SEO-Optimierung pro Seite (automatisch via Template) ### JSON-LD Schemas ```json // WebPage + Paywall { "@context": "https://schema.org", "@type": "WebPage", "name": "{h1}", "description": "{meta_description}", "isAccessibleForFree": false, "hasPart": [{"@@type": "WebPageElement","isAccessibleForFree": false,"cssSelector": ".gated-content"}] } // FAQPage (aus config 'faq') { "@@context": "https://schema.org", "@@type": "FAQPage", "mainEntity": [ {"@@type": "Question","name": "{faq[0][0]}","acceptedAnswer": {"@@type": "Answer","text": "{faq[0][1]}"}} ] } // BreadcrumbList // category_label-Mapping (im Template hardcoded): // ki → "KI & ChatGPT", business → "Business & Marketing", // it → "IT & How-to", finanzen → "Selbstständigkeit & Finanzen" { "@@context": "https://schema.org", "@@type": "BreadcrumbList", "itemListElement": [ {"@@type": "ListItem","position": 1,"name": "kotsch.tech","item": "https://kotsch.tech"}, {"@@type": "ListItem","position": 2,"name": "{category_label}","item": "https://kotsch.tech/gratis/{category}"}, {"@@type": "ListItem","position": 3,"name": "{h1}","item": "https://kotsch.tech/gratis/{slug}"} ] } ``` ### On-Page SEO - `` = `$page['title']` (inkl. Keyword vorne) - `<meta name="description">` = `$page['meta_description']` (max. 160 Zeichen) - `<link rel="canonical">` auf sich selbst - H1 einmalig, H2 für FAQ, H3 für gated Sektionen - Interne Links: Hub-Seite + `related`-Seiten --- ## Dateien (geplant) | Datei | Neu/Mod | Zweck | |---|---|---| | `config/lead_pages.php` | Mod | 98 neue Einträge + `category`/`h1`/`intro`/`teaser_points`/`gated_content`/`faq`/`related`/`view` | | `config/lead_magnets.php` | Mod | 10 neue Magnets (12 gesamt) | | `app/Http/Controllers/LeadPageController.php` | Mod | Hub-Erkennung + `gratis.show` Fallback | | `resources/views/gratis/show.blade.php` | Neu | Universelles Template | | `resources/views/gratis/hub.blade.php` | Neu | Kategorie-Hub-Template | | `routes/web.php` | — | Keine Änderung nötig (Route bereits vorhanden) | --- ## Qualitätssicherung (programmatic-seo Skill) - **Kein Thin Content:** Jede Seite hat min. 3 Teaser-Punkte + 3-5 FAQ + 2+ gated Sektionen à 5+ Items - **Unique per Page:** H1, intro, teaser_points, gated_content, faq sind alle seitenspezifisch — kein Variable-Swapping in identischem Text - **Keine Kannibalisierung:** Slugs und Keywords überschneiden sich nicht - **Crawlability:** Hub-Seiten + Sitemap-Eintrag + interne Related-Links = alle Seiten erreichbar - **Indexation:** Alle Seiten in Sitemap (auto), keine noindex, FAQPage für People Also Ask --- ## Offene Entscheidungen (Standard, änderbar) - Hub-Seiten sind öffentlich (kein Gate) — so bleibt Kategorie-Content indexierbar - Lead-Magnet-Delivery: Text-HTML-Mail (kein PDF) — spart Aufwand, Conversion ist gleich - Sprache: nur DE (Phase 3); EN-Versionen = Phase 4 - `gated_content`-Tiefe: min. 2 Sektionen à 5 Items pro Seite