Итак, вы заказали сайт и дождались, наконец, результата. Исполнитель сбросил его на хостинг и, смахнув со лба пот натруженной рукой, выдохнул: «Принимай, начальник». Но что проверять-то – на что смотреть? Картинки есть? – Есть, и площадка ваша вот она, и странички заполнены контентом. Вроде, все норм. Или нет?

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

1 Сверьтесь с дизайн-проектом

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

2 Протестируйте скорость загрузки

Здесь все довольно просто: достаточно взять секундомер, открыть свой сайт и обновить страницу, зажав комбинацию клавиш «Ctrl + f5». В норме сайт должен открываться в течение 1-2 секунд при скорости Интернета от 10 мб/сек. Если страница прогружается дольше, нужна дополнительная проверка сайта на ошибки – скорее всего, исполнитель накосячил.

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

3 Проверьте ссылки на сайте

Оцените работу всех ссылок на сайте. Обычно это:

  • ссылки в навигации сайта (шапка);
  • ссылки на главной странице, на страницах услуг, товаров, кнопки и т.д.;
  • ссылки на типовых страницах;
  • ссылки в подвале сайта.

В общем, тыкайте во все, что тыкается, и смотрите на результат.

Отдельно стоит упомянуть ссылки в разделе контактов. Они должны быть. Как правило, это ссылка на звонок в телефоне и ссылка на отправку электронной почты при нажатии на иконку почты.

4 Формы обратной связи

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

  • пришла ли заявка на почту;
  • есть ли маска ввода в графе телефона +7 (___) ___-__-__;
  • отправляется ли форма, если некоторые из граф остаются незаполненными;
  • есть ли под формой информация о политике обработки персональных данных;
  • как выглядят уведомления об отправке или сбое отправки и есть ли они вообще.

Проверка сайта на ошибки

5 Страница 404

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

https://my-site.ru/fdhdfhdfh


Проверка сайта на ошибки

6 Форма поиска на сайте

Если на сайте предусмотрена возможность поиска информации и товаров, проверьте, как это работает:

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

7 SSL-сертификат

Проверьте, есть ли на сайте протокол https://. Для этого просто посмотрите в адресную строку браузера. Там должен быть замочек. Если стоит надпись «Не защищено», этим вопросом нужно обязательно заняться. Подробнее рассказывали об этом здесь.


8 Не забудьте о мобильной оптимизации

Проверить работу мобильной оптимизации вам поможет набор из смартфона, планшета, ноутбука и стационарного компьютера (20 дюймов и более).

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

Посмотрите сайт со всех устройств и пройдитесь по пунктам с 1 по 5. Посмотрите, удобно ли пользоваться сайтом с каждого из гаджетов, не «плывут» ли картинки, читаемо ли выглядит текст.

Если у вас нет какого-нибудь из устройств для теста мобильной оптимизации сайта, вам понадобится только компьютер.


Проверка сайта на ошибки

— Нажмите правой кнопкой мыши в любом месте сайта и выберите «Просмотреть код».


Проверка сайта на ошибки

— Нажмите кнопку «Toogle device toolbar». В Google Chrome в левом верхнем углу


Проверка сайта на ошибки

— Теперь вы можете имитировать различные разрешения экранов сайта (разрешения экрана различных устройств). Для этого либо вводите значения в верхнем поле, либо перетаскиваете ползунок справа. Достаточно проверить сайт в следующих разрешениях: 1600px, 1024px, 768px, 320px.

Правее от полей ввода ширины и высоты экрана есть поле масштаб. Выставите 150% когда провидится проверка сайта в разрешении 320px.

Будьте внимательны, и останетесь довольны тем, что получили

Теперь вы знаете, на что обращать внимание, заказывая создание сайта у подрядчиков. Конечно, это самый-самый must have минимум того, что нужно проверять перед приемкой площадки у исполнителя. Не поленитесь тщательно пройтись по каждому из пунктов, это важно.

Всегда ваша,
Команда веб-студии «Сайтодел».