10 KiB
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
- Next.js-Projekt funktioniert lokal
- Produktions-Build läuft erfolgreich
- Haupt-Tool-Oberfläche vorhanden
- Münze, Glücksrad, Würfel, Zufallszahl, Magic 8-Ball und Listen-Tool vorhanden
- responsive Grundstruktur vorhanden
- deutsche Seitensprache vorhanden
- 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.comdefinitiv die Hauptdomain? - Soll
www.entscheidomat.comweiterleiten 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-liveangekü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 builderfolgreichnpm run linterfolgreich- 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.tserstellenapp/sitemap.tserstellen- 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_opentool_resulttool_sharetool_customizedfaq_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
- Impressum, Datenschutz und Kontakt
- Domain-/Canonical-Konfiguration
- Lint-Fehler beheben
- Mobile- und Accessibility-QA
- Sitemap, Robots, Open Graph und JSON-LD
- die fünf wichtigsten SEO-Unterseiten erstellen
- Search Console und Monitoring einrichten
- Website live nehmen
- zwei bis vier Wochen Daten sammeln
- erst danach AdSense beantragen und vorsichtig einbauen