ТЗ на разработку сайта— это документ, в котором заказчик и подрядчик фиксируют всё, что входит в проект: страницы, функционал, дизайн, CMS, интеграции, SEO-базу, аналитику и критерии приёмки. Без технического задания сайт часто превращается в бесконечные правки, споры «мы так не договаривались» и расходы сверх сметы. ТЗ защищает бюджет, сроки и конечный результат.
Что такое ТЗ на разработку сайта и зачем оно нужно
Что происходит без ТЗ
- Подрядчик и заказчик по-разному понимают объём работ
- Смета растёт в процессе — «это дополнительная задача»
- Сроки затягиваются из-за неясных требований и итераций
- SEO и аналитика вспоминаются после запуска — переделка
- Часть функционала «вдруг» оказывается не включена
- Правки становятся бесконечными без базовой документации
- Невозможно объективно принять результат
ТЗ ≠ художественный текст
Хорошее ТЗ — это таблицы, списки и конкретные формулировки. «Сделайте современно и удобно» — не требование. «Форма заявки с полями: имя, телефон, услуга; после отправки — уведомление на почту и запись в CRM» — это требование.
Структура ТЗ: 9 обязательных разделов
| Раздел | Что описать | Зачем нужен |
|---|---|---|
| 1. Цели проекта | Для чего создаётся сайт, кто ЦА, что должно быть результатом | Чтобы структура и дизайн работали на задачу |
| 2. Структура сайта | Карта страниц и разделов | Основа для оценки объёма работ и сметы |
| 3. Функционал | Формы, поиск, фильтры, корзина, личный кабинет | Чтобы не возникло споров по разработке |
| 4. Дизайн | Стиль, референсы, брендбук, адаптивность | Чтобы согласовать визуальное направление |
| 5. CMS | Система управления и кто ею пользуется | Чтобы понимать дальнейшее администрирование |
| 6. Интеграции | CRM, Метрика, формы, оплаты, API | Чтобы сайт работал в системе, не изолированно |
| 7. SEO и аналитика | URL-структура, метатеги, sitemap, цели | Чтобы сайт был готов к продвижению с первого дня |
| 8. Контент | Кто готовит тексты, фото, видео | Чтобы не возникло задержки из-за отсутствия материалов |
| 9. Критерии приёмки | По каким признакам работа считается выполненной | Чтобы закрыть проект без споров |
Шаблон ТЗ: раздел за разделом
Раздел 1. Общая информация и цель
- Название компании и сфера деятельности.
- Основная цель сайта: заявки, продажи, информирование, рекрутинг.
- Целевая аудитория: кто будет пользоваться сайтом.
- География: регион, язык, мультирегиональность.
- Желаемые сроки запуска.
Раздел 2. Структура сайта
Пример карты страниц для корпоративного сайта:
- Главная
- Услуги → страница каждой услуги
- Портфолио → страница кейса
- О компании
- Блог → страница статьи
- Контакты
- Политика обработки данных
Каждую страницу нужно описать отдельно: цель, блоки, функционал, форма.
Раздел 3. Функциональные требования
Формулируйте конкретно. Не «удобный поиск», а:
- Поиск по каталогу с фильтрами по категории, цене, производителю.
- Форма заявки: поля имя, телефон, услуга, комментарий.
- После отправки формы: запись в CRM + уведомление на email менеджера.
- Корзина с расчётом стоимости и выбором доставки.
Разделы 4–9
Дизайн: укажите стиль, 3–5 референсов, фирменные цвета, шрифты. CMS: укажите, кто будет редактировать сайт и как часто. Интеграции: перечислите все внешние системы. SEO: минимальный чеклист ниже. Контент: кто готовит и к какому сроку. Приёмка: список проверок перед финальным актом.
Пример заполнения для корпоративного сайта
| Раздел | Заполненный пример |
|---|---|
| Цель | Получать заявки из органики и контекста по услугам digital-маркетинга |
| ЦА | Владельцы МСБ, маркетологи, руководители |
| Структура | Главная, 6 страниц услуг, портфолио, о компании, блог, контакты |
| Форма | Имя, телефон, услуга, комментарий → CRM + email менеджера |
| CMS | WordPress с возможностью редактировать тексты и добавлять статьи |
| Интеграции | Яндекс.Метрика, CRM, Callibri или аналог |
| SEO-требования | Метатеги, ЧПУ, sitemap, robots, Schema Article, скорость |
| Приёмка | Все формы работают, Метрика подключена, мобильная версия проверена |
Для корпоративного сайта важно сделать отдельные страницы под каждую услугу: это даёт SEO-преимущество и позволяет запускать рекламу на точные запросы.
Пример заполнения для интернет-магазина
| Раздел | Заполненный пример |
|---|---|
| Цель | Продавать товары онлайн с онлайн-оплатой и сбором повторных заказов |
| Каталог | Категории / подкатегории / карточка товара |
| Карточка товара | Фото (несколько), цена, наличие, характеристики, отзывы, связанные товары |
| Функционал | Фильтры, поиск, избранное, сравнение, корзина, оформление заказа |
| Оплата | Онлайн-оплата картой, наложенный платёж |
| Доставка | Курьер, СДЭК, самовывоз — расчёт стоимости на странице |
| Интеграции | CRM, учёт склада, Метрика с целями e-commerce |
| SEO | ЧПУ по иерархии, шаблоны метатегов, canonical на фильтры |
Для интернет-магазина особенно важно прописать поведение фильтров: неправильная работа порождает тысячи дублей URL и мешает SEO-индексации.
SEO-требования в ТЗ: минимальный блок
SEO-блок часто забывают в ТЗ — и потом сайт приходится переделывать. Добавьте его как отдельный раздел.
- ЧПУ-адреса для всех страниц (без ?id=123 и лишних параметров)
- Один H1 на каждой странице
- Возможность редактировать title и meta description вручную
- Автоматическая генерация sitemap.xml
- Корректный robots.txt
- Адаптивная верстка для мобильных
- Скорость загрузки — оптимизация изображений и кода
- Настроенные цели в Яндекс.Метрике
- Микроразметка Schema.org для нужных типов страниц
- Canonical для страниц с фильтрами и параметрами
- Редиректы со старых URL при переезде
Подробнее про этапы создания сайта — в материале14 этапов создания сайта. Про выбор подрядчика — в статьекак выбрать веб-студию.
Алгоритм составления ТЗ за 5 шагов
- Опишите цель сайта: что должен делать пользователь после посещения — оставить заявку, купить, позвонить, скачать материал.
- Составьте карту страниц: перечислите все разделы и вложенные страницы с их назначением.
- Выпишите функционал: формы, фильтры, интеграции, личный кабинет, оплата — максимально конкретно.
- Добавьте требования к дизайну, CMS, SEO-базе и аналитике.
- Зафиксируйте критерии приёмки и приложите ТЗ к договору как неотъемлемую часть.
Как ТЗ связано с договором и сметой
ТЗ должно быть приложением к договору. Тогда подрядчик отвечает не за абстрактный «сайт», а за конкретный набор страниц, функций и критериев. Смета строится на основе ТЗ: страницы × сложность дизайна × функционал × интеграции.
Как работает связка ТЗ → договор → смета
- ТЗ определяет объём работ.
- Смета — стоимость этого объёма по этапам.
- Договор — обязательства сторон, сроки, ответственность.
- При изменении ТЗ — пересматривается смета и сроки письменно.
Если ТЗ меняется устно, через несколько недель стороны помнят договорённости по-разному. Это главная причина конфликтов на финальном этапе.
Про варианты разработки под ключ — в статьесайт под ключ. Стоимость — в материалесколько стоит создание сайта.
Ошибки заказчика при написании ТЗ
- Писать «сделайте современно» вместо конкретных требований
- Не описывать цель сайта и целевую аудиторию
- Забывать о мобильной версии в требованиях
- Не указывать интеграции с CRM и аналитикой
- Не прописывать структуру страниц перед дизайном
- Не включать SEO-блок в ТЗ
- Не описывать формы и логику уведомлений
- Не согласовывать критерии приёмки
- Считать составление ТЗ задачей только подрядчика
- Менять требования после старта без письменного согласования