Com crear un web d'anuncis immobiliaris

Un web d'anuncis immobiliaris és una base de dades d'immobles amb una cara pública: una pàgina per a cada anunci, una cerca amb filtres i una manera perquè els compradors o els llogaters preguntin per un immoble. Darrere hi ha una àrea d'administració privada on l'agent afegeix, edita i marca com a venuts els anuncis. Pots construir una versió sòlida amb un constructor d'aplicacions amb IA en unes quantes sessions, sempre que dissenyis primer les dades dels anuncis i mantinguis petita la primera versió.

Per a qui és el web i què ha de fer

Abans de pensar en funcions, aclareix quin tipus de web construeixes. Semblen similars però necessiten coses diferents.

Aquesta guia es centra en els tres primers. Un portal amb molts publicadors és un marketplace de dos costats, un problema diferent; consulta com crear un marketplace i com crear un web de directori si això és el que tens en ment.

Les dades que necessita cada anunci

Les dades dels anuncis són el cor del web. Si els camps són els correctes, la cerca, les targetes i les pàgines de detall es deriven d'ells. Un conjunt inicial pràctic:

• Bàsics: títol, estat (disponible, en oferta, venut/llogat), tipus d'anunci (venda o lloguer), preu i qualificador de preu («preu orientatiu», «al mes»).
• Ubicació: adreça, zona o barri, i coordenades si vols un mapa. Decideix si l'adreça completa és pública; molts agents només mostren el carrer o la zona.
• Mida i distribució: habitacions, banys, superfície (i la unitat: metres quadrats o peus quadrats), tipus d'immoble.
• Descripció: un resum per a les targetes i una descripció més llarga per a la pàgina de detall.
• Característiques: una llista com aparcament, jardí, balcó, es permeten animals. Guarda-les com a etiquetes perquè puguin convertir-se en filtres.
• Contingut multimèdia: fotos en un ordre fix, una foto de portada i, opcionalment, un plànol o un PDF de fulletó.
• Camps d'administració: data de publicació, data d'actualització i quin agent n'és el responsable.

Les consultes són una segona taula: nom, correu electrònic, telèfon, missatge, a quin anunci fa referència i quan. Si planifiques visites, una tercera taula guarda les hores sol·licitades.

Decisions que val la pena prendre d'hora

• Moneda i unitats. Tria una moneda i una unitat de superfície, i digues-ho al teu primer prompt. Canviar-ho més tard obliga a tocar tots els anuncis.
• Anuncis venuts. Els amagues, o els mantens amb una etiqueta de «Venut» com a prova d'activitat? Qualsevol de les dues opcions és vàlida; decideix-ho abans de construir la cerca.
• Lloguer o venda. Si fas les dues coses, fes-ho un camp i un filtre de primer nivell, no dos webs separats.

Cerca i filtres que la gent realment usa

La majoria de visitants arriben amb tres preguntes: on, quant i de quina mida. Construeix-ho primer:

1. Ubicació — un desplegable amb les zones que cobreixes funciona millor que el text lliure per a una agència petita.
2. Rang de preu — mínim i màxim.
3. Habitacions — un mínim.
4. Venda o lloguer, si fas les dues coses.

Després, afegeix l'ordenació (més recent, preu de menor a major, de major a menor) i, si tens prou anuncis per justificar-ho, filtres de característiques a partir de les etiquetes. Una vista de mapa és atractiva però no essencial en una primera versió; un mapa estàtic a cada pàgina de detall sovint n'hi ha prou.

Posa els filtres a la URL (per exemple /properties?area=north&minBeds=2), perquè un visitant pugui compartir o marcar una cerca i el botó enrere funcioni. Demana-ho explícitament; és fàcil de fer malament si no.

Fotos: la part que ho fa o ho desfà

Els webs immobiliaris viuen de les fotos, així que planifica-les:

• Puja-les, no enganxis enllaços. L'administrador ha de pujar les fotos directament. A Mythex, les pujades van a l'emmagatzematge de fitxers del projecte, que s'activa quan l'app ho necessita.
• Ordre i portada. Deixa que l'agent arrossegui les fotos per ordenar-les i triï la imatge de portada.
• Mida. Els originals grans alenteixen el web en els mòbils. Demana que les imatges es redimensionin o es serveixin a mides raonables, i usa càrrega diferida a la galeria.
• Text alternatiu. Una descripció curta per foto ajuda l'accessibilitat i la cerca.

El flux de consultes

El sentit del web és la consulta. Mantén-la curta: nom, correu electrònic, telèfon (opcional), missatge amb el títol de l'immoble ja omplert. En enviar:

• Desa-la a la base de dades, enllaçada amb l'anunci.
• Notifica l'agent per correu electrònic. Això necessita un proveïdor de correu com Resend o Postmark; consulta com enviar correus des de la teva app.
• Mostra una confirmació clara i, opcionalment, envia una còpia a qui consulta.

Si vols que els visitants sol·licitin hores de visita, tracta-ho com una petita funció de reserves: franges disponibles per anunci, una sol·licitud i confirmació de l'agent. La guia d'apps de reserves explica la lògica de les franges.

L'àrea d'administració i els permisos

L'àrea d'administració és on el web es guanya el seu lloc. Necessita:

