Как составить ТЗ на сайт: простая инструкция для заказчика и шаблон

ТЗ — техническое задание — звучит сложно, но по сути это просто список того, что должен уметь ваш сайт. Как список покупок перед походом в магазин: без него купите не то, забудете главное и потратите больше.

Почти любой разговор о сайте начинается с фразы «нужен современный, удобный сайт». Каждый понимает её по-своему. Поэтому один подрядчик называет 20 тысяч, другой 300, а в конце работы звучит «я не это имел в виду».

Ниже десять простых вопросов. Ответьте на них своими словами — и у вас будет ТЗ. В конце есть бесплатный шаблон в Word, куда эти ответы удобно вписать.

Без терминов в разговоре о сайте не обойтись, поэтому каждый термин в статье — ссылка на наш справочник: нажмите и прочитайте, что он значит, простыми словами.

Зачем это нужно

1. Цены можно сравнить. Три подрядчика считают один и тот же список, а не свои фантазии.
2. Работу можно принять. По каждому пункту видно: сделано или нет. Без списка сдача превращается в спор о вкусе.
3. Сайт не пропадёт вместе с подрядчиком. Если разработчик сменится, новый прочитает документ и поймёт, что и зачем сделано.

1. Что сайт должен делать

Самый важный вопрос. Пишите не впечатление, а действия.

Так не надо:

Нужен современный красивый сайт, удобный для клиентов.

Так надо:

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

Простая проверка: можно ли прийти на готовый сайт и попробовать это сделать. «Удобный» попробовать нельзя. «Оформить заказ без регистрации» — можно.

Сюда же напишите, зачем вам сайт и как вы поймёте, что он работает. Например: «20 заявок в месяц», «менеджер перестал принимать заказы по телефону», «клиенты записываются сами, без звонка».

2. Кто будет пользоваться сайтом

Обычно это несколько человек с разными задачами:

• покупатель или клиент — смотрит, выбирает, оставляет заявку;
• постоянный клиент — заходит в личный кабинет, видит свои заказы;
• ваш менеджер — принимает заказы;
• вы как владелец — меняете товары, цены и тексты.

Добавьте пару слов о ваших клиентах. «Родители школьников, заходят в основном с телефона» — и подрядчик сразу понимает, каким должен быть сайт.

3. Какие будут страницы

Просто перечислите. Можно столбиком, как оглавление:

Главная
Каталог
 ├── Раздел каталога
 └── Страница товара
Корзина
Личный кабинет
О компании
Контакты

Не уверены — напишите, какие страницы есть у конкурента и нравятся вам. По этому списку подрядчик сразу видит объём работы.

4. Что есть на каждой странице

Для каждой страницы — что на ней можно сделать.

Так не надо:

Сделать личный кабинет.

Так надо:

В личном кабинете клиент меняет имя и телефон, видит свои прошлые заказы и может повторить любой из них одной кнопкой.

Отдельно напишите, что вы хотите менять на сайте сами, без программиста. Товары и цены — почти всегда. А ещё тексты на главной, баннеры с акциями, график работы, ответы на частые вопросы. Их часто забывают, а потом за каждую правку приходится платить.

5. С чем сайт должен быть связан

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

• уведомления о заказах — в Telegram, на почту, по SMS;
• CRM — программа, где вы ведёте клиентов и сделки, например Битрикс24 или amoCRM;
• 1С или склад — чтобы на сайте были настоящие остатки и цены;
• онлайн-оплата картой или через СБП;
• доставка — например, расчёт стоимости СДЭК;
• маркетплейсы — Wildberries и Ozon.

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

6. Что делать, если что-то пошло не так

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

Пройдитесь по вопросам, которые подходят вашему сайту:

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

Именно этим сайт, который спокойно работает годами, отличается от сайта, который ломается при первой необычной ситуации.

7. Как сайт должен выглядеть

«Хочу красиво» подрядчику ничего не говорит. Лучше так:

• 3–5 сайтов, которые вам нравятся, и чем именно: цветами, крупными фото, простотой;
• сайты, которые не нравятся, — это тоже помогает;
• что уже есть: логотип, фирменные цвета, фотографии;
• с чего чаще заходят ваши клиенты — с телефона или с компьютера.

8. Как вас должны находить в Яндексе и Google

SEO — поисковое продвижение — отдельная большая работа. Чтобы сайт стабильно находили, нужно разобраться в вашей нише: как ищут клиенты, что пишут конкуренты, какие запросы приводят покупателей, а какие случайных людей. Если сайт должен приводить клиентов из поиска, скажите об этом сразу: переделывать потом дороже.

