March 24

🌐 Из чего состоит создание сайта в 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 — что это вообще такое?

Это российский конструктор сайтов. Самый популярный. Не нужно знать программирование, не нужно нанимать разработчика. Вы работаете с готовыми блоками — берёте нужный, настраиваете под себя, наполняете контентом

При этом 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 МСК. Никаких слайдов и скучной теории. Только экран, руки и реальный сайт с нуля — прямо у вас на глазах

  1. 📌 31 марта — структура и тексты через ИИ
  2. 📌 1 апреля — медиаконтент: фото и видео через нейросети
  3. 📌 2 апреля — сборка в Tilda вживую

✅ УЧАСТИЕ БЕСПЛАТНОЕ

🎁 Сразу после регистрации — бонус: 11 уроков о том, за что клиенты платят и почему один и тот же результат один продаёт за 5 000 ₽, а другой за 50 000 ₽

⚠️ Важно про Telegram: по слухам с 1 апреля доступ может стать затруднительным даже с VPN. Регистрируйтесь через почту — это 30 секунд. На втором шаге подключите уведомления через ВКонтакте и другие каналы

👉 Зарегистрироваться бесплатно


С уважением, Владимир Гынгазов!

📱 Я в Telegram

🇷🇺 Резервный канал в MAX