• Un inici de sessió, perquè només els agents hi puguin accedir.
• Una taula d'anuncis amb estat, preu i data, i accions ràpides (editar, marcar com a venut, amagar).
• Un formulari d'anuncis amb pujada de fotos.
• Una safata d'entrada de consultes, filtrable per anunci, amb un indicador de «tramitada».

Mantén els permisos senzills: en una agència petita, cada agent pot editar tots els anuncis. Si necessites que «els agents només editin els seus», digues-ho al prompt i prova-ho iniciant sessió amb dos agents diferents.

Si les teves consultes es converteixen en una cartera de vendes real —seguiments, etapes, notes—, això és un CRM. Comença amb la safata d'entrada i llegeix com crear un CRM quan se't quedi petita.

Un primer prompt que funciona

Construeix un web d'anuncis immobiliaris per a una petita agència immobiliària en dos barris, North Park i Riverside. Pàgines públiques: una pàgina d'inici amb anuncis destacats, una pàgina de cerca amb filtres per zona, venda o lloguer, rang de preu i habitacions mínimes (els filtres es mantenen a la URL), i una pàgina de detall per immoble amb una galeria de fotos, preu, habitacions, banys, superfície en metres quadrats, característiques, descripció i un formulari de consulta. Els agents inicien sessió en una àrea d'administració per afegir i editar anuncis, pujar i reordenar fotos, marcar un anunci en oferta o venut, i veure les consultes per anunci. Desa-ho tot en una base de dades. Preus en GBP. Disseny net i tranquil que funcioni bé en mòbils.

El prompt anterior anomena els usuaris, les pàgines, els camps, els filtres i qui pot fer què —i res sobre codi.

Passos de construcció

1. Comença amb les pàgines públiques amb dades d'exemple. Deixa que el constructor creï deu anuncis d'exemple realistes perquè puguis jutjar les targetes, la cerca i la pàgina de detall.
2. Afegeix la base de dades i l'administració. Mou els anuncis a la base de dades, després afegeix l'inici de sessió i les pantalles d'administració. Afegeix un anunci tu mateix, de principi a fi.
3. Afegeix la pujada de fotos. Puja un conjunt real de fotos, reordena-les, defineix una portada i revisa la galeria en un mòbil.
4. Connecta les consultes. Envia'n una, confirma que arriba a la safata d'entrada i que el correu de l'agent es rep.
5. Bàsics de SEO. Cada anunci necessita un títol i una descripció únics, URLs llegibles (/properties/3-bed-house-riverside) i imatges per compartir. La nostra guia de SEO per a webs construïdes amb IA explica per què això importa més a les pàgines d'anuncis que a la majoria d'altres.
6. Prova els permisos. Tanca la sessió i intenta obrir les URLs d'administració directament. Haurien de redirigir a l'inici de sessió.
7. Publica i connecta el teu domini. Les agències haurien d'usar el seu propi domini en lloc d'un subdomini del constructor.

Errors habituals

• Posar els anuncis al codi. Funciona una setmana, després l'agent necessita un desenvolupador per canviar un preu. Usa una base de dades des del principi.
• Oblidar l'estat de venut. Els visitants que consulten immobles venuts malgasten el temps de tothom. Fes l'estat prominent i filtrable.
• Fotos pesades. Una galeria de fotos de càmera a resolució completa és lenta amb dades mòbils. Redimensiona-les.
• Cap contingut indexable. Un web que carrega cada anunci amb JavaScript i no té títols per anunci és difícil d'entendre per als motors de cerca. En els webs d'anuncis, el SEO és la major part del trànsit gratuït.
• Mostrar l'adreça exacta per defecte. Decideix-ho deliberadament, sobretot per als lloguers i les cases ocupades.
• No comprovar les normes dels anuncis. Alguns països tenen regles sobre el que ha d'incloure un anunci immobiliari, com les qualificacions energètiques o la informació material. Comprova què t'aplica.

Costos i eines

Per a una agència petita, les peces en funcionament són:

Quan un producte fet és millor opció

Construeix-ne un de propi quan vulguis control sobre el disseny, la teva pròpia experiència de cerca i anuncis que siguin teus i no espai llogat en un portal. Tria alguna cosa ja feta quan:

• Els teus anuncis han de venir d'un MLS o d'un feed de portal: el proveïdor del feed normalment té productes web aprovats i normes que has de seguir.
• Sobretot necessites exposició. Els portals porten compradors; el teu propi web sobretot converteix persones que ja coneixen el teu nom.
• Necessites una back-office completa d'agència (arrendaments, compliment normatiu, comptabilitat). El programari dedicat d'agències ho cobreix i és difícil de replicar bé.

Molts agents fan les dues coses: publiquen als portals per arribar a més gent, i mantenen el seu propi web per a la seva marca i les consultes directes.

Construir-ho amb Mythex

Mythex encaixa bé en aquest projecte: descriu el web al xat, veu-lo funcionant en una previsualització en directe (inclosa una vista de mida de mòbil), i afegeix una base de dades per als anuncis i les consultes i emmagatzematge de fitxers per a les fotos quan l'app ho necessiti. Publica en una adreça mythex.ai en qualsevol pla, o en el teu propi domini al pla Pro. Per a un punt de partida, consulta el constructor de webs immobiliaris amb IA o mira les plantilles de webs.

Preguntes