Как проверить скорость сайта и корректность кода

Заказ сайта: как проверить качество работы специалиста по верстке

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

Кто же такой верстальшик и как реально оценить качество его работы? Специалист по верстке переводит макет сайта, который предварительно согласован с заказчиком, в html-код. То есть понять его работу неспециалисту достаточно сложно, особенно если вы никогда не сталкивались с веб-программированием. Специально для таких случаев приведем 5 рекомендаций, как оценить работу верстальщика и получить качественный продукт.

1.​ Тестирование скорости загрузки

Скриншот экрана с инструментами Google

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

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

Стоит обратить внимание на то, что для проверки скорости загрузки есть специальные сервисы.

Например, вот этот developers.google.com/speed/pagespeed/insights/?hl=ru

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

2.​ Проверка работы сайта с разных браузеров

Тестирование сайтов в разных браузерах

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

В качестве совета можно порекомендовать предварительно установить у себя все популярные браузеры и самостоятельно просмотреть сайт через них. Особое внимание стоит уделить Internet Explorer, который чаще всего демонстрирует такие казусы. Также не рекомендуется пользоваться специальными сервисами для проверки кроссбраузерности, так как они часто выдают некорректные результаты.

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

3.​ Проверка валидности верстки

Правильность верстки подразумевает под собой соблюдение правил, принятых в языке программирования html. Для того чтобы проверить валидность верстки нет необходимости начинать изучать этот язык. Достаточно воспользоваться сервисом validator.w3.org или аналогичным, который выявит все имеющиеся ошибки в кодах.

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

4.​ Проверяем заголовки

На каждой странице сайта обычно есть те или иные заголовки. Их легко отличить по крупному и жирному шрифту, который используется для обозначения. Помимо этого, в html-коде заголовки обозначаются специальными тегами – h1, h2, h3 и т.д., где цифра обозначает уровень заголовка.

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

5.​ Проверяем, как прописан заголовок страницы

В коде сайта заголовок страницы должен обозначаться тегом title. Это очень важно для того, чтобы поисковики могли определять тематику страницы. Заголовок сайта отображается в самом верху браузера над адресной строкой, при этом в поисковой выдаче он отображается крупным шрифтом в первой строке каждой позиции.

При проверке работы верстальщика нужно проверить title каждой страницы и при необходимости скорректировать их. Если самостоятельно посмотреть заголовки страниц вы не можете, то просто попросите специалиста по верстке вам их показать.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *