Аудит сайта funt.by

Автор:
Дата:
Аудит сайта funt.by

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

1. Элементы оформления сайта

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

Мелкий текст на funt.by
Мелкий шрифт на главной странице.

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

Далее обратим внимание на каталог: есть некоторые недочеты в верстке. А именно картинки, перекрывающие границу блока, "съехавшие" кнопки покупки.

Баги верстки funt.by
Баги верстки в каталоге.

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

Логотип funt.by
Телефоны в логотипе (взят с сайта).

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

2. Техническая составляющая

В первую очередь проверяем скорость загрузки с помощью популярного сервиса от Google - Pagespeed Insights

Скорость загрузки funt,by на мобильных
Скорость загрузки на мобильных.

Скорость загрузки funt,by на компьютерах
Скорость загрузки на компьютерах.

Удивляться здесь абсолютно нечему. Так как сайт сделан на одной из популярных CMS, нетрудно догадаться, что тормозит отображние контента. В будущем мы подробнее опишем, почему более-менее серьезным компаниям не стоит делать сайты на CMS.

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

Стили и скрипты funt.by
Стили и скрипты.

Теперь обратимся к сервису w3c validator, который покажет ошибки в синтаксисе html-разметки страницы. На сегодняшний день на сайте обнаружено 58 ошибок разного рода. Половина из них исправляется за 5 минут. Критичных ошибок нет, но их наличие в любом случае негативно сказывается на ранжировании сайта поисковиками.

Ошибки верстки сайта funt.by
Ошибки сайта в w3c validator.

3. SEO-оптимизация

Судя по открытым источникам, на момент проведения аудита примерная посещаемость сайта составляет примерно 100 визитов в сутки. Теги title и description заполнены по всему сайту, однако качество заполнения местами желает оставлять лучшего.

На некоторых страницах title, description, keywords заполнены одинаково, что недопустимо. Практически во всем каталоге title совпадает с названием раздела, заголовок получается очень коротким и слишком обощенным, что будет плохо ранжироваться поисковыми системами. На многих страницах видно, что заголовки заполнены динамически. К примеру, "Купить Тачка строительная". Этого следует избегать. 

Из положительных моментов можем отметить наличие микроразметки OpenGraph и Twitter.

SEO сайта funt.by
Title, description, keywords сайта.

Надеемся, наш аудит оказался для вас полезен.