Как создать сайт объявлений о недвижимости

Сайт объявлений о недвижимости — это база данных объектов с публичным лицом: страница для каждого объявления, поиск с фильтрами и способ для покупателей или арендаторов задать вопрос об объекте. За ним стоит закрытая админка, где агент добавляет, редактирует и отмечает объявления как проданные. Надёжную версию можно создать с помощью ИИ-конструктора приложений за несколько сессий, если сначала продумать данные объявлений и держать первую версию небольшой.

Для кого сайт и что он должен делать

Прежде чем думать о функциях, определите, какой сайт вы строите. Они похожи внешне, но им нужны разные вещи.

Это руководство сосредоточено на первых трёх типах. Портал со множеством размещающих — это двусторонний маркетплейс, и задача там другая; см. как создать маркетплейс и как создать сайт-каталог, если вы думаете именно об этом.

Данные каждого объявления

Данные объявлений — сердце сайта. Если поля выбраны верно, поиск, карточки и страницы объектов строятся по ним. Практичный стартовый набор:

• Основное: название, статус (доступно, под предложение, продано/сдано), тип объявления (продажа или аренда), цена и уточнение цены («ориентировочная цена», «в месяц»).
• Местоположение: адрес, район и координаты, если нужна карта. Решите, будет ли полный адрес публичным; многие агенты показывают только улицу или район.
• Площадь и планировка: количество спален, санузлов, общая площадь (и единица измерения — квадратные футы или квадратные метры), тип объекта.
• Описание: краткое для карточек и подробное для страницы объекта.
• Особенности: список вроде парковки, сада, балкона, разрешённых животных. Храните их как теги, чтобы по ним можно было фильтровать.
• Медиа: фото в фиксированном порядке, обложка и, при желании, план этажа или PDF-брошюра.
• Служебные поля: дата размещения, дата обновления и агент, который отвечает за объявление.

Заявки — вторая таблица: имя, email, телефон, сообщение, объявление и время. Если вы планируете просмотры, третья таблица хранит запрошенное время.

Решения, которые стоит принять заранее

• Валюта и единицы измерения. Выберите одну валюту и одну единицу площади и укажите это в первом запросе. Если менять позже, придётся трогать каждое объявление.
• Проданные объявления. Скрывать их или оставлять с отметкой «Продано» как доказательство активности? Подойдёт любой вариант; решите до создания поиска.
• Аренда или продажа. Если вы делаете и то, и другое, сделайте это полем и фильтром верхнего уровня, а не двумя отдельными сайтами.

Поиск и фильтры, которыми люди реально пользуются

Большинство посетителей приходят с тремя вопросами: где, сколько стоит, какого размера. Сначала сделайте их:

1. Местоположение — выпадающий список районов, которые вы обслуживаете, для небольшого агентства удобнее свободного ввода.
2. Диапазон цен — минимум и максимум.
3. Спальни — минимальное количество.
4. Продажа или аренда, если вы делаете и то, и другое.

Затем добавьте сортировку (сначала новые, по возрастанию цены, по убыванию цены) и, если объявлений достаточно, фильтры по особенностям из тегов. Вид на карте привлекателен, но для первой версии не обязателен; статичной карты на странице каждого объекта часто достаточно.

Поместите фильтры в URL (например, /properties?area=north&minBeds=2), чтобы посетитель мог поделиться поиском или добавить его в закладки, а кнопка «назад» работала. Попросите об этом явно — иначе это легко упустить.

Фото: то, что делает сайт или ломает его

Сайты недвижимости держатся на фото, поэтому планируйте их заранее:

• Загрузка, а не вставка ссылок. Админка должна загружать фото напрямую. В Mythex загрузки идут в файловое хранилище проекта, которое включается, когда приложению оно нужно.
• Порядок и обложка. Пусть агент перетаскивает фото в нужном порядке и выбирает обложку.
• Размер. Большие оригиналы замедляют сайт на телефонах. Попросите уменьшать изображения или отдавать их в разумных размерах и используйте отложенную загрузку в галерее.
• Альтернативный текст. Короткое описание каждого фото помогает доступности и поиску.

Поток заявок

Смысл сайта — заявка. Делайте её короткой: имя, email, телефон (необязательно), сообщение с предзаполненным названием объекта. После отправки:

• Сохраните заявку в базе данных и привяжите её к объявлению.
• Уведомите агента по email. Для этого нужен сервис отправки писем, например Resend или Postmark; см. отправку писем из приложения.
• Покажите понятное подтверждение и, при желании, отправьте отправителю копию.

Если вы хотите, чтобы посетители запрашивали время просмотра, сделайте это как небольшую функцию бронирования: свободные слоты по каждому объявлению, запрос и подтверждение агентом. Логику слотов разбирает руководство по приложению для бронирования.

Админка и права доступа

Админка — то, ради чего сайт окупается. Ей нужны:

