Fix, complete all tool updates
This commit is contained in:
Timo Knuth
@@ -1,291 +1,291 @@
|
||||
# 🚀 Side Project Marketing Strategy
|
||||
|
||||
> **"Engineering as Marketing"** – Kostenlose Micro-Tools bauen, um SEO-Traffic abzufangen und in zahlende Kunden zu konvertieren.
|
||||
|
||||
**Status:** Planung abgeschlossen, bereit für Implementierung
|
||||
**Autor:** QR Master Team
|
||||
**Letzte Aktualisierung:** 2026-01-08
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
|
||||
Wir nutzen die bewiesene "Engineering as Marketing" Strategie (bekannt von HubSpot's Website Grader, Ahrefs' Free Tools, Shopify's Business Tools), um organischen Traffic über spezialisierte, kostenlose QR-Generatoren zu gewinnen.
|
||||
|
||||
### Das Konzept in einem Satz
|
||||
|
||||
> Anstatt gegen "QR Code Generator" (DA 90+ Konkurrenz) zu kämpfen, bauen wir 10 spezialisierte Tools für Long-Tail-Keywords wie "WiFi QR Code erstellen" oder "VCard QR Generator".
|
||||
|
||||
### Warum das funktioniert
|
||||
|
||||
1. **Weniger Konkurrenz:** "WiFi QR Code Generator" hat 1/10 der Konkurrenz von "QR Code Generator"
|
||||
2. **Höhere Kaufabsicht:** Wer "Restaurant Menu QR Code" sucht, ist bereit für ein Premium-Tool
|
||||
3. **Natürliche Backlinks:** Leute teilen nützliche Tools ("Hier, dieser Generator ist kostenlos")
|
||||
4. **Zero Marginal Cost:** Client-Side Generierung = 0€ Serverkosten pro User
|
||||
|
||||
---
|
||||
|
||||
## ROI Projektion (Konservativ)
|
||||
|
||||
| Metrik | Monat 3 | Monat 6 | Monat 12 |
|
||||
|--------|---------|---------|----------|
|
||||
| Organischer Traffic (alle Tools) | 2.000 | 10.000 | 25.000 |
|
||||
| Free Signups (20% Conv.) | 400 | 2.000 | 5.000 |
|
||||
| Paid Customers (3% der Signups) | 12 | 60 | 150 |
|
||||
| **Zusätzlicher MRR** | **108€** | **540€** | **1.350€** |
|
||||
|
||||
> **Benchmarks verwendet:** 2-3% Free-to-Paid Conversion (Industry Standard), 20% Tool-to-Signup (optimistisch, aber erreichbar mit gutem UX).
|
||||
|
||||
---
|
||||
|
||||
## Die Tools-Roadmap
|
||||
|
||||
### Phase 1: Quick Wins (Woche 1-2)
|
||||
|
||||
Fokus auf **hohes Suchvolumen + geringe Komplexität**.
|
||||
|
||||
| Tool | URL | Geschätztes SV | Implementierungs-Aufwand |
|
||||
|------|-----|----------------|-------------------------|
|
||||
| **WiFi QR Generator** | `/tools/wifi-qr-code` | 40.000/Monat | 4h |
|
||||
| **VCard QR Generator** | `/tools/vcard-qr-code` | 15.000/Monat | 4h |
|
||||
| **WhatsApp QR Generator** | `/tools/whatsapp-qr-code` | 20.000/Monat | 3h |
|
||||
|
||||
### Phase 2: Monetization Focus (Woche 3-4)
|
||||
|
||||
Fokus auf **hohe Conversion-Wahrscheinlichkeit** (B2B Use Cases).
|
||||
|
||||
| Tool | URL | Geschätztes SV | Upsell-Hook |
|
||||
|------|-----|----------------|-------------|
|
||||
| **App Store Link QR** | `/tools/app-store-qr-code` | 5.000/Monat | Smart Routing (iOS/Android) |
|
||||
| **PDF to QR** | `/tools/pdf-qr-code` | 15.000/Monat | PDF Hosting (benötigt Account) |
|
||||
| **Menu QR Generator** | `/tools/menu-qr-code` | 8.000/Monat | Multi-Sprache, Analytics |
|
||||
|
||||
### Phase 3: Differenzierung (Monat 2+)
|
||||
|
||||
Fokus auf **Unique Features** die Konkurrenten nicht haben.
|
||||
|
||||
| Tool | URL | Differenzierung |
|
||||
|------|-----|-----------------|
|
||||
| **Barcode Generator** | `/tools/barcode-generator` | EAN/UPC/ISBN Unterstützung |
|
||||
| **Bitcoin/Crypto QR** | `/tools/bitcoin-qr-code` | Multi-Wallet Format |
|
||||
| **AI Art QR (Viral)** | `/tools/ai-qr-code` | Stable Diffusion Integration |
|
||||
|
||||
## Geplantes Portfolio: Kostenlose Statische Generatoren (15 Typen)
|
||||
|
||||
Wir werden die folgenden 15 statischen QR-Code-Typen anbieten. Diese sind **dauerhaft kostenlos** und erfordern keine Server-Infrastruktur für Redirects (im Gegensatz zu dynamischen Codes).
|
||||
|
||||
> **Wichtig:** Alle diese Generatoren stehen sowohl **öffentlich als SEO-Landingpages** zur Verfügung (zur Neukundengewinnung), als auch im **eingeloggten Bereich** für registrierte Nutzer (für Komfort und Zentralisierung).
|
||||
|
||||
1. **URL / Link**: Der Standard. Öffnet eine Webseite.
|
||||
2. **Text**: Zeigt reinen Text an (bis zu 300 Zeichen).
|
||||
3. **WiFi**: Verbindet direkt mit einem WLAN-Netzwerk (WPA/WEP/Open).
|
||||
4. **VCard / Kontakt**: Speichert einen Kontakt direkt im Adressbuch.
|
||||
5. **WhatsApp**: Startet einen Chat mit einer Nummer (und optionalem Text).
|
||||
6. **E-Mail**: Öffnet das E-Mail-Programm mit Empfänger, Betreff und Body.
|
||||
7. **SMS**: Bereitet eine SMS an eine Nummer vor.
|
||||
8. **Anruf / Tel**: Startet einen Anruf an eine Nummer.
|
||||
9. **Event / Kalender**: Fügt einen Termin zum Kalender hinzu (.ics).
|
||||
10. **Geo / Maps**: Öffnet einen Standort in Google Maps/Apple Maps.
|
||||
11. **Facebook**: Öffnet ein Profil oder eine Seite.
|
||||
12. **Instagram**: Öffnet ein Instagram-Profil.
|
||||
13. **Twitter / X**: Öffnet ein Profil oder erstellt einen Tweet.
|
||||
14. **YouTube**: Öffnet ein Video oder einen Kanal.
|
||||
15. **TikTok**: Öffnet ein TikTok-Profil.
|
||||
|
||||
Diese Breite deckt 99% der "Everyday Use Cases" ab und maximiert die SEO-Angriffsfläche.
|
||||
|
||||
---
|
||||
|
||||
## Technische Architektur
|
||||
|
||||
### Warum Client-Side Generierung?
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────────┐
|
||||
│ USER BROWSER │
|
||||
│ │
|
||||
│ ┌─────────────┐ ┌──────────────┐ ┌────────────────┐ │
|
||||
│ │ Form Input │ -> │ qrcode.js │ -> │ Canvas/SVG │ │
|
||||
│ │ (SSID, PW) │ │ (generation) │ │ (download) │ │
|
||||
│ └─────────────┘ └──────────────┘ └────────────────┘ │
|
||||
│ │
|
||||
│ KEINE Server-Calls! │
|
||||
└─────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**Vorteile:**
|
||||
- **Privatsphäre:** Passwörter verlassen nie den Browser
|
||||
- **Speed:** Instant Generation (kein Network Latency)
|
||||
- **Kosten:** 0€ pro generiertem Code
|
||||
- **Scale:** Kein Backend-Limit
|
||||
|
||||
### Datei-Struktur (Next.js)
|
||||
|
||||
```
|
||||
src/app/(marketing)/tools/
|
||||
├── wifi-qr-code/
|
||||
│ ├── page.tsx # Server Component (SEO)
|
||||
│ └── WiFiGenerator.tsx # Client Component (Interaktion)
|
||||
├── vcard-qr-code/
|
||||
│ ├── page.tsx
|
||||
│ └── VCardGenerator.tsx
|
||||
└── [weitere tools]/
|
||||
```
|
||||
|
||||
### Shared Components
|
||||
|
||||
```typescript
|
||||
// src/components/tools/QRDownloadButtons.tsx
|
||||
// Wiederverwendbare Download-Buttons für alle Tools
|
||||
|
||||
// src/components/tools/UpgradePrompt.tsx
|
||||
// "Willst du Scans tracken?" CTA Box
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## SEO-Strategie pro Tool-Page
|
||||
|
||||
Jede Seite folgt dem gleichen bewährten Muster:
|
||||
|
||||
### 1. Above the Fold: Sofort nutzbar
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────┐
|
||||
│ H1: Free WiFi QR Code Generator │
|
||||
│ Subline: Teile dein WLAN in Sekunden │
|
||||
│ │
|
||||
│ ┌─────────────────────────────────┐ │
|
||||
│ │ [SSID] [Password] [WPA▼] │ │
|
||||
│ │ │ │
|
||||
│ │ [ Generate QR Code ] │ │
|
||||
│ └─────────────────────────────────┘ │
|
||||
└────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**Regel:** Der User muss SOFORT interagieren können. Kein langer Intro-Text.
|
||||
|
||||
### 2. Schema Markup (Pflicht!)
|
||||
|
||||
```json
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "WiFi QR Code Generator",
|
||||
"applicationCategory": "UtilitiesApplication",
|
||||
"operatingSystem": "Web Browser",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"aggregateRating": {
|
||||
"@type": "AggregateRating",
|
||||
"ratingValue": "4.8",
|
||||
"ratingCount": "1247"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 3. FAQ Section (Long-Tail Keywords)
|
||||
|
||||
```markdown
|
||||
## Häufig gestellte Fragen
|
||||
|
||||
### Wie funktioniert ein WiFi QR Code?
|
||||
Der QR Code enthält deine WLAN-Daten im Format...
|
||||
|
||||
### Ist es sicher, mein WiFi Passwort in einem QR Code zu speichern?
|
||||
Ja, der QR Code wird nur lokal in deinem Browser generiert...
|
||||
|
||||
### Kann ich den QR Code später bearbeiten?
|
||||
Dieser Generator erstellt statische Codes. Für editierbare...
|
||||
```
|
||||
|
||||
### 4. Conversion Prompt (Der Hook)
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────┐
|
||||
│ ✅ QR Code erfolgreich erstellt! │
|
||||
│ │
|
||||
│ ⚠️ Hinweis: Dies ist ein statischer Code. │
|
||||
│ Wenn du dein Passwort änderst, musst du neu drucken. │
|
||||
│ │
|
||||
│ → Erstelle einen dynamischen Code (jederzeit änderbar) │
|
||||
│ │
|
||||
│ Bonus: Sieh wer deinen Code scannt (Datum, Standort) │
|
||||
│ │
|
||||
│ [ Kostenlos registrieren ] │
|
||||
└─────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Conversion Optimierung
|
||||
|
||||
### Die "Limitation Awareness" Methode
|
||||
|
||||
Jedes Tool zeigt nach der Generierung **sanft** die Limitierungen auf:
|
||||
|
||||
| Tool | Statische Limitation | Upsell-Feature |
|
||||
|------|---------------------|----------------|
|
||||
| WiFi | Passwort-Änderung = Neudruck | Dynamischer Code (editierbar) |
|
||||
| VCard | Kontakt-Update = Neudruck | Immer aktuelle Visitenkarte |
|
||||
| Menu | Neue Speisekarte = Neudruck | PDF-Hosting + Analytics |
|
||||
| App Store | Nur ein Store-Link | Smart Device Detection |
|
||||
|
||||
### Email Capture vor Download
|
||||
|
||||
**Optional (A/B testen):**
|
||||
```
|
||||
"Gib deine Email ein, um den QR als hochauflösende PNG zu erhalten"
|
||||
```
|
||||
→ Baut Email-Liste, auch wenn User nicht sofort konvertiert.
|
||||
|
||||
---
|
||||
|
||||
## Erfolgsmetriken (KPIs)
|
||||
|
||||
| KPI | Tool | Ziel (Monat 3) |
|
||||
|-----|------|----------------|
|
||||
| **Organic Sessions** | Google Analytics | 2.000/Monat |
|
||||
| **QR Generations** | PostHog Event | 500/Monat |
|
||||
| **Signup Clicks** | PostHog Event | 100/Monat |
|
||||
| **Actual Signups** | DB Query | 50/Monat |
|
||||
| **Paid Conversion** | Stripe | 5/Monat |
|
||||
|
||||
### Tracking Events implementieren
|
||||
|
||||
```typescript
|
||||
// Auf jeder Tool-Page
|
||||
posthog.capture('tool_qr_generated', {
|
||||
tool: 'wifi',
|
||||
format: 'png'
|
||||
});
|
||||
|
||||
posthog.capture('tool_signup_cta_clicked', {
|
||||
tool: 'wifi'
|
||||
});
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Nächste Schritte
|
||||
|
||||
1. [ ] **Heute:** WiFi QR Generator implementieren (`/tools/wifi-qr-code`)
|
||||
2. [ ] **Diese Woche:** VCard + WhatsApp Generator
|
||||
3. [ ] **Nächste Woche:** Google Search Console monitoren für erste Impressions
|
||||
4. [ ] **Monat 2:** A/B Test Email-Capture vs. Direct Download
|
||||
5. [ ] **Monat 3:** Phase 2 Tools (App Store, PDF, Menu)
|
||||
|
||||
---
|
||||
|
||||
## Referenzen & Inspiration
|
||||
|
||||
- [HubSpot Website Grader](https://website.grader.com/) – Das Original "Engineering as Marketing"
|
||||
- [Ahrefs Free Tools](https://ahrefs.com/free-seo-tools) – 12+ Free Tools als Lead Magnets
|
||||
- [Shopify Business Tools](https://www.shopify.com/tools) – Logo Maker, Invoice Generator, etc.
|
||||
|
||||
---
|
||||
|
||||
*Dieses Dokument wird regelmäßig aktualisiert basierend auf Traffic-Daten und Conversion-Rates.*
|
||||
# 🚀 Side Project Marketing Strategy
|
||||
|
||||
> **"Engineering as Marketing"** – Kostenlose Micro-Tools bauen, um SEO-Traffic abzufangen und in zahlende Kunden zu konvertieren.
|
||||
|
||||
**Status:** Planung abgeschlossen, bereit für Implementierung
|
||||
**Autor:** QR Master Team
|
||||
**Letzte Aktualisierung:** 2026-01-08
|
||||
|
||||
---
|
||||
|
||||
## Executive Summary
|
||||
|
||||
Wir nutzen die bewiesene "Engineering as Marketing" Strategie (bekannt von HubSpot's Website Grader, Ahrefs' Free Tools, Shopify's Business Tools), um organischen Traffic über spezialisierte, kostenlose QR-Generatoren zu gewinnen.
|
||||
|
||||
### Das Konzept in einem Satz
|
||||
|
||||
> Anstatt gegen "QR Code Generator" (DA 90+ Konkurrenz) zu kämpfen, bauen wir 10 spezialisierte Tools für Long-Tail-Keywords wie "WiFi QR Code erstellen" oder "VCard QR Generator".
|
||||
|
||||
### Warum das funktioniert
|
||||
|
||||
1. **Weniger Konkurrenz:** "WiFi QR Code Generator" hat 1/10 der Konkurrenz von "QR Code Generator"
|
||||
2. **Höhere Kaufabsicht:** Wer "Restaurant Menu QR Code" sucht, ist bereit für ein Premium-Tool
|
||||
3. **Natürliche Backlinks:** Leute teilen nützliche Tools ("Hier, dieser Generator ist kostenlos")
|
||||
4. **Zero Marginal Cost:** Client-Side Generierung = 0€ Serverkosten pro User
|
||||
|
||||
---
|
||||
|
||||
## ROI Projektion (Konservativ)
|
||||
|
||||
| Metrik | Monat 3 | Monat 6 | Monat 12 |
|
||||
|--------|---------|---------|----------|
|
||||
| Organischer Traffic (alle Tools) | 2.000 | 10.000 | 25.000 |
|
||||
| Free Signups (20% Conv.) | 400 | 2.000 | 5.000 |
|
||||
| Paid Customers (3% der Signups) | 12 | 60 | 150 |
|
||||
| **Zusätzlicher MRR** | **108€** | **540€** | **1.350€** |
|
||||
|
||||
> **Benchmarks verwendet:** 2-3% Free-to-Paid Conversion (Industry Standard), 20% Tool-to-Signup (optimistisch, aber erreichbar mit gutem UX).
|
||||
|
||||
---
|
||||
|
||||
## Die Tools-Roadmap
|
||||
|
||||
### Phase 1: Quick Wins (Woche 1-2)
|
||||
|
||||
Fokus auf **hohes Suchvolumen + geringe Komplexität**.
|
||||
|
||||
| Tool | URL | Geschätztes SV | Implementierungs-Aufwand |
|
||||
|------|-----|----------------|-------------------------|
|
||||
| **WiFi QR Generator** | `/tools/wifi-qr-code` | 40.000/Monat | 4h |
|
||||
| **VCard QR Generator** | `/tools/vcard-qr-code` | 15.000/Monat | 4h |
|
||||
| **WhatsApp QR Generator** | `/tools/whatsapp-qr-code` | 20.000/Monat | 3h |
|
||||
|
||||
### Phase 2: Monetization Focus (Woche 3-4)
|
||||
|
||||
Fokus auf **hohe Conversion-Wahrscheinlichkeit** (B2B Use Cases).
|
||||
|
||||
| Tool | URL | Geschätztes SV | Upsell-Hook |
|
||||
|------|-----|----------------|-------------|
|
||||
| **App Store Link QR** | `/tools/app-store-qr-code` | 5.000/Monat | Smart Routing (iOS/Android) |
|
||||
| **PDF to QR** | `/tools/pdf-qr-code` | 15.000/Monat | PDF Hosting (benötigt Account) |
|
||||
| **Menu QR Generator** | `/tools/menu-qr-code` | 8.000/Monat | Multi-Sprache, Analytics |
|
||||
|
||||
### Phase 3: Differenzierung (Monat 2+)
|
||||
|
||||
Fokus auf **Unique Features** die Konkurrenten nicht haben.
|
||||
|
||||
| Tool | URL | Differenzierung |
|
||||
|------|-----|-----------------|
|
||||
| **Barcode Generator** | `/tools/barcode-generator` | EAN/UPC/ISBN Unterstützung |
|
||||
| **Bitcoin/Crypto QR** | `/tools/bitcoin-qr-code` | Multi-Wallet Format |
|
||||
| **AI Art QR (Viral)** | `/tools/ai-qr-code` | Stable Diffusion Integration |
|
||||
|
||||
## Geplantes Portfolio: Kostenlose Statische Generatoren (15 Typen)
|
||||
|
||||
Wir werden die folgenden 15 statischen QR-Code-Typen anbieten. Diese sind **dauerhaft kostenlos** und erfordern keine Server-Infrastruktur für Redirects (im Gegensatz zu dynamischen Codes).
|
||||
|
||||
> **Wichtig:** Alle diese Generatoren stehen sowohl **öffentlich als SEO-Landingpages** zur Verfügung (zur Neukundengewinnung), als auch im **eingeloggten Bereich** für registrierte Nutzer (für Komfort und Zentralisierung).
|
||||
|
||||
1. **URL / Link**: Der Standard. Öffnet eine Webseite.
|
||||
2. **Text**: Zeigt reinen Text an (bis zu 300 Zeichen).
|
||||
3. **WiFi**: Verbindet direkt mit einem WLAN-Netzwerk (WPA/WEP/Open).
|
||||
4. **VCard / Kontakt**: Speichert einen Kontakt direkt im Adressbuch.
|
||||
5. **WhatsApp**: Startet einen Chat mit einer Nummer (und optionalem Text).
|
||||
6. **E-Mail**: Öffnet das E-Mail-Programm mit Empfänger, Betreff und Body.
|
||||
7. **SMS**: Bereitet eine SMS an eine Nummer vor.
|
||||
8. **Anruf / Tel**: Startet einen Anruf an eine Nummer.
|
||||
9. **Event / Kalender**: Fügt einen Termin zum Kalender hinzu (.ics).
|
||||
10. **Geo / Maps**: Öffnet einen Standort in Google Maps/Apple Maps.
|
||||
11. **Facebook**: Öffnet ein Profil oder eine Seite.
|
||||
12. **Instagram**: Öffnet ein Instagram-Profil.
|
||||
13. **Twitter / X**: Öffnet ein Profil oder erstellt einen Tweet.
|
||||
14. **YouTube**: Öffnet ein Video oder einen Kanal.
|
||||
15. **TikTok**: Öffnet ein TikTok-Profil.
|
||||
|
||||
Diese Breite deckt 99% der "Everyday Use Cases" ab und maximiert die SEO-Angriffsfläche.
|
||||
|
||||
---
|
||||
|
||||
## Technische Architektur
|
||||
|
||||
### Warum Client-Side Generierung?
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────────┐
|
||||
│ USER BROWSER │
|
||||
│ │
|
||||
│ ┌─────────────┐ ┌──────────────┐ ┌────────────────┐ │
|
||||
│ │ Form Input │ -> │ qrcode.js │ -> │ Canvas/SVG │ │
|
||||
│ │ (SSID, PW) │ │ (generation) │ │ (download) │ │
|
||||
│ └─────────────┘ └──────────────┘ └────────────────┘ │
|
||||
│ │
|
||||
│ KEINE Server-Calls! │
|
||||
└─────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**Vorteile:**
|
||||
- **Privatsphäre:** Passwörter verlassen nie den Browser
|
||||
- **Speed:** Instant Generation (kein Network Latency)
|
||||
- **Kosten:** 0€ pro generiertem Code
|
||||
- **Scale:** Kein Backend-Limit
|
||||
|
||||
### Datei-Struktur (Next.js)
|
||||
|
||||
```
|
||||
src/app/(marketing)/tools/
|
||||
├── wifi-qr-code/
|
||||
│ ├── page.tsx # Server Component (SEO)
|
||||
│ └── WiFiGenerator.tsx # Client Component (Interaktion)
|
||||
├── vcard-qr-code/
|
||||
│ ├── page.tsx
|
||||
│ └── VCardGenerator.tsx
|
||||
└── [weitere tools]/
|
||||
```
|
||||
|
||||
### Shared Components
|
||||
|
||||
```typescript
|
||||
// src/components/tools/QRDownloadButtons.tsx
|
||||
// Wiederverwendbare Download-Buttons für alle Tools
|
||||
|
||||
// src/components/tools/UpgradePrompt.tsx
|
||||
// "Willst du Scans tracken?" CTA Box
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## SEO-Strategie pro Tool-Page
|
||||
|
||||
Jede Seite folgt dem gleichen bewährten Muster:
|
||||
|
||||
### 1. Above the Fold: Sofort nutzbar
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────┐
|
||||
│ H1: Free WiFi QR Code Generator │
|
||||
│ Subline: Teile dein WLAN in Sekunden │
|
||||
│ │
|
||||
│ ┌─────────────────────────────────┐ │
|
||||
│ │ [SSID] [Password] [WPA▼] │ │
|
||||
│ │ │ │
|
||||
│ │ [ Generate QR Code ] │ │
|
||||
│ └─────────────────────────────────┘ │
|
||||
└────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**Regel:** Der User muss SOFORT interagieren können. Kein langer Intro-Text.
|
||||
|
||||
### 2. Schema Markup (Pflicht!)
|
||||
|
||||
```json
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "WiFi QR Code Generator",
|
||||
"applicationCategory": "UtilitiesApplication",
|
||||
"operatingSystem": "Web Browser",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"aggregateRating": {
|
||||
"@type": "AggregateRating",
|
||||
"ratingValue": "4.8",
|
||||
"ratingCount": "1247"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 3. FAQ Section (Long-Tail Keywords)
|
||||
|
||||
```markdown
|
||||
## Häufig gestellte Fragen
|
||||
|
||||
### Wie funktioniert ein WiFi QR Code?
|
||||
Der QR Code enthält deine WLAN-Daten im Format...
|
||||
|
||||
### Ist es sicher, mein WiFi Passwort in einem QR Code zu speichern?
|
||||
Ja, der QR Code wird nur lokal in deinem Browser generiert...
|
||||
|
||||
### Kann ich den QR Code später bearbeiten?
|
||||
Dieser Generator erstellt statische Codes. Für editierbare...
|
||||
```
|
||||
|
||||
### 4. Conversion Prompt (Der Hook)
|
||||
|
||||
```
|
||||
┌─────────────────────────────────────────────────────────┐
|
||||
│ ✅ QR Code erfolgreich erstellt! │
|
||||
│ │
|
||||
│ ⚠️ Hinweis: Dies ist ein statischer Code. │
|
||||
│ Wenn du dein Passwort änderst, musst du neu drucken. │
|
||||
│ │
|
||||
│ → Erstelle einen dynamischen Code (jederzeit änderbar) │
|
||||
│ │
|
||||
│ Bonus: Sieh wer deinen Code scannt (Datum, Standort) │
|
||||
│ │
|
||||
│ [ Kostenlos registrieren ] │
|
||||
└─────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Conversion Optimierung
|
||||
|
||||
### Die "Limitation Awareness" Methode
|
||||
|
||||
Jedes Tool zeigt nach der Generierung **sanft** die Limitierungen auf:
|
||||
|
||||
| Tool | Statische Limitation | Upsell-Feature |
|
||||
|------|---------------------|----------------|
|
||||
| WiFi | Passwort-Änderung = Neudruck | Dynamischer Code (editierbar) |
|
||||
| VCard | Kontakt-Update = Neudruck | Immer aktuelle Visitenkarte |
|
||||
| Menu | Neue Speisekarte = Neudruck | PDF-Hosting + Analytics |
|
||||
| App Store | Nur ein Store-Link | Smart Device Detection |
|
||||
|
||||
### Email Capture vor Download
|
||||
|
||||
**Optional (A/B testen):**
|
||||
```
|
||||
"Gib deine Email ein, um den QR als hochauflösende PNG zu erhalten"
|
||||
```
|
||||
→ Baut Email-Liste, auch wenn User nicht sofort konvertiert.
|
||||
|
||||
---
|
||||
|
||||
## Erfolgsmetriken (KPIs)
|
||||
|
||||
| KPI | Tool | Ziel (Monat 3) |
|
||||
|-----|------|----------------|
|
||||
| **Organic Sessions** | Google Analytics | 2.000/Monat |
|
||||
| **QR Generations** | PostHog Event | 500/Monat |
|
||||
| **Signup Clicks** | PostHog Event | 100/Monat |
|
||||
| **Actual Signups** | DB Query | 50/Monat |
|
||||
| **Paid Conversion** | Stripe | 5/Monat |
|
||||
|
||||
### Tracking Events implementieren
|
||||
|
||||
```typescript
|
||||
// Auf jeder Tool-Page
|
||||
posthog.capture('tool_qr_generated', {
|
||||
tool: 'wifi',
|
||||
format: 'png'
|
||||
});
|
||||
|
||||
posthog.capture('tool_signup_cta_clicked', {
|
||||
tool: 'wifi'
|
||||
});
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Nächste Schritte
|
||||
|
||||
1. [ ] **Heute:** WiFi QR Generator implementieren (`/tools/wifi-qr-code`)
|
||||
2. [ ] **Diese Woche:** VCard + WhatsApp Generator
|
||||
3. [ ] **Nächste Woche:** Google Search Console monitoren für erste Impressions
|
||||
4. [ ] **Monat 2:** A/B Test Email-Capture vs. Direct Download
|
||||
5. [ ] **Monat 3:** Phase 2 Tools (App Store, PDF, Menu)
|
||||
|
||||
---
|
||||
|
||||
## Referenzen & Inspiration
|
||||
|
||||
- [HubSpot Website Grader](https://website.grader.com/) – Das Original "Engineering as Marketing"
|
||||
- [Ahrefs Free Tools](https://ahrefs.com/free-seo-tools) – 12+ Free Tools als Lead Magnets
|
||||
- [Shopify Business Tools](https://www.shopify.com/tools) – Logo Maker, Invoice Generator, etc.
|
||||
|
||||
---
|
||||
|
||||
*Dieses Dokument wird regelmäßig aktualisiert basierend auf Traffic-Daten und Conversion-Rates.*
|
||||
|
||||
Reference in New Issue
Block a user