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

Принять сайт - значит проверить три вещи: работают ли заявки, получили ли вы все доступы и совпадает ли результат с техническим заданием. Ниже чек-лист из восьми блоков, который можно пройти самому за полтора-два часа, и список пунктов, где заказчики теряют деньги чаще всего.

С чего начинается приёмка

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

Поэтому первым делом откройте техническое задание и договор и выпишите из них список того, что обещано: количество страниц, формы, подключение оплаты, перенос текстов, настройка аналитики. Без этого списка проверять нечего - вы будете спорить не о фактах, а о воспоминаниях. Если задания не было вовсе, это отдельная проблема, и о ней мы писали в материале техническое задание на сайт.

Второе - зафиксируйте, что приёмка идёт на боевом адресе, а не на тестовом домене разработчика. На тестовой площадке половина проблем не видна: там другой хостинг, другой сертификат, другие настройки сервера.

Доступы: самое дорогое в приёмке

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

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

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

Формы и заявки

Главный блок с точки зрения денег. Нерабочая форма - это не косметический дефект, это сайт, который не выполняет свою функцию.

1. Отправьте заявку через каждую форму на сайте. Их обычно больше, чем кажется: в шапке, в первом экране, в конце страницы, во всплывающем окне, на отдельных страницах услуг. Выпишите их количество - потом по этому списку проверите каждую.
2. Проверьте, что письмо пришло, и посмотрите, в какую папку. Если в спам - это нужно чинить, а не терпеть.
3. Убедитесь, что в письме есть всё, что человек заполнил, и видно, с какой страницы пришла заявка.
4. Отправьте форму с телефона, а не только с компьютера. Поведение часто различается.
5. Проверьте, что человек видит подтверждение отправки: сообщение «заявка отправлена», а не пустая страница и не бесконечный крутящийся индикатор.
6. Проверьте поведение при ошибке: отправьте форму с пустыми полями и с некорректным телефоном - должно появиться понятное пояснение, а не молчание.

Тут же проверьте все остальные способы связи: кликните по номеру телефона с мобильного (должен начаться звонок), по почте, по кнопкам мессенджеров. Ссылка на мессенджер часто ведёт на личный аккаунт разработчика - это встречается чаще, чем можно предположить.

Мобильная версия

Проверять нужно на реальном телефоне, а не только уменьшая окно браузера. Это разные вещи: на телефоне другая ширина, другие шрифты по умолчанию, другая логика нажатий.

• Страница не ездит влево-вправо. Горизонтальная прокрутка на телефоне - дефект, который говорит, что вёрстку не проверяли.
• Нет текста, который вылезает из блоков или обрезан на половине слова.
• Меню открывается и закрывается, по ссылкам в нём можно попасть пальцем.
• Кнопки и поля форм достаточно крупные, чтобы нажать их пальцем, а не ногтем: рабочий ориентир - сторона кнопки не меньше 44 точек, примерно ширина подушечки пальца.
• Таблицы и цены не схлопываются в нечитаемую кашу.
• Всплывающие окна и баннеры закрываются: крестик виден и доступен.
• Текст читается без увеличения. Шрифт мельче 12 точек Яндекс помечает в Вебмастере как «страница не оптимизирована для мобильных» - это касается в том числе сносок и подписей под картинками.

Проверьте минимум на двух устройствах - на телефоне с Android и на iPhone, если есть доступ. Разница в отображении между ними бывает заметной. Зачем это нужно и как устроено - в материале адаптивная версия сайта.

Скорость и техническая часть

Здесь не нужно быть специалистом - достаточно нескольких наблюдений и пары открытых отчётов.

Что видно без инструментов

• Сайт открывается по https, в адресной строке нет предупреждения о небезопасном соединении.
• Адрес без www и с www ведут на один и тот же сайт, а не на две разные копии.
• Первый экран появляется быстро, картинки не догружаются рывками через несколько секунд.
• Нет битых страниц: пройдите по всем ссылкам в меню и в подвале.
• У несуществующего адреса есть нормальная страница 404 с меню, а не белый экран. Проверьте, дописав к адресу любую ерунду.
• В заголовке вкладки браузера написано название страницы, а не «Главная» или «Untitled» на всех страницах подряд.

Что стоит открыть

