На прошлой неделе собрал лендинг для знакомого фотографа. От идеи до работающей ссылки прошло два часа, и час из них он выбирал, какие снимки выложить. Весь код написал ChatGPT, я только ставил задачи и правил детали. Программистом быть не пришлось и платить никому тоже.
Разберем, как сделать сайт в ChatGPT по шагам: какие промпты реально работают, куда выложить страницу бесплатно, где брать картинки и что делать, если модель выдала ерунду. В конце расскажу, как открыть все нужные нейросети из России за 149 рублей, не возясь с иностранными картами.
ChatGPT собирает не «сайт вообще», а конкретные страницы
Главная ловушка новичка: человек пишет «сделай мне сайт» и ждет интернет-магазин уровня Ozon. Одним сообщением такое не выдаст никто, и ChatGPT в том числе. Что модель делает отлично, так это одностраничники. Лендинг услуги, визитка, портфолио, страница записи на консультацию: пять-семь экранов, форма заявки, адаптив под телефон.
Для малого бизнеса этого хватает чаще, чем кажется. Салону красоты не нужен каталог с корзиной, нужна страница с ценами, фотографиями работ и кнопкой «записаться». Такой сайт ChatGPT собирает целиком за один диалог.
За последний месяц через нейросеть я собирал:
- визитку репетитора по математике с расписанием и ценами;
- лендинг курса косметологии с программой и формой записи;
- портфолио тату-мастера с галереей работ;
- страницу автосервиса с прайсом и картой проезда;
- одностраничник вебинара с регистрацией участников.
Для сравнения: раньше без программиста из коробки собирался разве что Telegram-бот через конструкторы вроде Manybot, и то на простые задачи. Автоответы, меню, прием заявок, да и то после пары часов разбираться в сервисе. На оплаты, интеграции и сложные сценарии все равно звали специалиста. Нейросети подняли планку: теперь без кода выходит полноценная страница с дизайном, а не только бот в мессенджере.
Честно про границы, чтобы не разочароваться потом. Одностраничник, да. Интернет-магазин с корзиной, оплатой и базой товаров одним сообщением, нет. Ниже покажу, где проходит эта черта.
Шаг 1. Техзадание вместо «сделай мне красиво»
Качество сайта процентов на восемьдесят зависит от первого промпта. Запрос «сделай сайт для кофейни» выдает шаблонную ерунду, которую потом переделываешь с нуля. Работает развернутое ТЗ, набросанное прямо в чате:
- о чем сайт: кофейня в центре Казани, сорок посадочных мест, своя обжарка зерна;
- кто приходит: студенты и удаленщики, для них важны Wi-Fi и розетки;
- какие блоки нужны: меню с ценами, короткая история, карта, форма бронирования столиков;
- стиль: теплые тона, крупная типографика, живые фото вместо стоковых иллюстраций;
- приоритет: страница должна идеально открываться со смартфона, потому что кофейню ищут на ходу.
Мой любимый прием, который экономит кучу времени: попросить модель сначала расспросить вас. Пишу примерно так: «Ты опытный веб-разработчик. Прежде чем делать сайт кофейни, задай мне десять уточняющих вопросов». ChatGPT вытягивает детали, о которых я сам забыл: часы работы, парковка, доставка, средний чек. Отвечаешь, и готовое ТЗ собирается само, ничего не приходится придумывать.
Шаг 2. Получаем код и запускаем его у себя
После нормального ТЗ модель выдает готовый HTML-файл со встроенными стилями. Копируете, вставляете в обычный Блокнот, сохраняете как index.html, открываете двойным кликом, и сайт живет в браузере. Уже можно показывать знакомым и собирать первые отзывы.
Идеально с первого раза выходит редко, и это нормально. Правки вносятся тем же языком, что и все остальное: «сделай шапку темнее», «перенеси кнопку записи наверх», «добавь блок с отзывами под меню». ChatGPT переписывает код под каждую просьбу. Знание CSS-классов тут не нужно, нужно только внятно сказать, что поменять.
Если страница выглядит сломанной, чаще всего код обрезался на середине: длинные файлы модель иногда не успевает дописать в одном сообщении. Напишите «продолжи» и вставьте вторую часть, либо попросите компактную версию. Вторая классика: файл сохранился как index.html.txt, а не index.html. Windows любит прятать расширения, проверьте.
Две мелочи, которые сэкономят вам час. Сразу просите адаптивную верстку: фраза «сайт должен корректно выглядеть на смартфонах» в первом промпте избавляет от переделок. И просите добавлять комментарии в код: пометки вроде «здесь меню, здесь цены» помогают быстро находить нужное место, когда захочется что-то поправить самому.
Шаг 3. Публикуем сайт бесплатно
Файл, лежащий на компьютере, видите только вы. Проще всего выложить страницу на GitHub Pages или Netlify: регистрируетесь, перетаскиваете папку с файлом в окно браузера, получаете публичную ссылку вида imya-proekta.github.io. Процедура занимает минут десять, навыков программирования не требует. Когда дозреете до собственного домена вроде kofeynya-kazan.ru, покупаете его за несколько сотен рублей в год и привязываете к той же площадке. Порядок действий подскажет сама модель, если попросить.
Второй путь: конструкторы вроде Tilda. Сгенерированный код вставляется туда как кастомный блок. Иногда так удобнее: платформа сама берет на себя хостинг и домен, а уникальный дизайн вместо стандартных шаблонов делает нейросеть. Гибрид для тех, кто не хочет разбираться в хостингах вообще.
Шаг 4. Наполнение, чтобы сайт не выглядел макетом
Код без контента - красивая коробка. Тексты ChatGPT пишет сам, но дефолтные формулировки у модели узнаваемые: «команда профессионалов» и «индивидуальный подход» встречаются на каждом втором сгенерированном сайте. Лечится конкретикой в промпте: «напиши блок о компании от лица владельца, он печет хлеб сам, работает третий год, в команде два помощника». Живые детали на входе, живой текст на выходе.
С картинками два пути. Свои снимки, идеальный вариант для кофейни, салона, мастерской: реальные фото продают лучше любых генераций. Если своих нет, изображения рисуются нейросетями. В связке с ChatGPT для этого удобно использовать Nano Banana, модель, которая создает реалистичные картинки по текстовому описанию. Нюанс из практики: сгенерированные лица иногда выходят пластиковыми, а вот интерьеры, товары и еда получаются отлично. Проверяйте результат на живость перед публикацией.
Отдельно про видео. Короткие ролики для соцсетей и анимированные заставки для сайта тоже генерируются нейросетями, и это дешевле любой видеосъемки. Одна деталь: генерация видео прожорлива по лимитам, на бесплатных тарифах ее почти не потрогать.
Промпты, которые можно забрать себе
Для структуры: «Сделай лендинг для [бизнес] с блоками: главный экран с заголовком и кнопкой, услуги с ценами, о компании, отзывы, контакты с формой. Верстка адаптивная, стиль минималистичный, весь код одним файлом HTML с CSS внутри».
Для текстов: «Напиши продающий текст для главного экрана сайта стоматологии. Аудитория, семьи с детьми, боль, страх перед лечением. Тон спокойный и теплый, без капслока и восклицательных знаков. Дай пять вариантов заголовка и подзаголовок к каждому».
Правки кода тоже отдельным промптом: «Вот мой код: [вставляете]. Сделай кнопки крупнее и добавь эффект при наведении. Ничего больше не меняй». Последнее предложение важно: без него модель любит заодно переписать половину страницы и сломать то, что работало.
Ошибки, на которых спотыкаются все новички
Первая, каша в промпте. «Сделай сайт кофейни с меню, блогом, корзиной, личным кабинетом и программой лояльности» дает посредственный результат по всем пунктам сразу. Модель теряет фокус. Верно наоборот: одна страница, одна задача, следующая итерация после.
Вторая, правки вразнобой. Поменяли дизайн, потом тексты, потом снова дизайн, и через двадцать сообщений код превращается в запутанный клубок. Если правок накопилось много, попросите модель свести все договоренности в список и переписать файл заново. На Reddit практикующие разработчики советуют ровно это: перегенерировать страницу целиком, а не латать ее десятком мелких запросов.
Третья, вера в то, что первый результат финальный. Приличный сайт получается на третий-четвертый круг правок. Закладывайте время сразу и не бросайте проект после первой неудачной генерации.
Четвертая, пропуск тестирования. Откройте ссылку на телефоне, кликните по всем кнопкам, отправьте тестовую заявку через форму. Код от ChatGPT рабочий, но форму, которая шлет письма вам на почту, подключают отдельно. Попросите модель дать пошаговую инструкцию под выбранную площадку.
Как открыть ChatGPT из России без танцев с картами
Теперь о боли, с которой сталкивается почти каждый первый. ChatGPT напрямую из России не работает, а для полноценной подписки нужна зарубежная карта, которой у большинства нет. Обходы через VPN и чужие карты съедают время, нервы и не дают гарантий, что аккаунт не заблокируют в самый нужный момент.
Бесплатные версии моделей для работы с кодом тоже слабоваты: короткий контекст, заметно более простые ответы. Лендинг, который у флагмана выходит с первого промпта, младшая модель будет собирать тремя итерациями.
Я решаю вопрос через 3GPT от 3SELLER, сервис, который открывает доступ ко всем флагманским нейросетям из России. Подписка стоит 149 рублей, пополнить баланс можно российской картой, через СБП или криптой. Никаких VPN и иностранных карт, регистрация занимает пару минут.
Внутри не один ChatGPT, а весь набор инструментов под задачу «сделать сайт». Актуальные флагманы: Chat GPT 6 Astra, Chat GPT 6.1 Sol, Chat GPT 5.5, Claude Fable 5, Claude Fable 5.1, Claude Opus 5.5. Для картинок Nano Banana, отдельно доступна генерация видео. Тексты, код, изображения и ролики для соцсетей в одном окне за 149 рублей в месяц. По моим прикидкам, дешевле одной консультации фрилансера.
Практический плюс, о котором редко пишут: не надо мучиться с выбором модели. Для кода я обычно беру Claude, для продающих текстов GPT, для картинок Nano Banana. В 3GPT переключение между ними занимает пару кликов внутри того же чата. Получить доступ ко всем флагманским моделям нейросетей из России можно на официальном сайте 3GPT.
Готовые ИИ-агенты под задачи сайта
В 3GPT есть фишка, которую замечают не сразу: готовые ИИ-агенты под конкретные задачи. Вместо того чтобы при каждом запросе расписывать роль заново, выбираете агента под дело и сразу работаете. Копирайтер для текстов сайта, маркетолог для офферов, ассистент для структуры страниц. Модель агента меняется прямо в чате, без начала разговора с нуля.
Мне это экономит по несколько минут на каждом запросе. Собирать лендинг с агентом-маркетологом выходит быстрее, чем каждый раз объяснять универсальному чату, кто он и зачем пишет продающие заголовки. Мелочь, а на десяти итерациях набегает полчаса.
Где нейросеть бессильна и пора звать человека
Одностраничник без сложной логики - территория ChatGPT. Магазин с корзиной, онлайн-оплатой и интеграцией с 1С - уже нет. Сайт с личными кабинетами, автоматическими рассылками и хитрыми сценариями - тем более. Такие проекты делает команда, и нейросеть там помощник разработчика, а не замена ему.
Средняя зона: базовый сайт собран, а дальше надо, чтобы работало. Подключить прием платежей, форму с уведомлениями в Telegram, аналитику посещений. Два пути. Первый, просить ChatGPT пошаговые инструкции и делать самому, для несложных подключений реально. Второй, заплатить фрилансеру за пару часов настройки, а потом вести сайт самостоятельно теми же промптами. Связка «нейросеть собрала, специалист один раз подключил платежи» на практике закрывает потребности девяноста процентов малого бизнеса.
Сайт или Telegram-бот: выбор для малого бизнеса
Честный разговор: не каждому нужен именно сайт. Telegram-каналы и боты автоматизируют коммуникацию и помогают продавать, и для части задач их достаточно. Прием заявок, автоответы на типовые вопросы, простое меню услуг. Конструкторы позволяют собрать такого бота без программиста, на обучение уходит несколько часов.
Но у сайта есть то, чего нет у бота: его находят в поиске. Человек вбивает в Яндекс «кофейня рядом» и попадает на страницу с адресом и меню, а не в бота, на которого сначала надо подписаться. Для локального бизнеса и услуг сайт остается главной точкой входа клиентов, а бот работает дополнением. Рабочая схема давно сложилась: сайт собирается через ChatGPT, а заявки с него дублируются в Telegram. Код такого виджета тоже напишет модель.
Минимум SEO, без которого сайт никто не найдет
Собранную страницу стоит хоть немного подготовить к поиску. ChatGPT справится и тут: попросите сгенерировать title и description, подобрать фразы, по которым вас ищут клиенты. Добавьте Яндекс.Метрику, код счетчика тоже даст модель с инструкцией по установке. Через пару недель в Метрике появится первый отчет, и станет видно, откуда приходят люди и какие блоки они смотрят. Без аналитики сайт работает вслепую.
Сколько времени занимает весь путь
По моим замерам: простой лендинг-визитка, вечер, часа три-четыре вместе с текстами и картинками. Портфолио с галереей работ, день-два неспешной работы. Многоэкранный лендинг с несколькими формами, до недели по часу-два в день.
Для сравнения, классический заказ у студии: брифинг, неделя на макет, правки, верстка, еще круг правок. От двух недель и от тридцати тысяч рублей в лучшем случае. Нейросеть не отменяет разработку как профессию, но простые сайты у нее теперь забирает без вопросов.
С чего начать прямо сегодня
Откройте 3GPT, пополните баланс картой любого российского банка, выберите модель и напишите первый промпт по схеме выше: кто вы, какой бизнес, какие блоки нужны, какой стиль. Дальше правки, публикация на GitHub Pages, и к вечеру у вас ссылка, которую можно отправлять клиентам.
Первый сайт, который я собрал через нейросеть, вышел корявым и пережил четыре переделки. Пятый собрался за один вечер. Работа с ChatGPT - навык, и качается он только практикой. Начните с малого: одна страница, одна цель, один вечер.