Как принять сайт у разработчика: чек-лист приёмки перед оплатой

Почему приёмка важнее, чем кажется

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

Юридически это важно. Договор на создание сайта часто оформляют как подряд. По статье 720 ГК РФ заказчик обязан осмотреть и принять результат работы и сразу заявить об обнаруженных недостатках. Если недостатки не оговорены в акте, ссылаться на них потом можно только в ограниченных случаях. А если работу приняли без проверки, вы теряете право ссылаться на явные недостатки, которые можно было заметить при обычном способе приёмки. Скрытые дефекты можно предъявить позже, сообщив о них в разумный срок после обнаружения.

Вывод простой: проверяйте до подписи и записывайте всё, что нашли.

Что проверить: сводная таблица

Дальше — подробно по каждому пункту.

Приёмка сайта по шагам

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

Шаг 1. Формы и заявки

Это самое важное. Сайт может быть некрасивым, но если заявки не доходят, он бесполезен.

1. Найдите все формы на сайте: заявка, обратный звонок, квиз, калькулятор, подписка, форма в подвале, всплывающие окна.
2. Отправьте тестовую заявку с каждой формы с компьютера.
3. Повторите с телефона, через мобильный интернет.
4. Проверьте, куда пришли заявки: почта, мессенджер, CRM. Пришли ли все поля, указан ли источник.
5. Проверьте, что после отправки посетитель видит сообщение или страницу «Спасибо».
6. Нажмите на телефон на сайте с мобильного: должен открыться набор номера. Нажмите на кнопки мессенджеров: должен открыться нужный чат.

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

Шаг 2. Мобильная версия

У многих сайтов услуг телефон — основное устройство посетителей. Свою долю легко посмотреть в Метрике в отчёте по устройствам. Проверяйте на реальных устройствах: уменьшенное окно браузера показывает не всё.

1. Откройте каждую страницу с телефона: и Android, и iPhone, если есть возможность.
2. Читается ли текст без увеличения?
3. Нажимаются ли кнопки пальцем, не перекрывают ли их другие элементы?
4. Не уходит ли сайт вбок при прокрутке, не обрезаны ли картинки и таблицы?
5. Работает ли меню, закрываются ли всплывающие окна?

Что ещё важно для мобильной версии, разобрали в статье про мобильную версию сайта.

Шаг 3. Скорость загрузки

Откройте сайт с телефона через мобильный интернет, не через Wi-Fi. Если первый экран долго остаётся пустым, это проблема.

Для объективной оценки используйте PageSpeed Insights — бесплатный сервис Google. Он покажет оценку для мобильных и компьютеров и список того, что тормозит: тяжёлые картинки, лишние скрипты, шрифты. Не требуйте от разработчика 100 баллов: это редко нужно. Но если оценка мобильной версии низкая из-за картинок в несколько мегабайт, это явная недоработка.

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

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

Шаг 4. Доступы и исходники

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

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

Шаг 5. Аналитика

Без аналитики вы не узнаете, сколько людей приходит и сколько из них оставляют заявки.

1. Проверьте, что на сайте стоит счётчик Яндекс Метрики и он ваш.
2. Проверьте цели: отправка формы, клик по телефону, переход в мессенджер. Отправьте тестовую заявку и убедитесь, что цель засчиталась. Как это сделать, описано в справке Метрики о проверке целей.
3. Если планируется реклама, проверьте, что пиксели рекламных систем установлены.

Подробно о настройке целей — в статье про цели в Яндекс Метрике.

Шаг 6. Поисковая база

Даже если SEO не входило в договор, базовые вещи должны быть сделаны:

• сайт открыт для индексации: в файле robots.txt нет запрета Disallow: / для всего сайта;
• есть файл sitemap.xml;
• у каждой страницы свой title и description;
• на каждой странице один заголовок H1;
• нет тестовых страниц и копий сайта на технических адресах, открытых для поиска;
• права на сайт подтверждены в Яндекс Вебмастере.

