Чек-лист: как оценить работу веб-разработчика

Заказали сайт и хотите проверить его качество? Предлагаем чек-лист, который поможет быстро понять, насколько профессионально разработчик справился со своей работой.

Из статьи вы узнаете:

  • по каким критериям оценивать работу веб-разработчика;
  • на что обращать внимание при оценке внешнего вида сайта;
  • как оценить удобство и функциональность сайта;
  • в чем состоит правильная оптимизация для поиска и соцсетей;
  • каковы критерии безопасности сайта.

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

Проверять сайт следует по нескольким направлениям.

Что проверять

Внешний вид (дизайн)

  • Все элементы страницы находятся на своих местах, верстка не «плывет».
  • Выдержана единая стилистика текста (шрифты, цвет, размер, абзацы, межстрочный интервал, поля).
  • Сайт корректно отображается во всех популярных браузерах — Chrome, Mozilla Firefox, Internet Explorer, Opera, Яндекс.Браузер, Safari (сервисы проверки — browsershots.org, browserling.com, turbo.net/browsers).
  • Интерфейс сайта «дружественен» к мобильным устройствам — использована адаптивная верстка или мобильная версия (проверка мобилопригодности — search.google.com/test/mobile-friendly).
  • Настроен Favicon (проверка — realfavicongenerator.net/favicon_checker).

Удобство (юзабилити) и функциональность

  • Все формы на сайте работают корректно.
  • После отправки формы появляется страница с благодарностью.
  • Оптимизировано время загрузки страниц — не менее 90 баллов для десктопов и мобильных при проверке на developers.google.com/speed/pagespeed/insights.
  • Отсутствуют неактивные («битые») ссылки (проверка — validator.w3.org/checklink).
  • Подключенное к сайту стороннее ПО и сервисы работают корректно (это могут быть CRM, системы платежей, коллтрекинговые сервисы и т. п.).
  • Для существующих страниц отдается HTTP-статус 200, для несуществующих — 404 (проверка — redbot.org).
  • Настроена страница ошибки 404.
  • Валидный HTML и CSS код (проверка HTML — validator.w3.org, CSS — jigsaw.w3.org/css-validator).

Оптимизация для поиска (SEO)

  • Для всех страниц прописаны метатеги (title, description) и заголовки H1, а при необходимости — H2-H6 (собрать информацию о метатегах и заголовках можно с помощью сервиса https://seopult.ru/tools/parser_tag.html).
  • Созданы файлы robots.txt и sitemap.xml и размещены в корневой папке сайта.
  • Настроены семантические (человекопонятные) URL — вместо URL вида site.ru/s/1/ используются URL вида site.ru/catalog/telefoni/.
  • Для каждого изображения прописан атрибут alt.
  • Настроены 301-редиректы в файле .htaccess, размещенном в корневой папке сайта.
  • Настроена микроразметка (проверка — search.google.com/structured-data/testing-tool).

Оптимизация для социальных сетей (SMO)

  • Настроена микроразметка Open Graph (проверка — opengraphcheck.com).
  • На страницах размещены кнопки популярных соцсетей для быстрого репоста.
  • На страницы добавлены виджеты соцсетей (с комментариями, подписчиками и т. п.).

Аналитика

  • На всех страницах сайта установлены системы статистики Яндекс.Метрика (с Вебвизором и аналитикой форм), Google Analytics.
  • Сайт добавлен в панели для вебмастеров Google Search Console и Яндекс.Вебмастер.
  • При необходимости установлены дополнительные системы аналитики (Clicky, Kissmetrics и др.).

Безопасность

  • Настроено регулярное резервное копирование сайта.
  • Организовано хранение паролей и другой конфиденциальной информации в защищенной базе.
  • На сайте установлен SSL-сертификат.

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

Следите за новыми публикациями в нашем блоге, подписывайтесь на рассылку, чтобы оперативно получать полезную информацию! Также рекомендуем подписаться на YouTube-канал CyberMarketing — здесь регулярно выкладываются обучающие видео, инсайды, кейсы и интервью в сфере интернет-маркетинга.