Website selber bauen: Wege, Kosten und Entscheidung

Zuerst das Ziel: Was soll die Website leisten?

Du möchtest eine Website für deine Selbstständigkeit, weißt aber noch nicht, womit du anfangen sollst? Beginne mit ihrem Zweck, nicht mit einer Vorlage. Für eine erste Angebotsseite reicht oft: Besucher verstehen deine Leistung, sehen passende Arbeitsproben und können dich erreichen.

Unser durchgehendes Beispiel ist eine fiktive selbstständige Fotografin mit eigenem Fotostudio. Die Fotografin ist die Person, das Fotostudio ihr Unternehmen. Sie möchte drei Angebote erklären, sechs Bilder mit geklärten Nutzungsrechten zeigen und Anfragen per E-Mail bekommen. Kundenkonten und ein Buchungsportal gehören nicht zu dieser ersten Version.

Ihr Ziel könnte lauten: „Eine neue Besucherin erkennt, welche Fotos ich anbiete, ob mein Stil zu ihr passt und wie sie mich anfragen kann.“ Das ist ein Planungsbeispiel: Wir haben dieses Fotostudio weder gebaut noch getestet.

Formuliere für deine Website ebenfalls einen solchen Satz. Er hilft dir später zu entscheiden, ob eine Funktion wirklich nötig ist. Ein Shop mit Bestellungen und Zahlungen wäre ein anderes, deutlich umfangreicheres Vorhaben.

Baukasten, WordPress und KI: Was passt zu dir?

Ein Website-Baukasten bietet fertige Bausteine und eine Oberfläche, in der du Texte und Bilder bearbeitest. Für die Fotografin wäre wichtig: Kann sie ihre sechs Bilder selbst austauschen und ein Angebot ändern? Prüfe, ob die benötigten Funktionen im gewählten Tarif enthalten sind und ob du Inhalte bei einem späteren Wechsel mitnehmen kannst.

Eine Domain ist die eigene Internetadresse deiner Website. Bei Wix gibt es beispielsweise eine kostenlose Anbieteradresse; für eine eigene Domain ist ein Upgrade nötig. Diese dokumentierte Bedingung ist kein Preisvergleich aller Baukästen.

Ein CMS, kurz für Content-Management-System, ist eine Verwaltung für Seiten, Bilder und Beiträge. WordPress ist ein bekanntes Beispiel. Das kann passen, wenn die Fotografin zusätzlich regelmäßig Artikel aus ihrem Studio veröffentlichen möchte. WordPress.org stellt die Software kostenlos bereit; Einrichtung, Erweiterungen und Betreuung können trotzdem kosten.

Dazu brauchst du Hosting: einen Dienst, der die Website speichert und im Internet ausliefert. Bei einem betreuten WordPress-Paket kann der Anbieter bestimmte Aufgaben übernehmen. Bei anderen Angeboten musst du dich selbst um Updates, Sicherungen und Fehler kümmern. Frage konkret nach, was enthalten ist.

Mit KI beschreibst du den gewünschten Aufbau in normaler Sprache. Je nach Werkzeug entsteht eine Baukasten-Seite oder eine Website aus Programmcode. Replit unterstützt beispielsweise KI-gestützte Entwicklung im Browser mit Vorschau und Veröffentlichung. Die Fotografin könnte einen individuellen Aufbau beschreiben und schrittweise ändern lassen.

KI kann Struktur vorschlagen, Texte überarbeiten und Code erzeugen. Sie weiß aber nicht von selbst, welche Angaben zum Studio stimmen oder welche Bilder verwendet werden dürfen. Auch Links und Änderungen können fehlerhaft sein. Du musst das Ergebnis prüfen und klären, wie du die Seite später pflegst.

Die Wege überschneiden sich: Auch Baukästen und CMS können KI-Funktionen haben. Vergleiche deshalb den gesamten Arbeitsablauf, nicht nur das Wort „KI“. Diese Einordnung beruht auf den verlinkten Dokumentationen und redaktionellen Kriterien, nicht auf einem eigenen Vergleichstest.