• Вход, чтобы попасть в неё могли только агенты.
• Таблица объявлений со статусом, ценой и датой и быстрые действия (редактировать, отметить как проданное, скрыть).
• Форма объявления с загрузкой фото.
• Входящие заявки, которые фильтруются по объявлению и имеют отметку «обработано».

Права держите простыми: в небольшом агентстве каждый агент может редактировать каждое объявление. Если нужно правило «агенты редактируют только своё», скажите об этом в запросе и проверьте, войдя за двух разных агентов.

Если заявки превращаются в настоящую воронку продаж — последующие контакты, этапы, заметки, — это уже CRM. Начните с входящих заявок, а когда перерастёте их, прочитайте как создать CRM.

Первый запрос, который работает

Создай сайт объявлений о недвижимости для небольшого агентства недвижимости в двух районах, North Park и Riverside. Публичные страницы: главная с избранными объявлениями; страница поиска с фильтрами по району, продаже или аренде, диапазону цен и минимальному количеству спален (фильтры сохраняются в URL); страница каждого объекта с галереей фото, ценой, количеством спален и санузлов, площадью в квадратных метрах, особенностями, описанием и формой заявки. Агенты входят в админку, чтобы добавлять и редактировать объявления, загружать и переставлять фото, отмечать объявление как «под предложение» или «продано», и видеть заявки по каждому объявлению. Всё храни в базе данных. Цены в GBP. Чистый, спокойный дизайн, который хорошо работает на телефонах.

Запрос называет пользователей, страницы, поля, фильтры и то, кто что может делать, — и ничего о коде.

Шаги сборки

1. Начните с публичных страниц на примерных данных. Пусть конструктор создаст десять реалистичных примерных объявлений, чтобы вы могли оценить карточки, поиск и страницу объекта.
2. Добавьте базу данных и админку. Перенесите объявления в базу данных, затем добавьте вход и экраны админки. Добавьте объявление самостоятельно от начала до конца.
3. Добавьте загрузку фото. Загрузите реальный набор фото, переставьте их, назначьте обложку, проверьте галерею на телефоне.
4. Подключите заявки. Отправьте одну, убедитесь, что она попадает во входящие и что приходит письмо агенту.
5. Основы SEO. У каждого объявления должны быть уникальные название и описание, читаемые адреса (/properties/3-bed-house-riverside) и изображения для публикации. Наше руководство по SEO для сайтов, созданных с помощью ИИ объясняет, почему это важнее для страниц объявлений, чем для большинства других.
6. Проверьте права доступа. Выйдите из системы и попробуйте открыть адреса админки напрямую. Они должны перенаправлять на вход.
7. Опубликуйте и подключите свой домен. Агентствам стоит использовать собственный домен, а не поддомен конструктора.

Частые ошибки

• Хранение объявлений в коде. Это работает неделю, а потом агенту нужен разработчик, чтобы поменять цену. Используйте базу данных с самого начала.
• Забытый статус «продано». Посетители, которые спрашивают о проданных объектах, тратят время всех. Сделайте статус заметным и доступным для фильтра.
• Тяжёлые фото. Галерея полноразмерных снимков с камеры медленно грузится на мобильном интернете. Уменьшайте их.
• Нет индексируемого содержимого. Сайт, который загружает каждое объявление через JavaScript и не имеет уникальных заголовков для каждого объявления, поисковикам трудно понять. Для сайтов объявлений SEO — основной бесплатный трафик.
• Показ точного адреса по умолчанию. Решайте осознанно, особенно для аренды и занятых домов.
• Непроверенные правила объявлений. В некоторых странах есть правила о том, что должно быть в объявлении о недвижимости, например энергетические сертификаты или существенная информация. Проверьте, что применимо к вам.

Расходы и инструменты

Для небольшого агентства работают такие компоненты:

Когда лучше готовый продукт

Создавайте собственный сайт, когда хотите контролировать дизайн, собственный опыт поиска и объявления, которые принадлежат вам, а не арендованному месту на портале. Готовое решение выбирайте, когда:

• Ваши объявления должны поступать из MLS или фида портала — у поставщика фида обычно есть одобренные продукты для сайтов и правила, которые нужно соблюдать.
• Вам нужен в первую очередь охват. Порталы приводят покупателей; ваш собственный сайт в основном конвертирует тех, кто уже знает ваше имя.
• Вам нужен полный back office агентства (аренда, соответствие требованиям, бухгалтерия). Специализированное программное обеспечение для агентств закрывает это, и повторить его хорошо непросто.

Многие агентства делают и то, и другое: размещаются на порталах ради охвата и держат собственный сайт для бренда и прямых заявок.

Как это сделать с Mythex

Mythex хорошо подходит для этого проекта: опишите сайт в чате, посмотрите его работу в живом предпросмотре (в том числе в рамке размера телефона), а база данных для объявлений и заявок и файловое хранилище для фото подключаются, когда приложению это нужно. Публикация по адресу mythex.ai доступна на любом тарифе, а на собственном домене — на тарифе Pro. Для быстрого старта посмотрите конструктор сайтов для агентств недвижимости на ИИ или загляните в шаблоны сайтов.

Вопросы