Что напишете вы:

• 5–10 фраз, которыми клиенты ищут то, что вы продаёте. Их словами, а не вашими: «купить школьную рубашку в Чебоксарах», а не «реализация текстильной продукции». Из таких фраз потом собирают семантическое ядро — полный список запросов;
• город или регион, где вы работаете;
• адрес старого сайта, если его уже находят в поиске. При переезде старые страницы перенаправляют на новые редиректом 301, иначе место в поиске придётся зарабатывать заново.

Что должен сделать подрядчик — этот список можно вставить в ТЗ как есть:

• у каждой страницы свои заголовок и описание для выдачи;
• понятные адреса страниц из слов, а не из цифр;
• карта сайта и файл robots.txt — подсказки поисковику, что обходить;
• canonical — основной адрес у каждой страницы, чтобы не было дублей;
• микроразметка — служебное описание страницы: организация, товар с ценой, вопросы и ответы;
• Open Graph — красивое превью, когда ссылку пересылают в мессенджере;
• подключённые кабинеты вебмастера Яндекса и Google, чтобы видеть, как сайт индексируется.

Отдельная тема — ИИ-ассистенты. Алиса, ChatGPT и Gemini берут ответы из индексов тех же поисковиков (ИИ-поиск), а для них на сайте полезен файл llms.txt. Подробно — в статье как сайт попадает в ответы ИИ. А если не хотите разбираться самостоятельно, SEO и выдачу в ИИ-ассистентах мы делаем отдельной услугой.

9. Сколько людей и товаров

Для сайта-визитки достаточно написать «должен быстро открываться с телефона». Для магазина добавьте:

• сколько примерно посетителей в день и сколько в дни акций;
• сколько у вас товаров сейчас и сколько планируете через год.

От этих цифр зависит, какой нужен сервер — обычно это VPS, арендованный виртуальный сервер, — и как устроить сайт, чтобы он не тормозил в самый горячий день. Скорость страницы Google измеряет по Core Web Vitals. Чтобы уложиться в норму, подрядчик использует:

• SSR — страница собирается на сервере и приходит готовой;
• кэширование — сайт не делает одну и ту же работу дважды;
• ленивую загрузку — картинки грузятся, когда до них долистали;
• CDN — раздачу файлов с серверов ближе к посетителю, если клиенты в разных регионах.

10. Что вы должны получить в конце

Об этом обычно вспоминают слишком поздно — когда подрядчик пропал, а сайт сломался. Запишите заранее, что сайт и всё, что к нему относится, оформлено на вас:

• код сайта в вашем репозитории — хранилище кода в Git, где видна вся история изменений;
• все доступы: хостинг, домен, панель управления, почта, статистика посещений;
• описание сайта — что сделано и как его запустить. У нас это README в формате ТЗ (написан на Markdown) и история версий;
• инструкция для вас: как добавить товар, поменять текст, посмотреть заявки;
• резервные копии — и понятно, как из них всё восстановить;
• порядок выкатки обновлений и отката, если что-то пошло не так;
• срок бесплатных исправлений после сдачи и цена сопровождения дальше.

Почему так важно, чтобы сайт принадлежал вам, а не подрядчику и не сервису, — в статье свой сервер или конструктор.

Как понять, что работа сделана

В конце ТЗ напишите несколько простых проверок. Пройдёте их сами — работа принята. Например:

1. Я оформил заказ с телефона за две минуты и получил уведомление.
2. Я сам добавил товар с фотографией, снятой на телефон.
3. Старые ссылки из поиска открывают новые страницы, а не ошибку.

Если по каждому пункту ТЗ можно ответить «да» или «нет», документ получился.

Шаблон ТЗ

Мы собрали все вопросы в шаблон с подсказками. Заполняйте как получается: пустой раздел лучше выдуманного.

• Скачать шаблон ТЗ в Word (.docx)
• Скачать шаблон в текстовом формате (.md) — открывается в Блокноте, Notion и Obsidian

Шаблон можно отправить любому подрядчику, не только нам.

Если не получается

Это нормально: вы разбираетесь в своём деле, а не в сайтах. Опишите задачу так, как объяснили бы новому сотруднику, и пришлите нам. Мы зададим вопросы и составим ТЗ вместе с вами — разбор задачи бесплатный. Какие сайты мы делаем и сколько это стоит — на странице «Сайты и интернет-магазины».