Как составить ТЗ на разработку сайта: шаблон с примерами

Как составить ТЗ на разработку сайта: шаблон с примерами

ТЗ на разработку сайта — это документ, который защищает вас от переделок, споров при приёмке и ситуации «я имел в виду другое». В 2026 году большинство конфликтов между заказчиками и разработчиками возникает не из-за низкой квалификации исполнителя, а из-за того, что стороны по-разному понимали задачу. Правильное ТЗ на сайт решает эту проблему ещё до начала работы.

Эта статья посвящена именно сайтам, а не общему ТЗ для фрилансера. Если вам нужен универсальный шаблон для любых задач — дизайна, текстов, маркетинга — читайте общий шаблон ТЗ для фрилансера. Здесь мы разберём специфику именно веб-разработки: CMS, хостинг, SEO-базу, интеграции и передачу прав.

Что вы узнаете из статьи

  • Чем ТЗ на сайт отличается от общего ТЗ и почему это важно.
  • Шаблон для трёх типов сайтов: лендинг, корпоративный, интернет-магазин.
  • Что обязательно указать про CMS, домен, хостинг, SEO и интеграции.
  • Раздел «передача прав и исходники» — как не потерять свой сайт.
  • Готовые формулировки, которые можно скопировать в своё ТЗ.

Почему ТЗ на сайт — это отдельный документ

Общее ТЗ для фрилансера фиксирует задачу, объём работы и критерии приёмки. Этого достаточно для текстов, дизайна или рекламной кампании. Но разработка сайта — многослойная задача, где каждый слой требует отдельных технических требований.

Вот что уникально для сайтов:

  • CMS и стек. Какая система управления контентом, какой язык программирования. Это определит, сможете ли вы сами редактировать сайт через 3 года, не завися от разработчика.
  • Хостинг и домен. Где будет стоять сайт, кто владеет доменом, что происходит при смене подрядчика.
  • SEO-база. Без базовых настроек (sitemap, robots, мета-теги, скорость) новый сайт не будет индексироваться Яндексом и Google.
  • Интеграции. CRM, системы оплаты, SMS-уведомления, email-сервисы — каждая требует отдельного технического описания.
  • Мобильная адаптация и кросс-браузерность. Стандарт для 2026 года, но без явного указания в ТЗ разработчик может сдать сайт, проверив его только в Chrome на Windows.
  • Передача прав и исходников. Кому принадлежит код и дизайн после оплаты, где хранятся исходные файлы.

Типичный сценарий без нормального ТЗ: заказчик получает сайт, который выглядит хорошо в браузере, но не открывается на iPhone, не редактируется без разработчика, не попадает в поиск, и при смене подрядчика оказывается, что исходники «остались у предыдущего разработчика на компьютере».


Структура ТЗ: три варианта для трёх типов сайтов

Структура ТЗ на сайт состоит из общего блока — одинакового для всех типов — и специфических блоков для каждого типа.

Общий блок (обязателен для любого сайта)

1. Цель и задача сайта

Цель: [конкретная бизнес-цель — заявки, продажи, информирование]
Целевая аудитория: [кто посетитель, откуда приходит, что ищет]
Основное действие пользователя: [оставить заявку / купить / позвонить / подписаться]
Конверсионный элемент: [кнопка, форма, номер телефона]

2. Структура сайта (список страниц)

1. Главная / Лендинг
2. О компании / О нас
3. Услуги / Каталог
4. Цены
5. Отзывы / Кейсы
6. Контакты
7. Политика конфиденциальности (обязательна по 152-ФЗ)

3. Требования к дизайну

Стиль: [примеры сайтов, которые нравятся — минимум 2-3 ссылки]
Фирменные цвета: [HEX или Pantone, если есть брендбук]
Шрифты: [если есть предпочтения]
Что нельзя: [цвета, стили, элементы, которые не подходят]
Логотип: [есть / нет, в каком формате — .svg, .ai, .png с прозрачностью]

