Создание сайта с нуля: этапы разработки по порядку

Коротко для тех, кому нужен ответ сразу. Создание сайта проходит 10 этапов: цель и задачи, сбор запросов и структура, техническое задание, прототип, дизайн, сборка, тексты, SEO-подготовка, тестирование и запуск, а после запуска начинается поддержка и развитие. Простой лендинг на конструкторе можно собрать за 1-2 недели, сайт услуг на 10-20 страниц за 3-6 недель, интернет-магазин от 2 месяцев. Чаще всего сайт не приносит заявок не из-за дизайна, а из-за пропущенных первых этапов: никто не проверил, что ищут клиенты, и структура не совпала со спросом. Ниже каждый этап по порядку, со сроками и ошибками.

С чего начать создание сайта

Первый вопрос не «какой дизайн», а «зачем этот сайт». От ответа зависит всё: сколько страниц, на какой платформе, какие тексты, сколько денег.

Цель в цифрах

Плохая цель: «нужен современный сайт». Хорошая: «20 заявок в месяц на установку кондиционеров по Москве при цене заявки до 1 500 ₽ из Яндекс Директа». Под вторую цель сразу понятно, что нужен сайт услуг с калькулятором и быстрой формой, а не имиджевый сайт с видео на весь экран.

Подробнее о каждом варианте в статье виды сайтов.

Аудитория и конкуренты

Откройте Яндекс по главному запросу вашей услуги и посмотрите первые 10 сайтов. Запишите: какие разделы у всех есть, какие цены показывают, какие гарантии дают, где стоит форма заявки. Это минимальный набор, без которого ваш сайт будет проигрывать.

Этап 2. Запросы и структура сайта

Это самый недооценённый этап. Структура сайта должна повторять то, как клиенты ищут вашу услугу. Если люди ищут «установка кондиционера», «заправка кондиционера» и «чистка кондиционера», значит нужны три страницы, а не одна «Услуги».

Что делать

1. Собрать запросы в Яндекс Вордстате и сервисах подбора: всё, как люди называют вашу услугу.
2. Убрать мусор: чужие бренды, чужие города, запросы про работу и обучение.
3. Разбить запросы на группы. Одна группа это одна страница.
4. Нарисовать карту сайта: главная, страницы услуг, цены, кейсы, контакты, блог.

Типичная карта сайта услуг:

Этап 3. Техническое задание

ТЗ фиксирует, что именно делаем: страницы, блоки, функции, интеграции, платформа, сроки. Без ТЗ заказчик и исполнитель понимают задачу по-разному, и это всплывает в конце, когда переделывать дорого.

Минимум для ТЗ: цель, карта сайта, список блоков для каждой страницы, формы и куда уходят заявки, интеграции (CRM, оплата, Telegram), требования к мобильной версии и скорости. Как составить ТЗ и бриф, я разобрал в статье ТЗ на разработку сайта.

Этап 4. Прототип

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

Что проверить на прототипе:

• Понятно ли за 5 секунд на первом экране, что вы предлагаете и кому.
• Где кнопка заявки и сколько раз она встречается на странице.
• Отвечает ли страница на главные вопросы клиента: цена, сроки, гарантии, почему вы.
• Есть ли на каждой странице путь к заявке.

Прототип можно нарисовать в Figma, в конструкторе из серых блоков или даже на бумаге.

Этап 5. Дизайн

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

Делайте мобильную версию первой. Заметная часть посетителей сайтов услуг приходит с телефонов: из рекламной сети Яндекса, из карт, из мессенджеров. Откройте Метрику любого действующего сайта и посмотрите отчёт по типам устройств, прежде чем решать, какая версия главная. Если мобильная собрана по остаточному принципу, заявки с телефонов теряются.

Этап 6. Сборка сайта

На этом этапе макеты превращаются в работающий сайт. Выбор платформы делается раньше, на этапе ТЗ, но здесь он проявляется.

