Ingatlanhirdető weboldal készítése

Az ingatlanhirdető weboldal ingatlanok adatbázisa egy nyilvános arccal: minden hirdetéshez egy oldal, egy keresés szűrőkkel, és egy mód arra, hogy a vevők vagy bérlők kérdezzenek egy ingatlanról. Mögötte egy privát admin felület áll, ahol az ügynök hirdetéseket ad hozzá, szerkeszt és eladottnak jelöl. Egy szilárd változatot néhány munkamenetben, AI-alapú appkészítővel is fel tudsz építeni, feltéve, hogy előbb megtervezed a hirdetési adatokat, és az első verziót kicsinyen tartod.

Kinek szól az oldal, és mit kell tudnia

Mielőtt funkciókon gondolkodnál, legyen világos, milyen típusú oldalt építesz. Hasonlónak tűnnek, de mást igényelnek.

Ez az útmutató az első három típusra fókuszál. Egy több hirdetőt kiszolgáló portál kétoldalú piactér, ami más probléma; lásd: piactér építése és könyvtárweboldal építése, ha ez jár a fejedben.

Az egyes hirdetésekhez szükséges adatok

A hirdetési adatok az oldal szíve. Helyesen megadva a keresés, a kártyák és a részletes oldalak követik. Egy gyakorlati kiindulókészlet:

• Alapadatok: cím, státusz (kiadó, ajánlattétel alatt, eladva/kiadva), hirdetés típusa (eladó vagy kiadó), ár és áras minősítő („irányár”, „havonta”).
• Helyszín: cím, körzet vagy városrész, és koordináták, ha térképet szeretnél. Döntsd el, nyilvános-e a teljes cím; sok ügynök csak az utcát vagy a körzetet mutatja.
• Méret és elrendezés: hálószobák, fürdőszobák, alapterület (és az egység — négyzetláb vagy négyzetméter), ingatlantípus.
• Leírás: rövid összefoglaló a kártyákhoz, hosszabb leírás a részletes oldalhoz.
• Jellemzők: lista, például parkoló, kert, erkély, háziállat megengedett. Ezeket címkékként tárold, hogy szűrőkké válhassanak.
• Médiafájlok: fotók rögzített sorrendben, borítókép, és opcionálisan alaprajz vagy prospektus PDF.
• Admin mezők: feladás dátuma, frissítés dátuma, és melyik ügynök a gazdája.

Az érdeklődések egy második táblázatot alkotnak: név, e-mail, telefon, üzenet, melyik hirdetés, és mikor. Ha megtekintéseket is tervezel, egy harmadik tábla tárolja a kért időpontokat.

Érdemes korán eldönteni

• Pénznem és mértékegység. Válassz egy pénznemet és egy területmértékegységet, és ezt mondd ki az első promptban. Későbbi váltás minden hirdetést érint.
• Eladott hirdetések. Elrejted őket, vagy megtartod „Eladva” jelvénnyel, mint az aktivitás bizonyítékát? Mindkettő rendben van; a keresés felépítése előtt döntsd el.
• Kiadó vs. eladó. Ha mindkettőt csinálod, legyen ez mező és felső szintű szűrő, ne két külön oldal.

A keresés és szűrők, amelyeket az emberek valóban használnak

A legtöbb látogató három kérdéssel érkezik: hol, mennyiért, mekkora. Ezeket építsd meg először:

1. Helyszín — egy legördülő lista a lefedett körzetekkel kisebb ügynökségnél jobb, mint a szabad szöveg.
2. Ártartomány — minimum és maximum.
3. Hálószobák — minimum.
4. Eladó vagy kiadó, ha mindkettőt csinálod.

Ezután add hozzá a rendezést (legújabb, ár szerint növekvő, ár szerint csökkenő), és ha elég hirdetésed van, a címkéid alapján jellemzőszűrőket. A térképnézet vonzó, de egy első verzióhoz nem alapvető; egy statikus térkép minden részletes oldalon gyakran elég.

