Files
entscheidomat/LIVE-PLAN-entscheidomat.md
2026-07-23 21:59:15 +02:00

10 KiB
Raw Blame History

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.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