Частая ошибка: разработчик закрыл сайт от индексации на время работы и забыл открыть. Сайт месяцами не появляется в поиске.

Шаг 7. Тексты, контакты и юридические страницы

Прочитайте сайт целиком, как клиент. Ищите:

• «рыбу» — шаблонные тексты вроде «Lorem ipsum» или «Здесь будет текст»;
• чужие телефоны, адреса, названия из шаблона;
• ошибки в ценах и названиях услуг;
• опечатки в заголовках.

Юридические тексты:

1. Политика обработки персональных данных опубликована. По статье 18.1 закона № 152-ФЗ оператор, который собирает данные через интернет, обязан опубликовать её, в том числе на страницах сбора данных.
2. У каждой формы есть согласие на обработку данных и ссылка на политику.
3. Реквизиты компании указаны и совпадают с действительными.
4. Если продаёте товары онлайн — есть условия оплаты, доставки и возврата.

Шаг 8. Соответствие ТЗ и договору

Откройте техзадание и договор и пройдите по пунктам. Всё ли сделано? Совпадает ли сайт с утверждённым макетом? Если что-то сделано иначе, это нужно либо согласовать письменно, либо записать в замечания.

Если ТЗ не было, сравнивайте с перепиской и утверждёнными макетами. На будущее — короткое ТЗ на две страницы сильно облегчает приёмку.

Что прописать в акте приёмки

Акт — документ, которым вы подтверждаете, что работа выполнена. Что в нём должно быть:

1. Перечень выполненных работ со ссылкой на договор и ТЗ.
2. Перечень переданных доступов: домен, хостинг, админка, Метрика, Вебмастер, исходники.
3. Если есть замечания — их список и срок исправления. Можно оформить отдельным приложением.
4. Срок гарантийной поддержки, если он есть в договоре: в течение какого времени исполнитель бесплатно исправляет ошибки.
5. Фраза о переходе прав на сайт, если это предусмотрено договором.

Если замечаний много, разумно не подписывать акт, а направить исполнителю письменный список замечаний и подписать акт после исправления. Формулировки по своему договору лучше согласовать с юристом.

Условный пример: цена непроверенной формы

Пример условный, не кейс студии. Клининговая компания в Краснодаре запускает новый сайт и рекламу с бюджетом 80 000 ₽ в месяц. Сайт приняли без проверки форм.

Оказалось, что форма расчёта стоимости отправляет заявки на почту, к которой у компании нет доступа. Реклама работала две недели, Метрика показала 40 отправленных форм, но до менеджеров не дошла ни одна.

Если средний чек 7 000 ₽ и в заказ превращается треть заявок, потеряно около 13 заказов, или примерно 91 000 ₽ выручки. Плюс 40 000 ₽ рекламного бюджета за две недели. Проверка формы заняла бы пять минут.

Чек-лист приёмки сайта

1. Тестовые заявки со всех форм пришли туда, куда нужно, с компьютера и с телефона.
2. Телефон и мессенджеры на сайте кликабельны.
3. Сайт корректно работает на телефоне: текст, кнопки, меню, всплывающие окна.
4. Скорость проверена, явных проблем с тяжёлыми картинками нет.
5. Все ссылки работают, нет «рыбы» и чужих данных.
6. Доступы к домену, хостингу, админке, Метрике, Вебмастеру — у вас, пароли сменены.
7. Есть исходники или доступ к репозиторию, если сайт на коде.
8. Метрика стоит, цели срабатывают.
9. Robots.txt не закрывает сайт, есть sitemap, title уникальны.
10. Политика обработки данных опубликована, согласия у форм есть.
11. Сайт соответствует ТЗ и утверждённым макетам.
12. Замечания записаны в акт или в отдельный список со сроком исправления.

Если хотите, чтобы перед подписанием акта сайт посмотрел кто-то независимый, оставьте контакты. Пройдём по чек-листу и покажем, что стоит исправить.