🚀 Website kostenlos online stellen
Schritt-für-Schritt Guide: GitHub + Netlify + Domain · Komplett kostenlos (bis auf Domain)
€ Was kostet was?
GitHub (Code-Hosting)0 € / Monat
Netlify (Website-Hosting + SSL)0 € / Monat
Netlify Forms (Kontaktformular, bis 100 Anfragen/Monat)0 € / Monat
Calendly (Terminbuchung, 1 Event-Typ)0 € / Monat
Google Search Console0 € / Monat
.de Domain (z.B. unabhaengig-finanzberaten.de)~10–15 € / Jahr
Gesamt~10 € / Jahr
Tipp: Eine .de-Domain ist der einzige echte Kostenpunkt. Du kannst stattdessen die kostenlose Netlify-Subdomain nutzen (z.B. lutz-bohnes.netlify.app), aber eine .de-Domain rankt bei deutschen Suchen deutlich besser. 10–15 € pro Jahr ist es wert.
1 GitHub Account erstellen & Dateien hochladen
github.com aufrufen → „Sign up" → Kostenlosen Account erstellen (E-Mail, Passwort, Username)
Neues Repository erstellen: Grüner Button „New" → Name z.B. lutz-bohnes-website → „Public" → „Create repository"
Dateien hochladen: Im Repository → „uploading an existing file" → Alle HTML-Dateien + sitemap.xml per Drag & Drop hochladen → „Commit changes"
Wichtig: Die Hauptdatei muss index.html heißen (Startseite). Die anderen Dateien (finanzberater-berlin.html usw.) einfach dazu.
Alle Dateien auf einmal hochladen: Wähle alle HTML-Dateien per Strg+A aus und ziehe sie gleichzeitig in das GitHub-Fenster. GitHub verarbeitet auch 100+ Dateien auf einmal.
2 Netlify einrichten (Hosting + SSL)
netlify.com aufrufen → „Sign up" → Mit GitHub-Account einloggen (einfacher, weil direkt verbunden)
„Add new site" → „Import an existing project" → „GitHub" → Dein Repository auswählen → „Deploy site"
Warten bis Deploy abgeschlossen (1–2 Minuten) → Netlify gibt dir eine URL wie amazing-name-123.netlify.app
URL testen: Die URL aufrufen und prüfen ob die Startseite lädt
Subdomain umbenennen: Site settings → Domain management → Options → Edit site name → z.B. lutz-bohnes → Ergibt: lutz-bohnes.netlify.app
Automatisches Update: Wenn du später Dateien in GitHub änderst oder neue hinzufügst, aktualisiert Netlify die Website automatisch innerhalb von Minuten. Einmal eingerichtet, kein manuelles Hochladen mehr nötig.
3 Domain kaufen und verbinden (optional, aber empfohlen)
Wo Domain kaufen? (günstigste Optionen)
strato.de – .de Domain (deutsch)~10–15 € / Jahr
ionos.de – .de Domain (deutsch)~8–12 € / Jahr
Empfohlene Domain: lutz-bohnes-finanzberater.de oder unabhaengig-finanzberaten.de
Domain kaufen bei einem der Anbieter oben → Bezahlen → Warten auf Bestätigung per E-Mail
DNS-Einstellungen beim Domain-Anbieter öffnen → Zwei Einträge hinzufügen:
# Typ A – für nackte Domain (unabhaengig-finanzberaten.de)
Typ: A Name: @ Wert: 75.2.60.5
# Typ CNAME – für www-Subdomain
Typ: CNAME Name: www Wert: [dein-site-name].netlify.app
In Netlify: Site settings → Domain management → „Add custom domain" → deine Domain eingeben → Bestätigen
SSL-Zertifikat: Netlify macht das automatisch (Let's Encrypt) – dauert 10–60 Minuten nach DNS-Einrichtung
DNS-Propagation abwarten: Kann bis zu 24 Stunden dauern bis die Domain weltweit funktioniert
4 E-Mail-Benachrichtigungen für Formulare aktivieren
Kein separater Account nötig! Die Formulare auf deiner Website nutzen Netlify Forms – das ist direkt in Netlify eingebaut. Du musst nur eine E-Mail-Adresse hinterlegen, an die Anfragen gesendet werden.
Netlify Dashboard öffnen → Deine Site auswählen
„Site settings" → im linken Menü: „Forms" → Dort siehst du nach dem ersten Deploy alle eingegangenen Formulareinsendungen
E-Mail-Benachrichtigung einrichten: Forms → „Form notifications" → „+ Add notification" → „Email notification" auswählen
E-Mail-Adresse eintragen: lutz.bohnes@horbach.de → Speichern → Ab sofort bekommst du für jede Anfrage eine E-Mail
Testen: Website aufrufen → Formular ausfüllen (Vorname + Telefonnummer) → Absenden → Du solltest innerhalb von Sekunden eine E-Mail erhalten
Spam-Filter: Netlify hat automatischen Spam-Schutz eingebaut. Unter Forms siehst du „Verified submissions" (echte Anfragen) und „Spam" getrennt.
Welche Formulare sind aktiv?
rueckrufHauptformular (Startseite oben)
cta-rueckrufCTA-Formular (Startseite unten)
stadtseite-[slug] × 67Formulare auf allen Stadtseiten
5 Google Search Console – Sitemap einreichen
search.google.com/search-console aufrufen → Mit Google-Konto einloggen
Property hinzufügen: Deine Domain eingeben (z.B. unabhaengig-finanzberaten.de) → Verifizierungsmethode wählen: „HTML-Tag" → Den Meta-Tag in den <head> der index.html einfügen → Verifizieren
Sitemap einreichen: Im linken Menü → „Sitemaps" → URL eingeben: https://unabhaengig-finanzberaten.de/sitemap.xml → Absenden
Warten: Google braucht 1–4 Wochen um alle Seiten zu indexieren. In Search Console unter „Abdeckung" siehst du den Fortschritt.
6 Google Business Profile anlegen (für lokales Ranking)
business.google.com aufrufen → Mit Google-Konto einloggen
Profil erstellen: Name: „Lutz Bohnes Finanzberatung" → Kategorie: „Finanzberater" → Online-Unternehmen ohne Ladenlokal auswählen
Verifizierung: Google schickt eine Postkarte an deine Adresse (Rathenaustr. 13/14, 30159 Hannover) → Code eingeben
Profil vervollständigen: Foto, Öffnungszeiten, Beschreibung, Website-Link, Telefonnummer → Je vollständiger, desto besser das Ranking
Bewertungen: Kunden bitten, eine Google-Bewertung zu hinterlassen → Das ist der stärkste Hebel für lokales Ranking
7 ProvenExpert & WhoFinance einrichten (Backlinks)
Kostenlose Profile mit hoher Domain-Autorität
Diese Seiten ranken selbst gut bei Google und verlinken auf deine Website → das steigert dein eigenes Ranking.
Profil bei ProvenExpert anlegen → Deine Website verlinken → Kunden bitten, dort zu bewerten
Profil bei WhoFinance anlegen → Registrierungsnummer D-RY7Z-HE59W-01 eintragen → Website verlinken
Beide Profile vollständig ausfüllen: Foto, Beschreibung, Spezialisierungen, Website → Je mehr Details, desto besser
✓ Gesamtübersicht der Dateien
index.htmlHauptseite (Hannover)
finanzberater-[stadt].html × 67Stadtspezifische Seiten
artikel-*.html × 5SEO-Blogartikel
impressum.htmlPflicht-Seite ✓
datenschutz.htmlPflicht-Seite ✓
sitemap.xmlFür Google Search Console
Gesamt~80 Dateien
Nicht vergessen: In der index.html den Calendly-Platzhalter https://bookings.cloud.microsoft/bookwithme/user/37281aaafe37440a927664026bcc37d1%40horbach.de/meetingtype/1Q8xY4MyUEOMaV--59nlTw2?anonymous&ismsaljsauthenabled durch deinen echten Calendly-Link ersetzen. Die Formulare funktionieren automatisch sobald die Website auf Netlify deployed ist – kein Formspree oder ähnliches nötig.