385 lines
10 KiB
Markdown
385 lines
10 KiB
Markdown
# Entscheidomat – Allgemeiner Go-Live-Plan
|
||
|
||
**Projekt:** Entscheidomat-Webseite
|
||
**Projektordner:** `C:\Users\timo\Documents\Elena\webseite`
|
||
**Zieldomain:** `https://entscheidomat.com`
|
||
**Ziel:** Die Website sicher, rechtlich sauber, technisch stabil und öffentlich nutzbar live nehmen.
|
||
|
||
---
|
||
|
||
## Go-Live-Status heute
|
||
|
||
### Bereits vorhanden
|
||
|
||
- [x] Next.js-Projekt funktioniert lokal
|
||
- [x] Produktions-Build läuft erfolgreich
|
||
- [x] Haupt-Tool-Oberfläche vorhanden
|
||
- [x] Münze, Glücksrad, Würfel, Zufallszahl, Magic 8-Ball und Listen-Tool vorhanden
|
||
- [x] responsive Grundstruktur vorhanden
|
||
- [x] deutsche Seitensprache vorhanden
|
||
- [x] grundlegende Title- und Description-Metadaten vorhanden
|
||
|
||
### Noch offen
|
||
|
||
- [ ] echte Domain verbinden und HTTPS prüfen
|
||
- [ ] Impressum
|
||
- [ ] Datenschutz
|
||
- [ ] Kontaktmöglichkeit
|
||
- [ ] Canonical URL
|
||
- [ ] Open-Graph- und Twitter-Metadaten
|
||
- [ ] Sitemap
|
||
- [ ] Robots-Datei
|
||
- [ ] Structured Data / JSON-LD
|
||
- [ ] SEO-Unterseiten für die wichtigsten Tools
|
||
- [ ] Lint-Fehler beheben
|
||
- [ ] mobile und Accessibility-QA
|
||
- [ ] Analytics und Consent-Lösung
|
||
- [ ] Search Console
|
||
- [ ] finale Produktionsprüfung
|
||
|
||
---
|
||
|
||
# Phase 1 – Entscheidungen vor dem Launch
|
||
|
||
## 1. Domain und Marke festlegen
|
||
|
||
- [ ] Ist `entscheidomat.com` definitiv die Hauptdomain?
|
||
- [ ] Soll `www.entscheidomat.com` weiterleiten oder die Hauptdomain sein?
|
||
- [ ] finalen Markennamen und Logo festlegen
|
||
- [ ] Kontakt-E-Mail unter der Domain festlegen
|
||
- [ ] Betreiber/Verantwortlichen für Impressum und Datenschutz bestimmen
|
||
|
||
**Ergebnis:** Eine einzige kanonische Domainvariante.
|
||
|
||
## 2. Zielgruppe und Produktversprechen festlegen
|
||
|
||
Finale Kurzbeschreibung:
|
||
|
||
> Entscheidomat ist ein kostenloser Zufallsgenerator und eine digitale Entscheidungshilfe mit Münzwurf, Glücksrad, Würfel, Zufallszahl, Magic 8-Ball und Listen-Auswahl.
|
||
|
||
Diese Beschreibung muss konsistent erscheinen in:
|
||
|
||
- Homepage
|
||
- Meta Description
|
||
- Open Graph
|
||
- JSON-LD
|
||
- Social Profiles
|
||
- Impressum/Datenschutz, soweit relevant
|
||
|
||
---
|
||
|
||
# Phase 2 – Rechtliche Grundlage
|
||
|
||
Diese Punkte müssen vor dem öffentlichen Launch erledigt werden:
|
||
|
||
- [ ] Impressum erstellen
|
||
- [ ] Datenschutzerklärung erstellen
|
||
- [ ] Kontaktmöglichkeit ergänzen
|
||
- [ ] Erklärung zu lokalen Speicherfunktionen ergänzen
|
||
- [ ] Erklärung zu Analytics ergänzen, falls Analytics eingesetzt wird
|
||
- [ ] Erklärung zu Werbung/AdSense ergänzen, sobald Werbung aktiv ist
|
||
- [ ] Cookie-/Consent-Management für nicht notwendige Cookies und personalisierte Werbung prüfen
|
||
- [ ] EEA-, UK- und Schweiz-Anforderungen für Google-Werbung prüfen
|
||
- [ ] Footer dauerhaft mit Impressum und Datenschutz verlinken
|
||
|
||
**Go-Live-Blocker:** Ohne Impressum und Datenschutz nicht öffentlich starten.
|
||
|
||
---
|
||
|
||
# Phase 3 – Produkt- und Funktionstest
|
||
|
||
## 3.1 Alle Tools testen
|
||
|
||
Für jedes Tool prüfen:
|
||
|
||
- [ ] Tool öffnet ohne Fehler
|
||
- [ ] Startzustand ist verständlich
|
||
- [ ] Button funktioniert mehrfach hintereinander
|
||
- [ ] Ergebnis wird sichtbar aktualisiert
|
||
- [ ] Ergebnis ist für Screenreader angekündigt
|
||
- [ ] Reset/Neustart funktioniert
|
||
- [ ] keine falschen oder unmöglichen Ergebnisse
|
||
- [ ] keine Endlosschleife
|
||
- [ ] keine fehlerhaften Zufallsbereiche
|
||
- [ ] keine Daten gehen beim normalen Seitenwechsel unerwartet verloren
|
||
|
||
## 3.2 Spezifische Tests
|
||
|
||
### Münzwurf
|
||
|
||
- [ ] Kopf und Zahl erscheinen korrekt
|
||
- [ ] Animation endet immer
|
||
- [ ] Ergebnis bleibt nach Animation sichtbar
|
||
- [ ] Animation funktioniert auch bei Reduced Motion
|
||
|
||
### Glücksrad
|
||
|
||
- [ ] Standardoptionen funktionieren
|
||
- [ ] eigene Optionen können hinzugefügt werden
|
||
- [ ] leere Eingaben werden abgefangen
|
||
- [ ] lange Optionen werden sauber dargestellt
|
||
- [ ] Rad bleibt innerhalb des Bildschirms
|
||
|
||
### Würfel
|
||
|
||
- [ ] Würfelanimation endet zuverlässig
|
||
- [ ] Ergebnis stimmt mit der gewählten Würfelart überein
|
||
- [ ] mehrfaches Würfeln funktioniert
|
||
|
||
### Zufallszahl
|
||
|
||
- [ ] Minimum und Maximum werden validiert
|
||
- [ ] Minimum größer als Maximum wird abgefangen
|
||
- [ ] Dezimalwerte werden sauber behandelt
|
||
- [ ] sehr große Werte verursachen keinen Layoutfehler
|
||
|
||
### Magic 8-Ball
|
||
|
||
- [ ] Frage kann eingegeben werden
|
||
- [ ] leere Frage wird sinnvoll behandelt
|
||
- [ ] Antwort wird deutlich angezeigt
|
||
- [ ] mehrfaches Fragen funktioniert
|
||
|
||
### Listen-Auswahl
|
||
|
||
- [ ] leere Liste wird abgefangen
|
||
- [ ] mehrere Einträge werden korrekt getrennt
|
||
- [ ] Sonderzeichen funktionieren
|
||
- [ ] zufällige Auswahl wird angezeigt
|
||
|
||
---
|
||
|
||
# Phase 4 – Mobile, Browser und Accessibility
|
||
|
||
## 4.1 Browsermatrix
|
||
|
||
- [ ] Chrome Desktop
|
||
- [ ] Chrome Android
|
||
- [ ] Safari iPhone
|
||
- [ ] Safari macOS
|
||
- [ ] Firefox Desktop
|
||
- [ ] Edge Desktop
|
||
|
||
## 4.2 Bildschirmgrößen
|
||
|
||
- [ ] 320 px Breite
|
||
- [ ] 375 px Breite
|
||
- [ ] 390 px Breite
|
||
- [ ] 768 px Breite
|
||
- [ ] 1024 px Breite
|
||
- [ ] 1440 px Breite
|
||
|
||
## 4.3 Accessibility
|
||
|
||
- [ ] alle interaktiven Elemente per Tab erreichbar
|
||
- [ ] sichtbarer Focus-Ring vorhanden
|
||
- [ ] Buttons haben verständliche Namen
|
||
- [ ] Tabs haben korrekte ARIA-Zuordnung
|
||
- [ ] Ergebnisse werden per `aria-live` angekündigt
|
||
- [ ] keine wichtigen Inhalte nur über Farbe verständlich
|
||
- [ ] ausreichender Farbkontrast
|
||
- [ ] Reduced Motion funktioniert
|
||
- [ ] Sound wird nicht ungefragt abgespielt
|
||
- [ ] Escape/Back-Verhalten bei Overlays prüfen
|
||
|
||
---
|
||
|
||
# Phase 5 – Technischer Produktions-Check
|
||
|
||
## 5.1 Codequalität
|
||
|
||
- [ ] `npm run build` erfolgreich
|
||
- [ ] `npm run lint` erfolgreich
|
||
- [ ] keine TypeScript-Fehler
|
||
- [ ] keine Browser-Console-Errors
|
||
- [ ] keine Hydration-Warnings
|
||
- [ ] keine unnötigen Debug-Logs
|
||
- [ ] keine Testdaten oder Platzhalter im Produktionsbuild
|
||
- [ ] keine privaten API-Keys im Clientcode
|
||
|
||
Aktuell besteht der Build, aber der Lint-Lauf hat noch sechs Fehler in Preloader, Sound-Provider, Dice-Roller und zwei Hooks. Diese müssen vor dem finalen Go-Live behoben werden.
|
||
|
||
## 5.2 Performance
|
||
|
||
- [ ] Lighthouse Mobile prüfen
|
||
- [ ] Largest Contentful Paint prüfen
|
||
- [ ] Cumulative Layout Shift prüfen
|
||
- [ ] Interaction to Next Paint prüfen
|
||
- [ ] JavaScript-Bundle prüfen
|
||
- [ ] Animationen auf schwachen Geräten testen
|
||
- [ ] Fonts und externe Ressourcen prüfen
|
||
- [ ] keine unnötigen Audio-/Videoressourcen laden
|
||
|
||
Zielwerte als praktische Launch-Grenze:
|
||
|
||
- Performance mindestens 80 auf Mobile
|
||
- keine kritischen Accessibility-Fehler
|
||
- keine großen Layout Shifts
|
||
- sichtbarer Hauptinhalt ohne lange Wartezeit
|
||
|
||
---
|
||
|
||
# Phase 6 – SEO-Basis vor dem Launch
|
||
|
||
- [ ] finale Startseiten-H1 festlegen
|
||
- [ ] Title auf Produktkategorie und Nutzen ausrichten
|
||
- [ ] Description finalisieren
|
||
- [ ] Canonical setzen
|
||
- [ ] Open Graph setzen
|
||
- [ ] Twitter Card setzen
|
||
- [ ] Social Preview Image erstellen
|
||
- [ ] `app/robots.ts` erstellen
|
||
- [ ] `app/sitemap.ts` erstellen
|
||
- [ ] JSON-LD für WebApplication/WebSite ergänzen
|
||
- [ ] Haupt-Tools intern verlinken
|
||
- [ ] keine Testseiten indexierbar machen
|
||
- [ ] URLs für Tool-Unterseiten festlegen
|
||
|
||
## Minimale empfehlenswerte Unterseiten
|
||
|
||
- `/ja-nein-generator`
|
||
- `/gluecksrad`
|
||
- `/wuerfel-online`
|
||
- `/namen-auslosen`
|
||
- `/muenze-werfen`
|
||
- `/zufallszahl-generator`
|
||
- `/magic-8-ball`
|
||
- `/listen-generator`
|
||
- `/impressum`
|
||
- `/datenschutz`
|
||
|
||
---
|
||
|
||
# Phase 7 – Analytics und Monitoring
|
||
|
||
Vor dem Launch entscheiden:
|
||
|
||
- [ ] Google Analytics 4 oder datenschutzfreundliche Alternative
|
||
- [ ] Consent-Management
|
||
- [ ] Search Console
|
||
- [ ] Bing Webmaster Tools
|
||
- [ ] Fehler-Monitoring
|
||
|
||
Sinnvolle Events:
|
||
|
||
- [ ] `tool_open`
|
||
- [ ] `tool_result`
|
||
- [ ] `tool_share`
|
||
- [ ] `tool_customized`
|
||
- [ ] `faq_open`
|
||
|
||
Keine personenbezogenen Daten in Event-Parametern speichern.
|
||
|
||
Nach dem Launch beobachten:
|
||
|
||
- Indexierung
|
||
- Impressions
|
||
- Klicks
|
||
- CTR
|
||
- Tool-Nutzung
|
||
- Absprungrate
|
||
- Core Web Vitals
|
||
- Browserfehler
|
||
- mobile Fehler
|
||
|
||
---
|
||
|
||
# Phase 8 – AdSense erst nach dem Basis-Launch
|
||
|
||
AdSense nicht als allerersten Schritt einbauen. Erst muss die Seite einen klaren eigenständigen Nutzerwert und ausreichenden öffentlichen Content haben.
|
||
|
||
Vor dem AdSense-Antrag:
|
||
|
||
- [ ] Impressum und Datenschutz live
|
||
- [ ] Consent Management eingerichtet
|
||
- [ ] mehrere hochwertige Tool-Seiten live
|
||
- [ ] keine leeren oder dünnen Unterseiten
|
||
- [ ] keine Platzhaltertexte
|
||
- [ ] Kontaktmöglichkeit vorhanden
|
||
- [ ] Search Console eingerichtet
|
||
- [ ] Anzeigen nicht in interaktive Buttons integrieren
|
||
- [ ] Anzeigen klar als Werbung erkennbar
|
||
- [ ] keine Klickanreize
|
||
- [ ] keine Werbung vor dem eigentlichen Tool, wenn dadurch die Nutzung gestört wird
|
||
|
||
Das Ziel ist nicht möglichst viele Anzeigen, sondern maximaler regelkonformer Umsatz bei guter UX.
|
||
|
||
---
|
||
|
||
# Phase 9 – Go-Live-Ablauf
|
||
|
||
## Einen Tag vor dem Launch
|
||
|
||
- [ ] finalen Git-Commit/Backup erstellen
|
||
- [ ] Produktionsvariablen prüfen
|
||
- [ ] Domain-DNS prüfen
|
||
- [ ] HTTPS prüfen
|
||
- [ ] Build und Lint erneut ausführen
|
||
- [ ] mobile Smoke-Test durchführen
|
||
- [ ] rechtliche Seiten prüfen
|
||
- [ ] Social Preview testen
|
||
- [ ] robots.txt testen
|
||
- [ ] sitemap.xml testen
|
||
|
||
## Zum Launch
|
||
|
||
- [ ] Domain auf Produktionsversion zeigen lassen
|
||
- [ ] Startseite öffnen
|
||
- [ ] alle Haupt-URLs mit 200 testen
|
||
- [ ] HTTPS-Redirect testen
|
||
- [ ] Canonical im HTML prüfen
|
||
- [ ] robots.txt aufrufen
|
||
- [ ] sitemap.xml aufrufen
|
||
- [ ] Search Console bestätigen
|
||
- [ ] Sitemap einreichen
|
||
- [ ] erste URL-Inspektion starten
|
||
|
||
## Direkt nach dem Launch
|
||
|
||
- [ ] Server-/Browserfehler beobachten
|
||
- [ ] Search Console Coverage prüfen
|
||
- [ ] Mobile Usability prüfen
|
||
- [ ] Social Share testen
|
||
- [ ] mindestens ein Tool auf iPhone und Android testen
|
||
- [ ] Nutzerfeedback sammeln
|
||
- [ ] keine großen Content- oder URL-Änderungen ohne Redirect-Plan
|
||
|
||
---
|
||
|
||
# Go/No-Go-Checkliste
|
||
|
||
Die Website darf live gehen, wenn alle Punkte erfüllt sind:
|
||
|
||
- [ ] Domain und HTTPS funktionieren
|
||
- [ ] Impressum vorhanden
|
||
- [ ] Datenschutz vorhanden
|
||
- [ ] Kontaktmöglichkeit vorhanden
|
||
- [ ] Build erfolgreich
|
||
- [ ] Lint erfolgreich
|
||
- [ ] keine Console Errors
|
||
- [ ] alle Kern-Tools funktionieren
|
||
- [ ] mobile Smoke-Tests bestanden
|
||
- [ ] Canonical korrekt
|
||
- [ ] robots.txt vorhanden
|
||
- [ ] sitemap.xml vorhanden
|
||
- [ ] keine versehentliche Noindex-Sperre
|
||
- [ ] Analytics/Consent-Entscheidung umgesetzt
|
||
- [ ] Backup vorhanden
|
||
|
||
**Wenn ein rechtlicher Punkt, HTTPS, Build, Kernfunktion oder schwerer Mobile-Fehler offen ist: NO-GO.**
|
||
|
||
---
|
||
|
||
# Empfohlene Reihenfolge für die nächsten konkreten Arbeiten
|
||
|
||
1. Impressum, Datenschutz und Kontakt
|
||
2. Domain-/Canonical-Konfiguration
|
||
3. Lint-Fehler beheben
|
||
4. Mobile- und Accessibility-QA
|
||
5. Sitemap, Robots, Open Graph und JSON-LD
|
||
6. die fünf wichtigsten SEO-Unterseiten erstellen
|
||
7. Search Console und Monitoring einrichten
|
||
8. Website live nehmen
|
||
9. zwei bis vier Wochen Daten sammeln
|
||
10. erst danach AdSense beantragen und vorsichtig einbauen
|