Baukasten: prüfen, wenn du vor allem Texte und Bilder über eine Bearbeitungsoberfläche ändern willst.
WordPress oder anderes CMS: prüfen, wenn du viele Inhalte und regelmäßige Beiträge verwalten willst.
KI-gestützte Entwicklung: prüfen, wenn du einen eigenen Aufbau möchtest und Änderungen bewusst kontrollieren kannst.
Fachliche Hilfe: einplanen, wenn sensible Daten, komplexe Buchungen oder Zahlungen hinzukommen.

Texte, Bilder und Kontakt vorbereiten

Sammle deine Inhalte, bevor du die erste Seite baust. Für jedes Angebot brauchst du eine verständliche Antwort auf drei Fragen: Für wen ist es gedacht? Was bekommt die Kundin oder der Kunde? Wie läuft die Zusammenarbeit ab?

Die Fotografin könnte zum Beispiel „Porträts für deinen beruflichen Auftritt“ anbieten. Das sagt mehr als „Wir machen deine Vision sichtbar“. Preise, Erfahrung und Kundenstimmen gehören nur auf eine echte Website, wenn die Angaben stimmen. Fehlendes bleibt im Entwurf sichtbar als Platzhalter markiert – nicht als erfundene Erfolgsgeschichte.

Wähle passende Bilder aus und kläre ihre Nutzungsrechte sowie gegebenenfalls Einwilligungen abgebildeter Personen. Das gilt auch für eigene Fotos. Für unser Fotostudio planen wir sechs Bilder mit geklärten Rechten; „im Internet gefunden“ wäre keine ausreichende Grundlage.

Lege auch fest, wer die E-Mail-Anfragen beantwortet und die Website aktuell hält. Für eine geschäftliche Website in Deutschland sind insbesondere Impressum und Datenschutz zu klären. Weitere Anforderungen hängen vom Angebot und den eingebundenen Funktionen ab. Ein KI-generierter Standardtext ersetzt keine rechtliche Prüfung.

Dein Websiteziel und die wichtigste Besucheraktion aufschreiben.
Angebotstexte und überprüfbare Angaben zu dir oder deinem Unternehmen sammeln.
Bilder und gegebenenfalls ein Logo mit geklärten Nutzungsrechten bereitlegen.
Einen Kontaktweg festlegen, den du wirklich betreust.
Offene Angaben markieren und Pflege sowie rechtliche Prüfung einplanen.

Website-Briefing in der kostenlosen Beispiellektion ausfüllen

Planungsbeispiel: die erste Website fürs Fotostudio

Aus diesen Vorbereitungen könnte folgender Seitenplan entstehen. Er gehört zur selben fiktiven Fotografin und ihrem Fotostudio. Es ist kein gebauter Entwurf und kein Nachweis für Aufwand, Kosten oder Testergebnisse.

Bei wenig Inhalt könnten alle vier Bereiche auf einer Seite stehen. Ein Link „Per E-Mail anfragen“ würde das E-Mail-Programm der Besucherin öffnen. Eine sichtbare, kopierbare Adresse wäre zusätzlich hilfreich. Ein solcher Link sendet noch keine Nachricht: Versand und Empfang müssten vor dem echten Start geprüft werden.

Start: kurz erklären, für wen die Fotografin arbeitet, und zur Anfrage führen.
Angebot: drei Leistungen beschreiben und insgesamt sechs Bilder mit geklärten Rechten zuordnen.
Über mich: die Fotografin und ihr Studio mit überprüfbaren Angaben vorstellen.
Kontakt: eine betreute E-Mail-Adresse angeben; rechtliche Angaben gesondert erreichbar machen.
Nicht enthalten: Buchungsportal, Kundenkonten oder Zahlungen. Der erste Umfang bleibt eine Informationswebsite.

Adresse, Betrieb und E-Mail klären

Domain, Hosting und E-Mail sind unterschiedliche Leistungen. Ein Werkzeug kann Adresse und Betrieb im Paket anbieten, muss es aber nicht. Ein E-Mail-Postfach unter deiner eigenen Domain ist ebenfalls nicht automatisch enthalten. Die Fotografin müsste prüfen, welche Leistungen ihr gewähltes Paket abdeckt.