Для большинства сайтов услуг конструктора достаточно. Этот сайт, например, собран на Тильде, и его главная стоит в топ-3 Яндекса по запросу «директ москва». Подробнее о платформах в статье про конструкторы сайтов.

Что обязательно подключить при сборке:

• Формы, которые отправляют заявки в почту, CRM или Telegram.
• Кнопки звонка и мессенджеров для мобильной версии.
• Согласие на обработку персональных данных в формах. С 1 сентября 2025 года по статье 9 закона 152-ФЗ его оформляют отдельно от других документов: спрятать согласие в текст оферты или политики больше нельзя.
• Политику конфиденциальности.

Тестовый адрес и страница «сайт в разработке»

Сайт собирают на техническом адресе, а не на боевом домене. Пока идёт работа, поисковику там показывать нечего, поэтому тестовую версию закрывают от индексации. Иначе в Яндекс попадают страницы с «Lorem ipsum» и пустыми блоками, а потом их приходится выкидывать из поиска неделями.

Если домен уже есть, на нём можно повесить заглушку «Сайт находится в разработке» с названием, телефоном и формой. Это лучше пустой страницы: человек, который пришёл по визитке или из соцсетей, всё равно сможет связаться. Главное, не забыть снять заглушку и запрет индексации в день запуска. Ошибка частая и дорогая: сайт живёт месяцами, а в поиске его нет, потому что в robots.txt остался запрет со времён разработки.

Этап 7. Тексты и контент

Тексты пишут параллельно с дизайном и сборкой. Худшая практика: «сделаем дизайн, а тексты вставим потом». Тогда блоки не совпадают с тем, что нужно сказать, и всё переделывается.

Правила текста для сайта услуг:

• Заголовок говорит, что вы делаете и для кого, а не «Мы лучшие».
• Конкретика вместо общих слов: сроки, цены, гарантии, цифры.
• Ответы на вопросы, которые клиент задаёт менеджеру по телефону.
• Под каждую страницу свои ключевые запросы из этапа 2.

Этап 8. SEO-подготовка

Если заложить SEO при создании, продвигать сайт потом в разы проще и дешевле.

Этап 9. Тестирование

Перед запуском пройдите сайт глазами клиента на телефоне и компьютере.

• Все формы отправляют заявки, и заявки доходят.
• Кнопки звонка работают на телефоне.
• Нет битых ссылок и пустых страниц.
• Сайт открывается быстро при мобильном интернете.
• Тексты без опечаток, цены актуальные.
• На разных телефонах ничего не съезжает.

Этап 10. Запуск и первые недели

1. Подключить домен и SSL-сертификат.
2. Установить Яндекс Метрику и настроить цели на заявки и звонки.
3. Добавить сайт в Яндекс Вебмастер и отправить на обход.
4. Зарегистрировать компанию в Яндекс Бизнесе, если есть офис.
5. Запустить рекламу, если заявки нужны сразу: SEO даёт результат через месяцы.

Сайт после запуска не готов, а только начинает работать. Первые 2-3 месяца смотрите в Метрику: где уходят люди, какие страницы дают заявки, что спрашивают менеджеры. И дорабатывайте.

Про подключение домена, SSL и публикацию на Тильде по шагам я писал отдельно: домен и публикация сайта на Тильде.

Этап 11. Поддержка и развитие сайта

Разработка сайта заканчивается запуском, а работа с ним нет. Сайт, который не трогают год, постепенно теряет позиции: цены устаревают, конкуренты добавляют страницы, формы ломаются после обновлений сервисов, а никто этого не замечает.

Что считать результатом разработки сайта

Результат не «сайт сдан», а цифры, которые вы записали на первом этапе. Если цель была 20 заявок в месяц из Директа по цене до 1 500 ₽, через два-три месяца после запуска сверяйте именно это. Для оценки хватает трёх показателей из Метрики и рекламного кабинета: конверсия сайта в заявку, цена заявки и доля заявок, которые дошли до продажи. Как их посчитать, я разбирал в статье про расчёт конверсии.

