🌐 Из чего состоит создание сайта в 2026 году — и где здесь нейросети
Блокировки Telegram, ограничения соцсетей, постоянная неопределённость с тем, что завтра окажется недоступным — всё это заставляет людей и бизнес возвращаться к старому доброму сайту. Потому что сайт это ваше собственное пространство в интернете. Его не заблокируют в один день. Его не «снесёт» алгоритм. Он работает пока работает интернет (по крайней мере пока)
И вот что интересно. Сделать сайт сегодня может абсолютно любой человек — так же как и два-три года назад. Но благодаря нейросетям это теперь можно сделать гораздо быстрее, точнее и качественнее. Даже если вы никогда раньше этим не занимались
Именно об этом эта статья. Я расскажу из каких этапов состоит создание сайта, что делать на каждом из них, и, где в этот процесс органично встраиваются нейросети
🛠 Кстати, про марафон «Очумелые ручкИИ»
Всё то, о чём я рассказываю в этой статье — мы разберём вживую и по шагам на моём бесплатном марафоне.
Если хотите не просто прочитать, а сразу попрактиковаться — регистрируйтесь, пока есть места
🗺 Почему важно понимать структуру процесса
Инструментов сейчас завались. Tilda, ChatGPT, GigaChat, Gemini, Нано-Банана — можно продолжать долго. Но если вы не понимаете структуру процесса, все эти инструменты превращаются в набор дорогих игрушек, с которыми непонятно что делать
Это как приехать в незнакомый город без навигатора. Машина есть, бензин есть, руки на руле, а куда ехать хз. Будете кружить, возвращаться, переделывать
Когда понимаете этапы — всё встаёт на свои места:
- Знаете что делать прямо сейчас
- Знаете куда позвать нейросеть и с каким запросом
- Не переделываете по три раза одно и то же
- Работаете быстрее и результат получается лучше
Вот это и есть та самая связка «руки плюс нейросети», про которую я постоянно говорю.
📋 Этап 1: Исследование и анализ
Самый важный этап. И самый игнорируемый
Большинство людей его просто пропускают — и потом не понимают почему сайт не работает. А всё просто. Если вы не ответили на базовые вопросы до начала работы, то всё что делаете дальше — делается «в никуда»
- Кто вообще придёт на этот сайт? Кто ваш клиент?
- Чего вы хотите от этого сайта — продаж, заявок, подписчиков?
- Что делают конкуренты и чем вы от них отличаетесь?
- Что самое важное нужно донести до человека который зайдёт?
Звучит банально. Но попробуйте честно ответить на эти вопросы перед следующим проектом — и вы удивитесь насколько это меняет дело
🤖 Нейросети здесь: отлично справляются с анализом ниши, помогают составить портрет аудитории, формулируют боли и возражения клиентов. Дайте им правильный запрос — получите очень приличную отправную точку для работы
📄 Этап 2: PRD. Или: ТЗ, без которого результат ХЗ
Вот здесь большинство новичков вообще не в курсе что это такое. А зря
PRD расшифровывается как Product Requirements Document (Документ о требованиях к продукту). Если по-простому — это техническое задание на ваш сайт. То самое ТЗ, без которого результат ХЗ
Представьте что строите дом. Вы же не привозите кирпичи и не начинаете складывать их как получится, придумывая планировку на ходу? Сначала чертёж. Сколько этажей, где стены, где окна, кто вообще там будет жить
PRD — это ваш чертёж. Обычный текстовый документ в Google Docs или Notion, который вы заполняете до того как открыли редактор сайта. Выглядит это просто — заголовки, списки, короткие описания. Ничего сложного технически, но очень много пользы на практике
Почему это меняет всё?
ПЕРВАЯ. PRD СТАНОВИТСЯ ГОТОВЫМ ПРОМПТОМ ДЛЯ НЕЙРОСЕТИ.
✅ «Вот PRD: косметолог Анна, Краснодар, 7 лет опыта, аудитория — женщины 28-42, цель — онлайн-запись, главный страх клиента — неестественный результат. Напиши заголовок для главного экрана»
Чувствуете разницу? Во втором случае нейросеть понимает контекст и пишет конкретно под ваш проект, а не что-то общее
ВТОРАЯ. ВЫ ПЕРЕСТАЁТЕ ПЕРЕДЕЛЫВАТЬ ПО ТРИ РАЗА.
Без PRD вы думаете прямо в процессе работы в редакторе. Придумали один заголовок, потом другой, потом поняли что структура не та — и начинаете сначала. С PRD думаете один раз до начала, а потом просто собираете по плану
ТРЕТЬЯ. ЭТО ПРОФЕССИОНАЛЬНЫЙ УРОВЕНЬ.
Если делаете сайты на заказ — клиент видит что вы не просто «делаете сайтики», а работаете системно. Разбираетесь в бизнесе, составляете документ, согласовываете. За это платят совсем другие деньги
✍️ Этап 3: Контент и тексты
Когда PRD готов — вы уже знаете что и кому говорить. Осталось это написать
Контент сайта это не просто «заполнить блоки». Это заголовки которые цепляют именно вашу аудиторию, описания услуг на языке клиента а не вашем, кнопки которые хочется нажать и ответы на возражения которые снимают сомнения
🤖 Нейросети здесь: для написания текстов подходит любая LLM-модель — ChatGPT, GigaChat, Claude, Gemini. Все они справляются с этой задачей хорошо.
Но вот в чём штука: без понимания аудитории, без болей и задач вашего клиента — любая из них выдаст усреднённый текст который подойдёт кому угодно и никому конкретно
Именно поэтому PRD так важен. С ним нейросеть пишет конкретно под ваш проект.
Схема простая: даёте PRD, просите написать конкретный блок, получаете заготовку, редактируете под себя и добавляете живой голос. Это реально быстро, а результат намного точнее
🎨 Этап 4: Медиаконтент
Сайт без картинок — это просто текст на белом фоне. Работает, но ощущение не то
Хорошая новость: сейчас это один из самых дешёвых этапов, если работать с нейросетями. Качество генерации выросло до такого уровня, что профессиональный фотограф нужен уже далеко не всегда
🤖 Нейросети здесь:
Моя главная рекомендация — Nano Banana. По большей части БЕСПЛАТНАЯ, но нужен VPN, очень точно понимает детали запроса и выдаёт реалистичные результаты. Многие другие инструменты часто «галлюцинируют» или игнорируют часть промпта — здесь с этим заметно лучше
Есть и российские нейросети для работы с изображениями — они доступны без VPN и иногда дают неплохие результаты. Но если честно, по качеству они пока заметно уступают. Так что основной инструмент — Nano Banana, остальное по ситуации
Не реклама, но рекомендация. Лично я использую Nano Banana бесплатно напрямую в Google Flow, но с ВПН. А также часто использую российский агрегатор Syntx Ai, да платно, но VPN не нужен. Плюс там уйма других нейронок
Из зарубежного также работают, Sora, Midjourney и Stable Diffusion — мощные инструменты, но там нужно больше времени на освоение
Kling — продвинутая нейронка. Имеет много функций. Так же работую в ней через Syntx
✏️ Обработка и редактирование:
Здесь моя рекомендация — Figma. Достаточно и бесплатного тарифа. Это самый популярный в мире профессиональный инструмент для работы с визуалом — можно обрабатывать изображения, создавать иконки, иллюстрации, баннеры и всё что нужно для сайта. Работает прямо в браузере, ничего устанавливать не нужно, базовый функционал полностью бесплатный
И маленький совет — держите в запасе два-три инструмента на каждый тип задачи. Когда один недоступен или даёт плохой результат, просто переключаетесь
🗂 Этап 5: Прототип структуры
Прежде чем открывать редактор сайта — нарисуйте схему страницы. Не красивый макет, просто список в заметках:
- Главный экран — заголовок, фото, кнопка
- Блок доверия — цифры и факты
- Услуги — четыре карточки
- Отзывы — три карточки
- Форма записи
Всё. Когда это есть — сборка превращается в спокойную механическую работу. Берёте нужный блок, вставляете готовый контент, двигаетесь дальше. Никакого хаоса
🤖 Нейросети здесь: дайте ИИ ваш PRD и попросите предложить последовательность блоков с объяснением почему именно так. Получите хорошую отправную точку
🛠 Этап 6: Сборка в Tilda
Вот теперь открываем редактор. К этому моменту у вас уже есть цель, PRD, готовые тексты, картинки и схема страницы. Сборка — это просто реализация плана
Но сначала — коротко про саму платформу, для тех кто слышит про неё впервые
Это российский конструктор сайтов. Самый популярный. Не нужно знать программирование, не нужно нанимать разработчика. Вы работаете с готовыми блоками — берёте нужный, настраиваете под себя, наполняете контентом
При этом Tilda позволяет делать как быстрые типовые сайты по готовым шаблонам, так и полностью уникальные дизайнерские решения.
За уникальность отвечает инструмент внутри платформы под названием Zero Block — это профессиональный редактор где вы рисуете блок с нуля, как на чистом листе. Именно благодаря ему сайты на Тильде могут выглядеть так, что никто не догадается что это конструктор
Кстати, у меня есть отличный курс по Tilda для новичков. И доступен он внутри моего закрытого клуба «Прогрессия».
Почему именно Tilda — если коротко:
- ✅ Российский сервис, работает стабильно
- ✅ Не нужно знать код чтобы получить профессиональный результат
- ✅ Zero Block для уникальных дизайнерских решений
- ✅ Всё встроено — формы, аналитика, SEO-настройки
На этом этапе: выбираете цвета и шрифты, наполняете блоки контентом, настраиваете адаптивность под телефон — больше половины пользователей заходят со смартфонов, это не опция, подключаете формы для приёма заявок
🤖 Нейросети здесь: помогают точечно. CSS для сложных элементов в Zero Block, генерация недостающих иконок, картинок, правка текста прямо в процессе
✅ Этап 7: Тестирование
Все пропускают. Все потом жалеют
- Все кнопки ведут куда нужно?
- Формы отправляют заявки и они приходят вам?
- Как выглядит на реальном телефоне — не в превью Тильды, а на живом устройстве?
- Картинки грузятся быстро? Сгенерированные файлы часто тяжёлые, их надо сжимать
Один сломанный блок с формой может стоить десятков потерянных заявок. Час на проверку экономит много нервов
🤖 Нейросети здесь: попросите перечитать тексты сайта и найти опечатки или логические несоответствия. Свежий взгляд замечает то, что вы уже не видите
🚀 Этап 8: Публикация и SEO
Опубликовать в Тильде — одна кнопка. Но чтобы сайт находили в поиске — нужно ещё несколько вещей
📌 Title — это заголовок вашей страницы в результатах поиска. То самое первое что человек видит когда находит вас в Яндексе. Например: «Косметолог в Краснодаре — запись онлайн»
📌 Description — короткое описание под заголовком в поиске. Две-три строчки которые объясняют о чём сайт и почему стоит зайти. Именно это часто решает — кликнет человек или пройдёт мимо
📌 OG-теги — то как выглядит ссылка на ваш сайт когда ею делятся в соцсетях. Картинка, заголовок, описание — всё это настраивается отдельно
📌 Яндекс Метрика и Вебмастер — подключить сразу, чтобы данные собирались с первого дня
🤖 Нейросети здесь: дайте PRD и попросите написать Title и Description с учётом ключевых запросов по вашей теме. Две минуты — и готово
📊 Этап 9 — Аналитика и улучшение
Сайт опубликован. Работа не заканчивается — она меняется
Открываете Метрику и смотрите: сколько людей пришло, где они закрывают страницу, нажимают ли на кнопки.
На основе этого улучшаете — меняете заголовок, переставляете блоки, тестируете разные варианты
Именно так сайты из просто красивых превращаются в те, которые приносят заявки
🤖 Нейросети здесь: скопируйте данные из Метрики в чат с ИИ и попросите предположить почему люди уходят на определённом блоке и что можно изменить
🔄 Вся схема целиком:
🔍 Исследование и анализ
↓
📄 PRD — чертёж проекта
↓
✍️ Контент и тексты
↓
🎨 Медиаконтент
↓
🗂 Прототип структуры
↓
🛠 Сборка в Tilda
↓
✅ Тестирование
↓
🚀 Публикация + SEO
↓
📊 Аналитика и улучшение
Девять этапов. У каждого своя роль. Практически в каждом можно и нужно использовать ИИ
💡 ГЛАВНЫЙ ВЫВОД
Доступ к нейросетям сейчас есть у всех. Но результаты — очень разные
Кто-то просто жмёт «сгенерировать» и получает что-то среднее. Кто-то понимает процесс, правильно ставит задачи ИИ на каждом этапе — и получает профессиональный результат, за который платят нормальные деньги
Разница не в инструментах. Разница в понимании процесса
🚀 С чего начать прямо сейчас
Если вы дочитали до этого места — значит тема вам интересна. И скорее всего уже есть вопросы
Самый правильный первый шаг — не пытаться разобраться со всем этим в одиночку по статьям и роликам. А прийти и посмотреть как это работает вживую
Именно для этого я и делаю марафон 👇
🛠 Марафон «Очумелые ручкИИ»: 31 марта, 1 и 2 апреля в 20:00 МСК
Три живых эфира — 31 марта, 1 и 2 апреля в 20:00 МСК. Никаких слайдов и скучной теории. Только экран, руки и реальный сайт с нуля — прямо у вас на глазах
- 📌 31 марта — структура и тексты через ИИ
- 📌 1 апреля — медиаконтент: фото и видео через нейросети
- 📌 2 апреля — сборка в Tilda вживую
🎁 Сразу после регистрации — бонус: 11 уроков о том, за что клиенты платят и почему один и тот же результат один продаёт за 5 000 ₽, а другой за 50 000 ₽
⚠️ Важно про Telegram: по слухам с 1 апреля доступ может стать затруднительным даже с VPN. Регистрируйтесь через почту — это 30 секунд. На втором шаге подключите уведомления через ВКонтакте и другие каналы
👉 Зарегистрироваться бесплатно