Wenn Domain und Website bei verschiedenen Anbietern liegen, werden sie über DNS-Einstellungen verbunden. DNS ist das Adressverzeichnis des Internets: Die Einträge legen fest, welcher Dienst für deine Adresse zuständig ist. Folge der Anleitung deiner Anbieter oder hole dir Hilfe, statt Einträge auf Verdacht zu ändern.

Wichtig für den Alltag: Wer verwaltet die Domain, wann wird sie verlängert und wie behältst du den Zugang? Nutze ein Konto, das du selbst kontrollierst, und halte fest, wer bei Problemen hilft.

Die Vorschau dient zum Prüfen während des Bauens. Erst die Veröffentlichung stellt die Besucherfassung bereit; Replit beschreibt diese Trennung in seiner Dokumentation. Änderungen am Entwurf sind deshalb nicht automatisch auf der veröffentlichten Website zu sehen. Prüfe am Ende die öffentliche Adresse und die verschlüsselte Verbindung, erkennbar an „https://“.

Replit: Publish your app – Vorschau, Veröffentlichung und erneute Veröffentlichung

Was kostet es, eine Website selber zu bauen?

Trenne die einmalige Erstellung vom laufenden Betrieb. Beim Baukasten können Bearbeitungsoberfläche und Hosting in einem Tarif stecken. Bei WordPress können Erweiterungen und Betreuung hinzukommen. Bei KI-Werkzeugen solltest du die Nutzung der KI und die Veröffentlichung getrennt prüfen.

Für das fiktive Fotostudio rechnen wir mit frei gewählten Beträgen. Das ist ausschließlich ein fiktives Rechenbeispiel: kein Anbieterpreis, kein gemessener Aufwand und keine tatsächlich entstandenen Kosten.

Angenommen, die Domain kostet 18 Euro pro Jahr, das Hosting 12 Euro pro Monat und E-Mail 6 Euro pro Monat. Dann ergibt sich: 18 + (12 × 12) + (6 × 12) = 234 Euro pro Jahr. Mit angenommenen einmaligen Erstellungskosten von 40 Euro wären es im ersten Jahr 274 Euro.

Diese Beträge sind keine Budgetempfehlung. Ersetze sie durch das konkrete Angebot und zähle enthaltene Leistungen nicht doppelt. Rechne in derselben Währung und berücksichtige anwendbare Steuern.

Achte neben dem Einstiegspreis auf Verlängerungspreise, Abrechnungszeiträume, enthaltene Nutzung und mögliche Mehrkosten. Plane eigene Zeit für Inhalte, Prüfung und Pflege ein. Ein kostenloser Entwurf bedeutet nicht automatisch kostenlosen dauerhaften Betrieb.

Einmalig: Einrichtung, Gestaltung, Inhalte, mögliche Hilfe und zusätzliche KI-Nutzung.
Laufend: Werkzeugtarif, Hosting, Domainverlängerung und gegebenenfalls E-Mail.
Je nach Funktionen zusätzlich: Erweiterungen, Formulardienste oder Datensicherungen.
Eigene Zeit: Änderungen, Funktionskontrolle und Aktualisierung von Informationen.

KI-Nutzung und Betriebskosten genauer auseinanderhalten

Deine Entscheidung: Pflege, Funktionen und Budget

Für die kleine Fotostudio-Website wäre ein Baukasten naheliegend, wenn die Fotografin hauptsächlich Texte und Bilder austauschen möchte. WordPress könnte passen, wenn regelmäßige Beiträge wichtig werden. Replit käme infrage, wenn sie einen individuellen Aufbau entwickeln und die Ergebnisse Schritt für Schritt prüfen möchte. Das sind bedingte Empfehlungen, keine getesteten Sieger.

Wähle ein oder zwei passende Werkzeuge für einen begrenzten Versuch. Verwende dein vorbereitetes Ziel und keine privaten Kundendaten. Prüfe zunächst die Tarifbedingungen; ein Versuch soll nicht unbemerkt einen längerfristigen Vertrag auslösen.