4. Технические требования (общий чек-лист)

CMS: [WordPress / Tilda / 1С-Битрикс / другое / на усмотрение разработчика]
Домен: [уже есть — указать / нужно зарегистрировать — на кого]
Хостинг: [уже есть — указать / нужно выбрать / рекомендует разработчик]
SSL-сертификат: обязателен (HTTPS)
Мобильная адаптация: да, для экранов 320px и выше
Кросс-браузерность: Chrome, Firefox, Safari, Edge (последние 2 версии)
Скорость: PageSpeed Insights ≥ 70 для мобильных

5. SEO-базовые настройки (обязательно)

- Уникальные мета-теги title и description для каждой страницы
- Настройка robots.txt
- Генерация sitemap.xml и автообновление
- ЧПУ (человекопонятные URL, например /uslugi/ вместо /?id=42)
- 301-редирект: www → без www (или наоборот, на единый вариант)
- Подключение Яндекс.Метрики и Google Analytics 4
- Настройка Open Graph для корректного отображения в соцсетях
- Атрибуты alt у всех изображений

6. Передача прав и исходники

- Все права на дизайн, код и контент переходят к Заказчику после финальной оплаты
- Исполнитель передаёт: исходные макеты (Figma / PSD / AI), репозиторий кода (GitHub/GitLab с доступом Заказчика), доступы к хостингу и домену
- Гарантийный срок: 60 дней с даты приёмки — бесплатное исправление багов, не связанных с изменениями Заказчика
- Регламент резервного копирования: ежедневный бэкап на стороне хостинга, минимум 14 дней хранения

7. Этапы, сроки и оплата

Этап 1: Прототип/макет главной страницы — [срок] — [% от стоимости]
Этап 2: Дизайн всех страниц — [срок] — [%]
Этап 3: Вёрстка и программирование — [срок] — [%]
Этап 4: Интеграции и тестирование — [срок] — [%]
Этап 5: Приёмка и запуск — [срок] — [% — финальный платёж]

Лендинг (одностраничный сайт): что добавить

Лендинг — самый простой тип. Главная задача — одна страница, одно целевое действие.

Дополнительный блок для лендинга:

Количество экранов/секций: [обычно 5-10 блоков]
Целевое действие: [форма заявки / кнопка звонка / переход в мессенджер]
Форма обратной связи: поля — [Имя, Телефон, Комментарий], уведомление — [на email / в Telegram-бот]
Счётчик или таймер: [да/нет]
Квиз (опросник): [да/нет — если да, интеграция с каким сервисом]
Видеофон или анимация: [да/нет]
Интеграция с CRM: [да — указать какой: Битрикс24, amoCRM, другое / нет]

Типичный стек для лендинга: Tilda (если нужен самостоятельный редактор) или HTML/CSS/JS на хостинге (если важна скорость). WordPress избыточен для лендинга.


Корпоративный сайт: что добавить к общему блоку

Корпоративный сайт — это 5–20 страниц с разделами об услугах, команде, новостях, кейсах и контактах.

Дополнительный блок для корпоративного сайта:

Система управления контентом: WordPress / 1С-Битрикс / другое
Редактирование без разработчика: [да — Заказчик должен сам менять тексты, фото, добавлять страницы]
Блог / Новости: [да/нет — если да, категории, RSS-лента]
Форма обратной связи: [на каждой странице услуги / только на странице контактов]
Мультиязычность: [нет / русский + английский]
Личный кабинет клиента: [да/нет]
Интеграция с CRM: [указать — amoCRM / Битрикс24 / другое]
Email-рассылка: [интеграция с Unisender / SendPulse / другое]
Карта с офисами: Яндекс.Карты или Google Maps
Онлайн-чат: [Jivosite / Carrot Quest / другое / нет]

Дополнительные SEO-требования для корпоративного сайта:

