Как принять сайт у разработчика: чек-лист приёмки
До финальной оплаты проверьте сайт на телефонах и в браузерах, отправьте каждую форму, замерьте скорость и убедитесь, что домен, хостинг и админка — на вас.
Сайт стоит принимать по списку и до финальной оплаты: проверить его на телефонах и в разных браузерах, отправить каждую форму, замерить скорость, посмотреть SEO-настройки, юридические страницы и аналитику — и убедиться, что домен, хостинг и админка оформлены на вас. Ошибку, найденную до подписания акта, исправить проще, чем спорить о ней потом. Ниже — что и как проверить, а в конце — сводная таблица.
Как устроена приёмка сайта
Приёмка — последний шаг перед финальной оплатой и подписанием акта сдачи-приёмки. Перед ней перечитайте договор: что считается результатом, сколько кругов правок включено, за какой срок нужно прислать замечания. Под рукой должны быть техническое задание или бриф, согласованные макеты и тексты — сайт сверяют с ними, а не с тем, «как хотелось».
Замечания собирайте в один список, а не присылайте по кусочку в разные чаты. В каждом пункте — страница, устройство и браузер, что сделали и что получилось, скриншот. Ошибки отделяйте от новых пожеланий: кнопка или блок, которых не было в макете, — уже отдельная задача.
Как проверить вёрстку на телефонах и в браузерах
Откройте сайт не только на своём компьютере и телефоне: проверьте его на iPhone и Android, а на компьютере — в Chrome, Safari, Firefox и Яндекс Браузере. Убедитесь, что:
- нет горизонтальной прокрутки, текст читается без увеличения, кнопки нажимаются с первого раза;
- шрифты, отступы и картинки — как в макете, фотографии не растянуты и не размыты;
- все ссылки ведут куда нужно, меню открывается и закрывается, а несуществующий адрес показывает страницу 404;
- в текстах нет «рыбы», опечаток и устаревших цен, контакты правильные;
- анимация плавная и не дёргается.
Что именно смотреть на телефоне, подробно разобрано в статье про адаптивный дизайн.
Формы и согласие: куда приходят заявки
Форма, которая не доставляет заявки, — одна из самых обидных ошибок нового сайта, и её легко не заметить. Отправьте каждую форму с тестовыми данными: обратный звонок, заказ, квиз, подписку. Убедитесь, что:
- заявка пришла туда, куда договаривались, — на почту, в Telegram или CRM, — и именно вам, а не на тестовый адрес разработчика;
- письмо не попало в спам и в нём есть все поля формы;
- посетитель видит сообщение, что заявка отправлена;
- пустые и неправильно заполненные поля подсвечиваются с понятной подсказкой;
- ссылки на телефон и мессенджеры с телефона открывают звонок и чат.
Формы собирают персональные данные: имя, телефон, почту. По закону о персональных данных (152-ФЗ) на сайте нужна политика их обработки, а у форм — согласие посетителя; это разные документы. Проверьте, что политика опубликована, а ссылки на документы есть рядом с каждой формой. Разработчик размещает документы на сайте, но их содержание лучше составить или проверить с юристом.
Как проверить скорость, SEO и аналитику
Проверьте главную и пару ключевых страниц в PageSpeed Insights на вкладке для мобильных. У нового сайта данных реальных посетителей ещё нет, поэтому смотрите лабораторный тест: что мешает загрузке и что отчёт советует исправить. Пороги и способы ускорения — в статье о скорости загрузки сайта.
Из SEO-настроек на приёмке главное — чтобы сайт был открыт для поиска: на время разработки его часто закрывают от индексации, и запрет легко забыть снять. Дальше — свои title и description у каждой страницы, sitemap.xml и robots.txt, перенаправления на одну версию адреса и HTTPS.
Наконец, аналитика. Счётчик Яндекс Метрики должен стоять на всех страницах и принадлежать вашему аккаунту. Цели — на отправку каждой формы и клики по телефону и мессенджерам. Отправьте тестовую заявку и через некоторое время найдите её в отчёте «Конверсии». Сайт должен быть добавлен в Яндекс Вебмастер и Google Search Console, а права подтверждены на ваш аккаунт.
Доступы: на кого всё оформлено
Об этом пункте часто вспоминают, когда уже поздно: подрядчик перестал отвечать или занят другими проектами, а без него ничего не поменять. Проверьте:
- Домен. Администратор — вы или ваша компания, у вас есть доступ к кабинету регистратора, включено автопродление и известна дата окончания.
- Хостинг. Аккаунт на вас, оплата — с вашей карты или счёта, есть доступ к панели управления.
- Админка. Ваша учётная запись с правами администратора, а не общий логин разработчика. Если сайт на конструкторе, проект должен быть в вашем аккаунте или передан в него.
- Исходники. Код, макеты, исходные файлы графики. Лицензии на шрифты и фотографии оформлены так, чтобы вы могли ими пользоваться. Что именно вы получаете и с какими правами, должно быть записано в договоре.
- Сторонние сервисы. Почта на домене, сервис рассылок, онлайн-оплата, онлайн-запись — аккаунты на вас.
После передачи смените пароли и сохраните их в менеджере паролей.
Резервная копия, инструкция и гарантия
- Резервная копия. Узнайте, где она хранится, как часто обновляется и как из неё восстановить сайт. Попросите полную копию файлов и базы данных на момент сдачи и сохраните её у себя.
- Инструкция. Короткая памятка или видео: как поменять текст, цену или фото, добавить товар или статью.
- Гарантия. Срок и условия — в договоре. Обычно в гарантию входит исправление ошибок в сделанном, а новые блоки и изменения дизайна — нет. Договоритесь, куда присылать сообщения об ошибках и как быстро на них отвечают.
Чек-лист приёмки сайта
| Что проверить | Как должно быть |
|---|---|
| Телефоны и планшеты | iPhone и Android, вертикально и горизонтально: всё читается, ничего не уходит за край |
| Браузеры | Chrome, Safari, Firefox и Яндекс Браузер показывают сайт одинаково |
| Макет и тексты | Шрифты, отступы и фото как в макете, нет «рыбы», цены и контакты актуальные |
| Ссылки и кнопки | Всё нажимается и ведёт куда нужно, страница 404 работает |
| Формы | Каждая отправлена с тестовыми данными, заявки приходят вам, а не в спам |
| Скорость | Лабораторный тест PageSpeed Insights для телефона без серьёзных проблем |
| SEO-настройки | Сайт открыт для индексации, есть title и description, sitemap.xml, robots.txt, перенаправления |
| Политика и согласие | Политика опубликована, ссылки на документы есть у каждой формы |
| Аналитика | Счётчик Метрики в вашем аккаунте, цели срабатывают |
| Домен | Администратор — вы или ваша компания, есть доступ к кабинету регистратора |
| Хостинг и админка | Аккаунты на вас, у вас права администратора |
| Исходники | Код, макеты и лицензии переданы |
| Резервная копия | Свежая копия файлов и базы у вас, понятно, как восстановить сайт |
| Гарантия | Срок и условия записаны в договоре |
Частые ошибки
- Оплатить всё до проверки.
- Проверить сайт только на своём компьютере.
- Не отправить ни одной тестовой заявки.
- Согласиться, чтобы домен «пока» побыл на разработчике.
- Откладывать проверку на последний день срока, отведённого на замечания.
- Смешивать ошибки и новые пожелания.
- Подписать акт, не проверив, открыт ли сайт для поиска.
Если вы заказываете сайт и хотите заранее договориться, как его будут принимать, расскажите о задаче. Критерии приёмки удобно заложить ещё в бриф на разработку сайта, а SEO-настройки перед запуском — сверить с SEO-чек-листом нового сайта.
(Вопросы)
Частые вопросы
Что проверить перед подписанием акта приёмки сайта?
Вёрстку на телефонах и в разных браузерах, отправку всех форм, скорость, SEO-настройки, политику обработки персональных данных, аналитику и то, что домен, хостинг и админка оформлены на вас. Всё найденное — одним списком разработчику до подписания.
На кого должен быть зарегистрирован домен сайта?
На вас или на вашу компанию: администратор домена — тот, кто им распоряжается. Если домен оформлен на разработчика, переоформить его, как правило, можно только с его участием.
Должен ли разработчик отдавать исходный код сайта?
Это зависит от договора: в нём стоит прописать, что вы получаете исходники и права на их использование. Без исходного кода и доступов сменить подрядчика или перенести сайт будет трудно.
Что входит в гарантийные правки?
Обычно — исправление ошибок в том, что согласовали и сделали: сломанная форма, вёрстка, которая разъехалась в одном из браузеров. Новые блоки и изменения дизайна — уже новая задача. Срок и условия гарантии должны быть в договоре.
Что делать, если ошибка нашлась после приёмки?
Сообщить разработчику: ошибки в сделанном обычно исправляют по гарантии, если она есть в договоре. Опишите проблему так, чтобы её можно было повторить: страница, устройство, браузер, что сделали и что произошло.