Сколько времени занимает разработка сайта

Сроки растягиваются не из-за разработчиков, а из-за согласований: тексты, фото и правки заказчика обычно занимают больше половины времени.

Как сократить сроки без потери качества

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

Команда разработки сайта: кто за что отвечает

В небольших проектах одна команда совмещает роли. Главное, чтобы кто-то отвечал за результат в заявках, а не только за красоту.

Фрилансер, студия или один специалист

Кого бы вы ни выбрали, фиксируйте договорённости письменно: состав работ, сроки, число правок, кому принадлежат права на дизайн и код. Что обязательно прописать, я разобрал в статье договор на разработку сайта.

Как создать сайт самостоятельно: план для первого сайта

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

1. Запишите цель сайта в цифрах и одно главное действие посетителя.
2. Посмотрите 10 сайтов конкурентов из выдачи Яндекса и выпишите общие разделы.
3. Соберите запросы в Вордстате и решите, сколько страниц нужно.
4. Нарисуйте карту сайта и прототип главной на бумаге.
5. Выберите платформу: для первого сайта это почти всегда конструктор.
6. Зарегистрируйте домен на себя, а не на знакомого или подрядчика.
7. Соберите страницы из готовых блоков, начиная с мобильной версии.
8. Напишите тексты под запросы каждой страницы.
9. Подключите формы, политику, согласие на обработку данных, Метрику и цели.
10. Проверьте сайт с телефона, опубликуйте и добавьте в Вебмастер.

Пошаговую инструкцию для Тильды я разобрал в статье как сделать сайт на Тильде, а сравнение платформ есть в обзоре конструкторов сайтов.

Сами обычно справляются со сборкой. Проседают на трёх вещах: структура под запросы, тексты, которые продают, и настройка аналитики. Именно эти части потом не дают сайту приносить заявки.

Конструктор или сайт на HTML с нуля

Писать сайт вручную на HTML и CSS имеет смысл, если цель научиться веб-разработке. Для бизнеса это долгий путь: формы, адаптив под телефоны, хостинг, безопасность и обновления придётся делать и поддерживать самому. Конструктор закрывает всё это из коробки, а собственный код в нём можно вставить отдельным блоком, если нужна нестандартная функция.

Можно ли создать сайт на телефоне

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

Сколько стоит сделать сайт самому

Деньгами самостоятельный сайт обходится недорого. Главная цена это ваше время и заявки, которые вы не получите, пока сайт делается методом проб.

Цены на Тильду взяты с официальной страницы тарифов на сентябрь 2026 года, цены на домены у регистраторов меняются, поэтому перед покупкой сверьтесь с сайтом регистратора.

Когда выгоднее заказать сайт, а не делать самому

Делать самому выгодно, когда время дешевле денег, а сайт нужен для проверки идеи. Заказывать выгодно, когда каждый месяц без сайта стоит вам клиентов.

Если решите заказывать, первым делом подготовьте бриф и ТЗ: так вы сравните предложения подрядчиков по одному составу работ, а не по красоте портфолио. Сайты на Тильде под SEO и Директ я делаю сам, подробности на странице разработка сайта на Тильде.

7 ошибок, из-за которых сайт делают полгода

1. Начинать с дизайна. Без цели и структуры дизайн переделывают дважды.
2. Одна страница на все услуги. В поиске она не ранжируется ни по одной.
3. Тексты «потом». Блоки дизайна не совпадают с содержанием.
4. Мобильная версия по остаточному принципу. Теряете заявки с телефонов.
5. Нет цен и сроков. Клиент уходит к конкуренту, где они есть.
6. Нет аналитики. Невозможно понять, работает ли сайт.
7. Сайт на аккаунте подрядчика. Домен и доступы должны быть оформлены на вас.

FAQ

Итог

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