Entscheidend ist nicht nur, ob der erste Bildschirm gefällt. Kannst du ein Angebot ändern, ein Bild ersetzen und den Kontaktweg prüfen? Verstehst du, wie du Inhalte sicherst und bei Bedarf zu einem anderen Anbieter wechselst? Wenn diese Aufgaben unklar bleiben, kläre sie vor einer längerfristigen Bindung.

Nach der Auswahl baust du zuerst den kleinen Umfang, korrigierst Inhalte und Funktionen in der Vorschau und gehst die Startprüfung durch. Erst dann veröffentlichst du eine erste Besucherfassung und prüfst sie noch einmal unter der öffentlichen Adresse.

Vor dem Start prüfen, nach dem Start weiterpflegen

Prüfe Inhalte und Funktionen zunächst in der Vorschau. Für die Fotografin hieße das: Sind alle drei Angebote verständlich? Werden die sechs vorgesehenen Bilder angezeigt? Ist die E-Mail-Adresse richtig und werden Anfragen tatsächlich empfangen? Das sind vorgeschlagene Prüfschritte, keine hier erzielten Testergebnisse.

Öffne nach der Veröffentlichung die öffentliche Adresse auf dem Handy und ohne angemeldetes Betreiberkonto. Rufe vorhandene Unterseiten auch direkt auf und lade sie neu. Prüfe noch einmal, ob Links und Kontaktweg funktionieren, bevor du die Adresse weitergibst.

Eine Veröffentlichung garantiert nicht, dass Google die Website in seine Suche aufnimmt. Klare Seitentitel, hilfreiche Texte und erreichbare Links sind eine Grundlage, aber keine Zusage für Platz eins. Halte nach dem Start Angebote, Kontaktangaben und Kosten im Blick und ergänze Inhalte, die echte Besucherfragen beantworten.

Angebot und nächster Schritt sind sofort verständlich.
Navigation, Bilder und Kontaktlinks funktionieren auch auf dem Handy.
Text bleibt bei Vergrößerung lesbar. Mit der Tab-Taste sind Links erreichbar und die aktuelle Auswahl ist sichtbar.
Keine erfundenen Referenzen, ungeklärten Platzhalter oder privaten Dateien sind öffentlich.
Impressum und Datenschutz sind für den konkreten Auftritt geprüft; die öffentliche Adresse nutzt HTTPS.
Laufende Kosten, Sicherungen und die Zuständigkeit für Änderungen sind geklärt.

Google Search Central: SEO Starter Guide – Inhalte, Links und Auffindbarkeit

Häufige Fragen

Kann ich ohne Programmierkenntnisse eine Website selber bauen?

Ja, besonders eine kleine Informationswebsite. Baukästen und WordPress bieten Oberflächen zum Bearbeiten; KI-Werkzeuge können beim Aufbau helfen. Inhalte, Bildrechte und die Prüfung von Kontaktweg und Darstellung bleiben deine Aufgabe. Bei komplexen oder kritischen Funktionen solltest du fachliche Hilfe einplanen.

Kann ich eine Website komplett kostenlos erstellen?

Ein kostenloser Einstieg ist bei manchen Anbietern möglich. Eigene Domain, bestimmte Funktionen, KI-Nutzung oder laufendes Hosting können extra kosten. Prüfe die aktuellen Bedingungen und Verlängerungspreise des konkreten Angebots.

Wie lange dauert es, eine eigene Website zu bauen?

Das hängt von Umfang, vorbereiteten Inhalten, Werkzeug und Nacharbeit ab. Für das fiktive Fotostudio haben wir keine Arbeitszeit gemessen. Ein erster Entwurf ist noch keine geprüfte veröffentlichte Website. Plane auch Zeit für Bildrechte, Kontaktprüfung, Handyansicht und rechtliche Angaben ein.

Sollte ich WordPress oder KI verwenden?

Das ist kein zwingender Gegensatz: Auch WordPress und Baukästen können KI-Funktionen anbieten. Entscheide danach, wie du Inhalte später änderst, welche Funktionen du brauchst und wer Updates, Sicherungen und Betrieb übernimmt.