Homepage-Generator
Branchen Generator Quellcode Hilfe Datenschutz Impressum
Homepage-Generator.info

Homepage kostenlos erstellen & Website erstellen mit Live-Vorschau

Erstelle deine Website kostenlos in wenigen Minuten – ohne Programmieren, direkt im Homepage-Generator mit Live-Vorschau und SEO-optimiertem Code für Google.

Homepage Generator Ab 9.90 €/Monat Webhosting Tarife anzeigen

Tipp: Fuer schnelles Testen direkt unten eine Branchen-Kachel anklicken.

  • 20+ sinnvolle Templates und Layout-Arten
  • Desktop-, Tablet- und Mobile-Vorschau
  • SEO-Hilfe inklusive Meta-Generator
  • HTML, ZIP und komplette Datei-Exports

Homepage erstellen mit SEO-Vorteil

Der Homepage Generator verbindet einfache Nutzerfuehrung mit SEO-optimiertem, sauberem Code. So koennen Sie schnell eine Website erstellen, per Live-Vorschau direkt testen und als fertige Dateien exportieren.

Preview-Switch Desktop, Tablet und Mobile direkt testbar
Gefuehrter Modus Einfacher Einstieg fuer Anfaenger, Profi-Optionen bei Bedarf
SEO-Assistent Meta-Title und Description automatisch vorschlagen
Sauberer Export Einzeldateien oder ZIP mit allen Seiten

Branchen-Schnellstart

Waehl eine Branche und starte mit einer passenden Struktur. Mit einem Klick wird die Vorlage gesetzt und der Generator darunter sofort vorbereitet.

Handwerker Regionaler Fokus mit schneller Anfragefuehrung.
Dienstleistungen Leistungsvergleich und klare Nutzenargumente.
Praxis / Gesundheit Vertrauen, Information und Kontakt im Fokus.
Restaurant / Cafe Speisekarte, Reservierung und Oeffnungszeiten klar zeigen.
Coaching / Beratung Prozess in Schritten mit klarer Termin-CTA.
Immobilien Objektfokus mit Beratung und Anfrage-Flow.
Agentur Modernes Setup fuer Leads und Referenzdarstellung.
Portfolio Kartenlayout fuer Projekte, Arbeiten und Cases.
Lokales Unternehmen Starker lokaler Auftritt mit klaren Kontaktwegen.
Landingpage / Angebot Conversion-Fokus fuer Kampagnen und Aktionen.
Onlineshop Produktfokus mit Kategorien und Kaufanreizen.
Event / Workshop Anmeldung, Agenda und Nutzen klar strukturiert.
Blog / Magazin Textstarkes Setup fuer Inhalte und SEO.
Verein / Non-Profit Mission, Projekte und Mitmachen auf einen Blick.

Generator-Eingaben

Wähle Modus, Template und Layout. Der Generator ist fuer Einsteiger gefuehrt, bietet aber auch Profi-Optionen. Deine Eingaben werden automatisch gespeichert.

Einfacher Start

In 3 Schritten zur passenden Website

Waehl nur Art, Ziel und Stil. Den Rest schlagen wir dir vor.

1. Welche Website moechtest du bauen?
2. Was soll die Website vor allem erreichen?
3. Wie soll die Website wirken?
Waehl oben drei Dinge aus.

Dann laden wir eine passende Vorlage und einen passenden Stil fuer dich.

Du kannst danach alles aendern.
Womit möchtest du weitermachen?
Start Inhalte Abschnitte Design Bilder SEO Vorschau Export
Generator-Modus
Einsteiger blendet erweiterte Felder aus, Profi zeigt alles.
Template & Layout
Schnellstart (1 Klick)
Kachel anklicken: Vorlage wird komplett uebernommen und Vorschau sofort aktualisiert.
Layout-Schnellwahl (visuell)
Wireframe klicken: Layout wird sofort gesetzt.
Klassischer Aufbau mit Hero, Leistungsbereich und Kontakt.
Design-System
Responsive & Breakpoints
Die Vorschau-Breiten steuern das iframe im Generator. Die CSS-Breakpoints werden in den generierten Quellcode geschrieben.
Basisdaten
Empfohlen sind lokale Dateien wie og-image.jpg. Externe URLs koennen Datenschutzrisiken verursachen und werden ohne bewusste Freigabe nicht exportiert.
Tipp: Zielbereich, Leistung und Ort eintragen, dann Vorschlag erzeugen.
Redirect-Regeln werden als `_redirects` Datei exportiert (z. B. fuer Netlify/Edge-Hosting).

SEO-Assistent