A szűrőket tedd az URL-be (például /properties?area=north&minBeds=2), hogy a látogató megoszthassa vagy könyvjelzőzhesse a keresést, és a vissza gomb működjön. Ezt kifejezetten kérd — másképp könnyű elrontani.

Fotók: ez teszi vagy töri el

Az ingatlanoldalak a fotókon élnek, ezért tervezd meg őket:

• Tölts fel, ne illessz be linkeket. Az adminnak közvetlenül kell fotókat feltölteni. A Mythexen a feltöltések a projekt fájltárolójába kerülnek, amely akkor van bekapcsolva, ha az app igényli.
• Sorrend és borító. Hagyd, hogy az ügynök húzással sorrendbe rakja a fotókat, és kiválassza a borítóképet.
• Méret. A nagy eredeti fájlok lassítják az oldalt telefonon. Kérd, hogy a képeket méretezze át, vagy ésszerű méretben szolgálja ki, és a galériában használj lusta betöltést.
• Alt szöveg. Egy rövid leírás fotónként segít a akadálymentességen és a keresésen.

Az érdeklődési folyamat

Az oldal lényege az érdeklődés. Tartsd rövidnek: név, e-mail, telefon (opcionális), üzenet, előre kitöltve az ingatlan címével. Küldéskor:

• Mentsd az adatbázisba, a hirdetéshez kötve.
• Értesítsd az ügynököt e-mailben. Ehhez e-mail-szolgáltató kell, például Resend vagy Postmark; lásd: e-mail küldése az appodból.
• Mutass egyértelmű visszaigazolást, és opcionálisan küldj az érdeklődőnek másolatot.

Ha azt szeretnéd, hogy a látogatók megtekintési időpontot kérjenek, kezeld kis foglalási funkcióként: egy hirdetéshez tartozó szabad időpontok, egy kérés, és az ügynök megerősítése. A foglalási app útmutató tárgyalja az időpontok logikáját.

Az admin felület és a jogosultságok

Az admin felület az, ahol az oldal megtérül. Szüksége van:

• Bejelentkezésre, hogy csak az ügynökök érhessék el.
• Hirdetéslistára státusszal, árral és dátummal, gyors műveletekkel (szerkesztés, eladottnak jelölés, elrejtés).
• Hirdetési űrlapra fotófeltöltéssel.
• Érdeklődési postaládára, hirdetés szerint szűrhetően, „kezelve” jelzővel.

A jogosultságokat tartsd egyszerűen: egy kisebb ügynökségnél minden ügynök szerkeszthet minden hirdetést. Ha „az ügynökök csak a saját hirdetéseiket szerkesszék” szabály kell, mondd ki a promptban, és teszteld úgy, hogy két különböző ügynökként jelentkezel be.

Ha az érdeklődéseidből valódi értékesítési folyamat lesz — követések, szakaszok, jegyzetek —, az már CRM. Az postaládával kezdj, és ha kinövöd, olvasd el: CRM építése.

Példa első prompt

Készíts egy ingatlanhirdető weboldalt egy kis ingatlanügynökségnek két városrészben, North Park és Riverside. Nyilvános oldalak: főoldal kiemelt hirdetésekkel; keresőoldal szűrőkkel körzet, eladó vagy kiadó, ártartomány és minimum hálószobaszám szerint (a szűrők az URL-ben maradnak); és ingatlanonkénti részletes oldal fotógalériával, árral, hálószobákkal, fürdőszobákkal, alapterülettel négyzetméterben, jellemzőkkel, leírással és érdeklődési űrlappal. Az ügynökök bejelentkeznek egy admin felületre, ahol hirdetéseket adnak hozzá és szerkesztenek, fotókat töltenek fel és rendeznek sorba, hirdetést ajánlattétel alattinak vagy eladottnak jelölnek, és hirdetésenként látják az érdeklődéseket. Mindent adatbázisban tárolj. Árak fontban. Tiszta, nyugodt design, amely telefonon is jól működik.

Építési lépések

