Zum Inhalt springen
Alle Ratgeber
Schritt für Schritt6 Min. Lesezeit

Wie baue ich eine Immobilien-Website mit Suche und Filtern?

Schritt für Schritt eine Immobilien-Website per Chat bauen: Suche, Filter, Energieausweis-Angaben, Impressum und Veröffentlichung.

Wer in Deutschland eine Wohnung sucht, filtert nach Stadtteil, Kaltmiete oder Kaufpreis und Zimmerzahl und schreibt dann dem Anbieter. Eine Seite, die diese drei Dinge gut kann, schlägt eine schicke Seite, auf der die Angebote untergehen.

Dieser Ratgeber zeigt, wie du mit Uttra per Chat eine Website mit echter Suche und Filtern bekommst, was du vor dem Veröffentlichen prüfst und was danach kommt.

Beschreibe deine Objekte, die Filter, die Interessenten brauchen (Lage, Preis, Zimmer, Typ), und einen Kontaktbutton in einem einzigen Prompt, teste die Suche in der Vorschau und veröffentliche. Eine funktionierende Immobilien-Website ist eine Sache von Stunden.

Lege fest, was ein Exposé enthält

Schreibe vor dem Prompt die Felder auf, die jedes Objekt hat. Einheitliche Felder sind die Voraussetzung dafür, dass Filter später funktionieren.

  • Titel, Vermarktungsart (Kauf oder Miete), Objektart (Wohnung, Haus, Grundstück, Gewerbe) und Ort.
  • Stadtteil, Preis in Euro (bei Miete Kalt- und Warmmiete), Wohnfläche in m², Zimmer und Baujahr.
  • Angaben aus dem Energieausweis (Energieeffizienzklasse, Endenergiebedarf): Sie sind in Immobilienanzeigen vorgeschrieben, prüfe die aktuellen Pflichtangaben bei offiziellen Stellen.
  • Drei bis acht Fotos, eine kurze Beschreibung und die Kontaktdaten. Bei Maklern kommen Impressum und gegebenenfalls Angaben zur Erlaubnis nach Gewerberecht hinzu.

Der erste Prompt

Bitte um die ganze Struktur auf einmal: Startseite mit Suche, Ergebnisseite mit Filtern, Detailseite pro Objekt und einen Kontaktweg. Dann zum Beispiel:

  • „Baue eine Immobilien-Website für ein Maklerbüro in Hamburg. Startseite mit Suchleiste (Ort, Objektart, Kauf oder Miete) und ausgewählten Objekten. Ergebnisseite mit Filtern für Stadtteil, Preisspanne, Zimmerzahl und Objektart sowie Sortierung nach Preis und Neuheit. Detailseite mit Fotogalerie, Eckdaten, Energieausweis-Angaben und einem Kontaktformular. Lege 12 Beispielobjekte in Euro an. Deutsch und Englisch. Seriöses, modernes Design.“

Suche und Filter in der Vorschau testen

Schau dir die Seiten nicht nur an, benutze sie wie ein Interessent: zwei Filter kombinieren, zurücksetzen, nach Preis sortieren und ein Objekt aus der Ergebnisliste öffnen.

Teste auch auf dem Smartphone, denn viele Besucher kommen über Links aus sozialen Netzwerken. Wirken die Filter versteckt, schreibe im Chat: „Lege die Filter auf Mobilgeräten hinter einen Button, der ein Panel öffnet.“

  • Eine Suche ohne Treffer zeigt eine freundliche Meldung und einen Zurücksetzen-Button.
  • Preise erscheinen mit Tausenderpunkt und Eurozeichen.
  • Das Kontaktformular erreicht tatsächlich deine E-Mail-Adresse.

Beispiele ersetzen, veröffentlichen, verbessern

Ersetze die Beispielobjekte per Chat oder durch Anklicken von Text und Foto durch deine echten. Wenn alles passt, veröffentliche auf einer Uttra-Subdomain oder verbinde deine eigene Domain.

Als Nächstes sinnvoll: Merkliste, Formular „Besichtigung anfragen“, Stadtteilseiten und eine englische Version. Da ein Kontaktformular personenbezogene Daten erhebt, brauchst du Impressum und Datenschutzerklärung nach DSGVO. Synchronisiere den Code mit GitHub, falls später ein Entwickler übernimmt.

Häufige Fragen

Ja. Beginne mit etwa einem Dutzend, um Struktur und Filter zu prüfen, und lasse dann im Chat weitere hinzufügen oder aus einer eingefügten Tabelle laden.

Für Immobilienanzeigen gelten Pflichtangaben, und geschäftsmäßige Websites brauchen ein Impressum. Prüfe die aktuellen Regeln bei offiziellen Stellen; das ist keine Rechtsberatung.

Ja. Veröffentliche zuerst zum Testen auf einer Uttra-Subdomain und verbinde deine Domain, wenn du so weit bist.

Probier es an deinem Projekt

Beschreibe in eigenen Worten, was du willst, und sieh zu, wie deine Website oder dein System entsteht — dann ändere es im Chat.

Kostenlos starten