Website-Checkliste für Selbstständige (mit Praxisbeispiel Café)
In 4 Stunden legst du die Grundlage für eine Website, die gefunden wird, vertraut wird und konvertiert. Diese Checkliste führt dich durch Ziel & Positionierung, Must-Have-Sektionen, Rechtliches/DSGVO, Page Speed, SEO-Grundlagen und eine Launch-Checkliste – mit einem Praxisbeispiel Café für Berlin/Brandenburg.
Hauptseite: Webdesign Berlin | Für Gastronomie: Café-Webdesign: Leistungen · Preise · Checkliste · Kontakt & Beratung
1) Ziel & Positionierung
Ohne klare Positionierung wird jede Website zur Broschüre, die keiner liest. Definiere ein Hauptziel (z. B. Termin, Anfrage, Reservierung, Kauf) und 1–2 Nebenziele (Newsletter, PDF-Download). Formuliere dein Nutzenversprechen in einem Satz („Für wen löst du welches Problem – wie – warum bei dir?“).
Beispiel (Beratung/Freelancer)
- Ziel: 15-Min Erstgespräch buchen
- Nutzen: „In 2 Wochen zur konvertierenden Landingpage“
- Beweis: Case-Snippet, Kundenstimmen
- CTA: Terminbutton Above-the-Fold
Praxisbeispiel Café (Berlin)
- Ziel: Online-Reservierungen steigern
- Nutzen: „Sichere dir jetzt deinen Tisch – heute Abend noch frei“
- Beweis: „+70 % Reservierungen nach Relaunch“
- CTA: „Jetzt reservieren“ (Sticky + im Header)
Tipp: Schreibe deine H1 aus Nutzersicht („Schnell zur Reservierung in Prenzlauer Berg“ statt „Willkommen“). Wiederhole dein Ziel in jeder Scrolltiefe (Footer-CTA, Kontakt-Teaser, FAQ-Handlungsaufforderung).
2) Must-Have-Sektionen deiner Website
Diese Bausteine gehören auf fast jede Selbstständigen-Website. Für Cafés markiert mit ☕, wo sich die Umsetzung unterscheidet.
| Sektion | Ziel | Praktische Hinweise |
|---|---|---|
| Hero (Above-the-Fold) ☕ | Sofort klar: Was, für wen, nächster Schritt | 1 Satz Nutzen + 1 primärer CTA (Termin/Reservieren). Foto, das Ergebnis zeigt (z. B. volle Tische). |
| Leistungen | Verstehen, ob du passt | 3–6 Kacheln mit Kurztext, intern zu Detailseiten. Icons nur sparsam. |
| Proof (Cases/Reviews) ☕ | Vertrauen | Belege mit konkreten Zahlen („+70 % Reservierungen“), Sterne-Reviews, kurze Zitate. |
| Prozess | Sicherheit | 3–5 Schritte (Kick-off → Design → Go-Live → Wartung). Für Cafés: Reservierung in 3 Schritten. |
| FAQ | Einwände klären | Logisch sortiert (Preise, Dauer, Ablauf). Sichtbar auf den Seiten, nicht nur versteckt. |
| Kontakt/Termin ☕ | Konversion | CTA-Buttons + Telefon + Formular. Café: Reservierung mit Datum/Uhrzeit/Gäste. |
3) Rechtlich/DSGVO – Basics, die du abhaken solltest
Pflichtseiten & Hinweise
- Impressum, Datenschutzerklärung, Cookie-Hinweis (Consent, wenn Tracking)
- Kontaktwege: Telefon, E-Mail, Formular (Double-Opt-In bei Newsletter)
- SSL/HTTPS, sichere Passwörter/Backups
Café-Spezifika ☕
- Reservierung/Bestellung: Datenminimierung, klare Zwecke, Löschfristen
- Allergene/Preisangaben aktuell halten
- Öffnungszeiten, Adresse, Anfahrt (Schema-Markup)
Hinweis: Keine Rechtsberatung – sprich im Zweifel mit einer Fachperson.
4) Page Speed & Core Web Vitals
Schnelle Seiten konvertieren besser. Zielwerte: LCP < 2,5 s, CLS < 0,1, INP < 200 ms. Praktische Hebel:
- Bilder: WebP/AVIF, korrekte Größen,
loading="lazy"ab Fold - CSS/JS minimieren, nur laden was nötig ist (Critical CSS, Defer)
- Caching/CDN, Komprimierung aktivieren
- Saubere Fonts (Systemstack oder sparsam laden)
Für Cafés: Menü-Bilder optimieren, keine riesigen Galerien auf der Startseite. Lieber 3–5 starke Bilder + Lightbox in einem separaten Bereich.
5) SEO-Grundlagen für Selbstständige
On-Page Basics
- Eine klare H1, saubere H2/H3-Struktur
- Title (≈55 Zeichen) & Meta-Description (≈150–160) mit Keyword + Nutzen
- Interne Links zu /webdesign-cafe#leistungen und /webdesign-cafe#preise
- FAQ sichtbar einbinden, ggf.
FAQPage-Schema
Local-Signale (Berlin/Brandenburg)
- Google Unternehmensprofil ausfüllen (Kategorie, Fotos, Öffnungszeiten)
- NAP-Konsistenz (Name, Adresse, Telefon) auf Website & Profil
- Bezirksbezug in Text/Bildern (z. B. Prenzlauer Berg)
- Bewertungen aktiv einholen, auf der Website zeigen
Denke an interne Verlinkung: Jeder Blogpost sollte auf die passende Angebotsseite zeigen – hier: Café-Checkliste und Kontakt.
6) Launch-Checkliste (Go-Live ohne Bauchweh)
- ✅ SSL aktiv, 404/301 korrekt, Canonical gesetzt
- ✅ Title/Meta/OG überprüft, Social-Share-Bild (1200×675)
- ✅ Sitemap.xml & Robots.txt geprüft, GSC/GA4 eingerichtet
- ✅ Formulare getestet (Fehlertexte, Spam-Schutz), Mails kommen an
- ✅ Ladezeit-Test mobil/desktop, CWV-Check
- ✅ Interne Links (Blog → Angebot), Breadcrumbs, Menü
- ✅ Datenschutzerklärung/Impressum aktuell, Consent bei Tracking
- ✅ Favicon/Open Graph, Social Snippet prüfen
- ✅ Backup/Versionierung aktiv, Wartungsplan definiert
- ✅ Café: Reservierung/Öffnungszeiten live geprüft
Beispielwerte – je nach Branche/Traffic unterschiedlich.
Transparente Pakete – flexibel erweiterbar
Start
Ideal für Solo-Selbstständige
aktueller Paketpreis
- Landingpage / One-Pager
- SEO-Grundlagen & Tracking
- datenschutzbewusst vorbereitetes Hosting optional
Business
Für wachsende Unternehmen
aktueller Business-Paketrahmen
- Mehrseitige Website inkl. Blog
- Lokales SEO (Berlin & Bezirke)
- Wartung & Backups
Wachstum
Für Shops & komplexe Projekte
1.499 €
- Shop/Buchung, Integrationen
- Conversion-optimierte UX & Tests
- Eigener Chatbot & Automationen
Bereit für eine Website, die konvertiert?
Du erhältst spätestens in 24 Stunden eine Rückmeldung mit ersten Empfehlungen und einer klaren Roadmap.
Sei die erste Person, die einen Kommentar hinterlässt.