- Хлебные крошки (breadcrumbs) на внутренних страницах
- Schema.org разметка: Organization, BreadcrumbList, LocalBusiness (если есть физический адрес)
- Канонические URL для избежания дублей
- Скорость: отдельный замер PageSpeed для внутренних страниц с объёмным контентом

Интернет-магазин: полный список требований

Интернет-магазин — наиболее сложный тип. Здесь критически важны оплата, каталог, доставка и безопасность.

Дополнительный блок для интернет-магазина:

Количество товаров: [ориентировочно — до 100 / 100-1000 / 1000+]
CMS: WooCommerce (на WordPress) / OpenCart / 1С-Битрикс / другое
Каталог: [структура категорий — перечислить основные]
Фильтрация товаров: [по цене, цвету, размеру, бренду — указать атрибуты]
Страница товара: [обязательные элементы — фото, описание, состав, отзывы, артикул, наличие]
Корзина и оформление заказа: [одностраничный checkout или многошаговый]

ОПЛАТА:
- Онлайн-оплата: [ЮKassa / Сбербанк / Тинькофф / Robokassa / другое]
- Оплата при получении: [да/нет]
- Рассрочка/кредит: [да/нет — если да, через какой сервис]
- Онлайн-касса (54-ФЗ): [интеграция с АТОЛ / Эвотор / другое — обязательно для онлайн-оплаты!]

ДОСТАВКА:
- Курьер: [СДЭК / Boxberry / DHL / собственная доставка]
- Самовывоз: [да/нет, адрес]
- Почта России: [да/нет]
- Расчёт стоимости доставки: [автоматический через API / фиксированный / бесплатно от суммы]

ИНТЕГРАЦИИ:
- 1С: [да/нет — синхронизация остатков и цен]
- CRM: [amoCRM / Битрикс24 / другое]
- SMS-уведомления: [SMS.ru / SMSC / другое — о статусе заказа]
- Email-уведомления: [подтверждение заказа, отгрузка, доставка]
- Яндекс.Маркет и Google Merchant Center: [экспорт фида — да/нет]

ЛИЧНЫЙ КАБИНЕТ:
- Регистрация и авторизация: [email / телефон / через Госуслуги]
- История заказов
- Управление адресами
- Программа лояльности / бонусы: [да/нет]

БЕЗОПАСНОСТЬ:
- HTTPS обязательно
- Защита от DDoS: [на уровне хостинга или CDN]
- Политика конфиденциальности и согласие на обработку персональных данных (152-ФЗ)
- Правила оферты (оферта обязательна при онлайн-продажах)

Чего нельзя забыть: универсальный чек-лист перед отправкой ТЗ

Перед тем как отправить ТЗ разработчику, проверьте по этому чек-листу:

Базовые требования:

  • Указана цель сайта и главное целевое действие пользователя
  • Перечислены все страницы с кратким описанием содержания
  • Есть примеры сайтов, которые нравятся визуально
  • Указана CMS или дано право выбора разработчику (с пояснением — нужен ли самостоятельный редактор)
  • Есть требования по мобильной адаптации и кросс-браузерности

SEO и аналитика:

  • Включены мета-теги, sitemap, robots.txt, ЧПУ
  • Указаны системы аналитики для подключения (Яндекс.Метрика, GA4)
  • Требование по скорости (PageSpeed ≥ 70 для мобильных)

Интеграции:

  • Перечислены все нужные интеграции (CRM, оплата, почта, SMS)
  • Для каждой интеграции указан конкретный сервис или дано право выбора
  • Если нужна онлайн-оплата — указана интеграция с онлайн-кассой (54-ФЗ)

Юридическое и техническое:

  • Раздел «передача прав» — код и дизайн переходят к заказчику
  • Указан порядок передачи исходников и доступов
  • Прописан гарантийный срок и порядок исправления багов
  • Регламент резервного копирования

Этапы и оплата:

  • Разбивка на этапы с промежуточными платёжными вехами
  • Критерии приёмки каждого этапа (что считается «готово»)
  • Условия финальной приёмки и запуска