Скорость замерьте в PageSpeed Insights (бесплатный сервис Google: вводите адрес, получаете отчёт отдельно для телефона и для компьютера). Смотрите не общий балл, а строку LCP - время, за которое появляется самый крупный элемент первого экрана. Ориентир: до 2,5 секунды хорошо, больше 4 секунд плохо. Если цифра большая, попросите разработчика назвать причину по этому же отчёту: чаще всего в списке стоят несжатые картинки, и это правится за несколько часов. Проверить вес отдельной картинки можно, открыв её в новой вкладке и сохранив на диск - для фотографии на странице нормально 150-300 КБ, а не 4 МБ с телефона.

Посмотрите файл robots.txt по адресу вашсайт.ру/robots.txt. Если там строка Disallow: / - сайт закрыт от поисковых систем. На время разработки это нормально, но на боевом сайте это значит, что вас не будет в поиске. Там же проверьте, что в коде главной страницы нет запрета на индексацию: откройте исходный код страницы и поищите слово noindex.

Тексты, фотографии и содержание

Этот блок проверяет только заказчик: разработчик не знает ваш прайс и не отличит устаревшую цену от актуальной.

• Нет текста-заполнителя: «Lorem ipsum», «Заголовок», «Описание услуги», «Текст о компании».
• Телефон, адрес и часы работы совпадают с реальными на всех страницах, включая подвал и страницу контактов.
• Цены актуальные, и везде одинаковые: в прайсе, в карточках услуг и в калькуляторе, если он есть.
• Реквизиты, название юридического лица и ИНН написаны верно.
• Фотографии - ваши или легально купленные, а не найденные в поиске по картинкам.
• В портфолио и отзывах нет чужих объектов и выдуманных клиентов.
• Карта показывает ваш реальный адрес, а не центр города.
• Есть политика обработки персональных данных и галочка согласия в формах.

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

Аналитика: без неё приёмка неполная

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

1. Счётчик Яндекс.Метрики установлен и привязан к вашему аккаунту, вы в нём владелец.
2. В Метрике есть цели - отмеченные действия, которые она считает: отправка формы и клик по телефону. Проверяется просто: отправьте тестовую заявку, откройте Отчёты → Стандартные отчёты → Конверсии и посмотрите, появилось ли достижение цели.
3. Счётчик стоит на всех страницах, а не только на главной. Пройдите по 5-6 страницам и в отчёте «В реальном времени» проверьте, что все они попали в список просмотренных.
4. Сайт добавлен в Яндекс.Вебмастер и Google Search Console, карта сайта отправлена.
5. Если есть реклама, ссылки в объявлениях размечены UTM-метками - это приписка в конце адреса вида ?utm_source=yandex, по которой в отчёте «Источники, сводка» видно, с какого канала пришёл человек. Без неё вы не отличите заявку из рекламы от заявки из поиска.

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

Что бывает не так и как это оформить

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

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

Где обычно спорят

• «Дизайн не такой, как я представлял» - если макет был согласован, это пожелание, а не брак. Поэтому макеты и согласовывают письменно.
• «Сайт медленный» - нужен конкретный замер, а не ощущение. С цифрой разговор предметный.
• «Нет блока, который мы обсуждали голосом» - без письменной фиксации доказать нечего. Всё, что обсуждалось в звонке, после звонка дублируйте текстом.
• «Нет SEO» - продвижение и разработка это разные работы. Разумно требовать техническую основу: заголовки, скорость, индексацию, карту сайта. Позиции в поиске с разработчика сайта требовать не нужно.

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

Наши работы

Сайты, которые студия уже запустила

Четыре проекта N3MIROFF, которые можно открыть прямо сейчас и посмотреть, как они работают.

Агротех с ИИ

SkyFarm ↗

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

Сайт салона

ayvazzovsky.com ↗

Салон сложного окрашивания в Москве: онлайн-запись, видео работ, портфолио и команда. Переехал с Тильды на свой хостинг.

Онлайн-академия

ayvazzovsky.academy ↗

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

Event-агентство

navsegda-event.ru ↗

НАВСЕГДА: корпоративы и конференции - услуги, кейсы, этапы работы и расчёт мероприятия.

Витрина магазина

Monkey Market ↗

Премиальная витрина магазина кроссовок с заказом в Telegram.

Разработка сайтов от 80 000 ₽ →Все работы студии

Услуги студии по теме: разработка сайтов под ключ и SEO-продвижение статьями.

Нужен сайт, который принимает заявки, а не просто существует?

Сделаем премиальный сайт на React за 1-2 недели от материалов, с заявками в Telegram или CRM.

Получить расчёт заявок →

Нажимая кнопку, вы соглашаетесь на обработку данных для ответа на заявку.

Частые вопросы