1. Kezdd a nyilvános oldalakkal mintaadatokon. Hagyd, hogy az építő tíz valósághű mintahirdetést készítsen, hogy megítélhesd a kártyákat, a keresést és a részletes oldalt.
2. Adatbázis és admin hozzáadása. Vidd át a hirdetéseket adatbázisba, majd add hozzá a bejelentkezést és az admin képernyőket. Adj hozzá egy hirdetést magad, végponttól végpontig.
3. Fotófeltöltés. Tölts fel valódi fotókészletet, rendezd sorba, állíts be borítót, nézd meg a galériát telefonon.
4. Érdeklődések bekötése. Küldj be egyet, és ellenőrizd, hogy megérkezik a postaládába, és az ügynök e-mailje is.
5. SEO alapok. Minden hirdetésnek egyedi címre és leírásra, olvasható URL-ekre (/properties/3-bed-house-riverside) és megosztási képre van szüksége. Az AI-val épített weboldalak SEO-útmutatója elmagyarázza, miért fontosabb ez a hirdetési oldalaknál, mint a legtöbb másnál.
6. Jogosultságok tesztelése. Jelentkezz ki, és próbálj közvetlenül admin URL-ekre menni. Be kell jelentkezésre irányítani.
7. Publikálás és domain csatlakoztatás. Az ügynökségeknek saját domaint kell használniuk, nem építői aldomaint.

Gyakori hibák

• Hirdetések a kódban. Egy hétig működik, aztán az ügynöknek fejlesztő kell egy ár megváltoztatásához. Az elejétől használj adatbázist.
• Az eladott állapot elfelejtése. A látogatók eladott ingatlanra érdeklődnek, és ez mindenki idejét pazarolja. Tedd a státuszt feltűnővé és szűrhetővé.
• Nehéz fotók. Egy teljes felbontású kamerafotókból álló galéria lassú mobil adaton. Méretezd át őket.
• Nincs indexelhető tartalom. Egy oldal, amely minden hirdetést JavaScripttel tölt be, és nincsenek hirdetésenkénti címei, nehezen érthető a keresőmotoroknak. Hirdetési oldalaknál a SEO a legtöbb ingyenes forgalmad.
• A pontos cím alapértelmezett megmutatása. Döntsd el tudatosan, különösen bérleteknél és lakott otthonoknál.
• A hirdetési szabályok ellenőrzésének elmulasztása. Egyes országokban előírás, hogy egy ingatlanhirdetésnek mit kell tartalmaznia, például energetikai tanúsítványt vagy anyagi tájékoztatást. Nézd meg, mi vonatkozik rád.

Költségek és eszközök

Egy kisebb ügynökség futó elemei:

Amikor egy kész termék a jobb választás

Saját oldalt akkor építs, ha irányítani szeretnéd a dizájnt, a saját keresési élményt, és olyan hirdetéseket, amelyek a tieid, nem pedig bérelt hely egy portálon. Kész terméket akkor válassz, ha:

• A hirdetéseidnek MLS-ből vagy portálfeedből kell jönniük — a feedszolgáltató általában jóváhagyott weboldal-termékekkel és szabályokkal rendelkezik, amelyeket követned kell.
• Elsősorban láthatóság kell. A portálok vevőket hoznak; a saját oldalad főleg azokat alakítjaz át, akik már ismerik a nevedet.
• Teljes ügynökségi háttérirodára van szükséged (bérleti szerződések, megfelelés, könyvelés). Egy dedikált ügynökségi szoftver ezt lefedi, és nehéz jól utánozni.

Sok ügynökség mindkettőt csinálja: portálokon listáz az elérhetőségért, és saját oldalt tart a márkájáért és a közvetlen érdeklődésekért.

Építés a Mythexszel

A Mythex jól illik ehhez a projekthez: chatben írod le az oldalt, élő előnézetben látod (a telefonos keretet is beleértve), és az adatbázist a hirdetésekhez és érdeklődésekhez, a fájltárolót a fotókhoz pedig akkor adja hozzá, ha az app igényli. Publikálás bármely csomagban egy mythex.ai címre, Pro csomagban saját domainre. Kiinduláshoz nézd meg az AI-alapú ingatlanos weboldal-építőt, vagy böngéssz a weboldal-sablonok között.

Kérdések