Если хотите найти надёжного разработчика для вашего проекта — читайте как найти надёжного разработчика и как проверить разработчика перед сделкой.


Часто задаваемые вопросы

Чем ТЗ на сайт отличается от общего ТЗ для фрилансера? Общее ТЗ фиксирует задачу и критерии приёмки — это универсальный документ для любой услуги. ТЗ на сайт — специализированный документ, который включает дополнительные блоки: структуру страниц и навигацию, стек технологий и CMS, требования к хостингу и домену, SEO-базовые настройки (sitemap, robots, мета-теги), список интеграций (CRM, оплата, SMS), мобильную адаптацию, кросс-браузерность, условия передачи прав и исходников, регламент резервного копирования.

Нужно ли указывать CMS в ТЗ на сайт, если я не разбираюсь в технологиях? Да, обязательно — хотя бы на уровне предпочтений. Если вы хотите управлять контентом самостоятельно без разработчика, укажите: «Нужна CMS с интуитивным редактором: WordPress, Tilda, 1С-Битрикс или аналог». Если важна скорость работы, добавьте: «Без тяжёлых конструкторов». Без этого указания разработчик выберет то, что удобно ему, — и вы можете получить систему, которую не сможете обновить самостоятельно.

Как описать требования к SEO в ТЗ на сайт, если я не SEO-специалист? Достаточно стандартного чек-листа: настроить мета-теги title и description для каждой страницы; создать sitemap.xml и robots.txt; обеспечить ЧПУ (человекопонятные URL); настроить 301-редирект с www на без www (или наоборот); подключить Яндекс.Метрику и Google Analytics; скорость загрузки главной страницы — не более 3 секунд (PageSpeed Insights ≥ 70). Вставьте этот список в ТЗ дословно — разработчик будет знать, что от него ожидают.

Что должно быть в разделе «передача прав» ТЗ? Укажите три вещи: (1) все права на дизайн, код и контент переходят к заказчику в момент финальной оплаты; (2) разработчик передаёт исходные файлы — макеты в Figma (или .psd/.ai), исходный код в репозитории (GitHub/GitLab) с доступом заказчика; (3) в течение гарантийного срока (обычно 30–90 дней) разработчик бесплатно устраняет баги, не связанные с изменениями заказчика. Без этого раздела разработчик формально может сохранить права на код.

Сколько времени занимает написание ТЗ на сайт? При использовании готового шаблона — 1–2 часа для лендинга и 3–5 часов для интернет-магазина. Ключевые временные затраты — сбор информации о целевой аудитории, структуре страниц и списке интеграций. Совет: сначала заполните структуру сайта (список страниц и их назначение), потом — технические требования. Это сэкономит 30–40% времени.


Заключение

Хорошее ТЗ на сайт — это не бюрократия, а инструмент защиты. Три части, которые спасут вас от большинства конфликтов: полный список интеграций (особенно оплата и CRM), требования к SEO-базе и раздел о передаче прав с исходниками. Без них даже хорошо сделанный сайт может стать проблемой уже через год.

Используйте шаблоны из этой статьи как стартовую точку: скопируйте нужные блоки, заполните конкретику под ваш проект и согласуйте с разработчиком до начала работы. Правки в ТЗ стоят ноль рублей. Переделки готового сайта — от 30 до 100% первоначального бюджета.

Когда ТЗ готово — время найти исполнителя. Читайте как нанять веб-разработчика: этапы, сроки, оплата.

💡 Опубликуйте заявку на разработку сайта на Gde.Expert Прикрепите готовое ТЗ к заявке — разработчики дадут точные оценки по срокам и бюджету. Бесплатно, без посредников.

→ Опубликовать заявку

Читайте также

Получайте новые статьи на почту

Раз в неделю. Никакого спама.

you@example.com

Раз в неделю — новые материалы. Отписаться можно одним кликом.