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