Diese Tipps helfen Suchmaschinen und Besuchern, deine Seite besser zu verstehen.

    Der Seitentitel erscheint oft als Überschrift in Suchergebnissen. Die Beschreibung hilft Menschen zu verstehen, worum es geht.

    SEO braucht Zeit. Dieser Assistent prüft nur wichtige Grundlagen.

    Hero
    Navigation (oben)
    Navigation 2.0 (Reihenfolge per Drag & Drop)
    Anker-Links wie #kontakt werden automatisch auf vorhandene Ziele geprueft. Mobile Vorschau (erste Menuepunkte):
    Leistungskarten
    Abschnitte hinzufügen
    Was soll deine Website zusätzlich zeigen?
    Wähle aus, was deine Website zusätzlich zeigen soll. Du kannst die Inhalte danach bearbeiten.
    Abschnitte verwalten
    Was ist gerade aktiv?
    Bearbeiten bringt dich direkt zum passenden Feld. Abschalten geht nur bei Bereichen, die schon einen Schalter haben.
    Zusatzsektionen
    Bilder (optional)
    Lokale Dateien sind datenschutzfreundlicher. Externe URLs koennen Besucher-IP-Adressen an Dritte uebertragen.
    Empfohlen: JPG, PNG oder WebP bis 1,5 MB. Das Bild bleibt lokal in deinem Browser und wird beim Export in die HTML-Datei eingebettet. Grosse Bilder koennen die Datei groesser machen. JPEG-Fotos koennen Metadaten enthalten.
    Praktisch fuer den Schnellstart: Das Beispielbild passt sich am gewaehlten Seitenlayout an.
    Lokale Bilder sind empfohlen. Externe URLs bleiben standardmaessig blockiert.
    Lokale Bilder sind empfohlen. Externe URLs bleiben standardmaessig blockiert.
    Lokale Bilder sind empfohlen. Externe URLs bleiben standardmaessig blockiert.
    Bildfelder sind optional. Ohne eigene Dateien werden auf Wunsch automatisch lokale SVG-Platzhalter verwendet. Lokale Upload-Bilder werden beim ZIP-Export als Dateien in assets/images abgelegt. JPEG-Metadaten koennen erhalten bleiben.
    Pflichtangaben
    Datenschutz-spezifisch
    Farben, Feintuning & Footer
    Hex-Code direkt eingeben (z. B. #f03828) oder eine Farbe aus der Palette anklicken.
    Aus Sicherheits- und Datenschutzgruenden werden @import, externe url(http...), Font-Imports und Script-Ausbruchsversuche aus dem Export entfernt.
    Qualitaets-Assistent
    Steuert statische Texte in der generierten Website (Navigation, Sektionen, Footer-Bausteine).
    Sitemap-Einstellungen
    Pruefungen wurden aktualisiert.
    SEO-Score Noch nicht berechnet
    • Analyse starten, um konkrete SEO-Hinweise zu erhalten.
    Rich-Results & Schema Check Noch nicht geprueft
    • Pruefung starten, um strukturierte Daten und Redirects zu validieren.
    Accessibility-Check Noch nicht geprüft
    • Pruefung starten, um Barrierefreiheits-Hinweise zu sehen.
    Go-Live-Checkliste Noch nicht geprüft
    • Check ausfuehren, bevor du die Seite veroeffentlichst.
    Versionen / Backups
    Snapshots werden nur lokal in diesem Browser gespeichert.

    Bereit zum Veröffentlichen?

    Diese Punkte helfen dir, eine vollständige Website zu erstellen.

      Datenschutz kurz prüfen

      Diese Hinweise helfen dir, typische Datenschutzpunkte vor der Veröffentlichung im Blick zu behalten.

        Speichern, Export & Zuruecksetzen
        Eingaben wurden lokal gespeichert.
        Auto-Save ist aktiv: Eingaben werden laufend lokal im Browser gespeichert.

        Quellcode und Live-Vorschau

        Zwischen Landingpage, Impressum und Datenschutzerklärung kannst du direkt umschalten. Die Vorschau aktualisiert sich beim Tippen in Echtzeit und laesst sich auf Desktop, Tablet und Mobile umstellen.

        Website veröffentlichen

        Lade deine Website als ZIP herunter und lade die enthaltenen Dateien in den Webspace deiner Domain.

        So gehst du vor
        • ZIP herunterladen.
        • ZIP auf dem eigenen Computer entpacken.
        • Dateien per Hosting-Dateimanager oder FTP/SFTP in den Webspace hochladen.
        • index.html muss im Hauptordner der Domain liegen.
        • Ordner wie assets/images/ vollständig mit hochladen.
        • Danach die Domain im Browser öffnen und prüfen.
        Das steckt im Export
        • index.html = Startseite
        • impressum.html = Impressum
        • datenschutz.html = Datenschutz
        • robots.txt und sitemap.xml = Suchmaschinen-Hilfen
        • _redirects = optional für manche Hosting-Systeme
        • assets/images/ = lokale Bilder, falls vorhanden
        Vor dem Hochladen bitte die Checkliste prüfen. Prüfe auch Kontaktangaben, Impressum, Datenschutz, Bildrechte und mögliche Foto-Metadaten. Externe Ressourcen bleiben standardmäßig blockiert.
        Live-Vorschau aktiv: Aenderungen werden sofort synchronisiert.
        Live Vorschau So sieht die Website fuer Besucher aus
        Quellcode Bearbeitbar mit direkter Live-Aktualisierung
        Quellcode wurde in die Zwischenablage kopiert.

        Kurze Hilfe fuer Einsteiger

        Mit diesem Ablauf kommst du ohne Vorkenntnisse schnell zu einer fertigen Website. Alle Eingaben werden lokal gespeichert, und die Vorschau aktualisiert sich live.

        Schnellstart in 8 Schritten

        1. Bei Was soll erzeugt werden? den passenden Zweck waehlen (z. B. Landingpage, One-Page, komplette Website).
        2. Unter Template-Vorlage ein Grundgeruest waehlen oder per Schnellstart (1 Klick) direkt starten.
        3. Bei Layout-Schnellwahl (visuell) die Struktur per Icon anklicken (z. B. Z-Muster, Split-Screen, Sidebar).
        4. Seitentitel, Unternehmen, Kontakt und Hero-Texte ausfuellen.
        5. Bei Bedarf Bilder aktivieren (Logo, Headerbild, Inhaltsbild, Galerie) und URLs oder Dateinamen eintragen.
        6. SEO-Felder automatisch vorschlagen klicken und Ergebnis kurz pruefen.
        7. In der Live-Vorschau zwischen Desktop, Tablet und Mobile wechseln und die Tabs fuer Impressum/Datenschutz testen.
        8. Mit Aktuelle HTML laden, Alle Dateien laden oder ZIP laden exportieren (inklusive sitemap.xml und robots.txt).

        Funktionsuebersicht

        Generator-ModusSetzt passende Standardwerte je nach Zielseite.
        BedienmodusEinsteiger zeigt nur das Wichtige, Profi zeigt alle Optionen.
        Template + LayoutInhalt und Seitenaufbau schnell uebernehmen.
        Style-PresetsFarb- und Schriftpakete ohne Designwissen.
        Bildschalter Ja/NeinMedien nur dort aktivieren, wo sie wirklich gebraucht werden.
        Live-Vorschau + TabsIndex, Impressum und Datenschutz direkt kontrollieren.
        Auto-SaveEingaben bleiben lokal im Browser gespeichert.
        ExportEinzeldatei, alle Dateien oder ZIP (falls lokal verfuegbar).

        Wichtige Hinweise fuer saubere Ergebnisse

        • Meta Title moeglichst kurz halten (ca. 50-60 Zeichen), Meta Description klar und konkret (ca. 140-160 Zeichen).
        • Bilder mit sinnvollen Dateinamen nutzen und in Bild Alt-Basistext eine verstaendliche Beschreibung eintragen.
        • Wenn ein Bild nicht erscheint: pruefen, ob der Schalter auf Ja steht und die URL/Datei korrekt ist.
        • Datenschutzfreundlich arbeiten: moeglichst lokale Bilder/Dateien statt externer Drittanbieter-URLs verwenden.
        • Vor dem Export immer alle drei Tabs pruefen: Aktuelle Datei, Impressum, Datenschutz.

        Haeufige Fragen

        Warum sehe ich meine Aenderung nicht sofort?

        Pruefe zuerst den aktiven Tab (Aktuelle Datei, Impressum, Datenschutz). Danach kurz ein Feld veraendern oder auf "HTML neu erzeugen" klicken.

        Was ist besser fuer den Start: Einsteiger oder Profi?

        Starte mit Einsteiger, bis Struktur und Texte stehen. Danach auf Profi wechseln, um Feintuning wie CSS, OG-Bild oder Spezial-Layouts zu nutzen.

        Welche Layouts sind fuer Anfaenger am einfachsten?

        Am einfachsten sind One-Page, Top-Navigation klassisch und Z-Muster. Diese sind gut lesbar und schnell zu befuellen.

        Wie exportiere ich eine komplette Website?

        "Alle Dateien laden" erzeugt index.html, impressum.html, datenschutz.html, sitemap.xml, robots.txt und _redirects. Diese Dateien zusammen auf dein Hosting laden.

        Ueberschreibt der SEO-Button meine eigenen Texte?

        Er ersetzt nur die SEO-Felder (Meta Title, Description, Keywords). Deine normalen Seiteninhalte wie Headline, Karten und Kontakt bleiben unveraendert.

        Was muss ich fuer Impressum und Datenschutz ausfuellen?

        Mindestens Name/Firma, Anschrift, Kontakt, Domain und Hosting-Angaben. Die Inhalte sind Vorlagen und sollten vor der Veroeffentlichung rechtlich geprueft werden.

        Wie lade ich die Dateien beim Hoster hoch?

        Die exportierten Dateien in das Hauptverzeichnis deiner Domain legen. Startseite als index.html, dazu impressum.html und datenschutz.html unveraendert mit hochladen.