Аудит юзабилити и SEO сайта рекламного агентства

Вводная информация

В данном отчете приведены детальные описания основных проблем, скриншоты сайта и дополнительные видео с демонстрацией выявленных недостатков.

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

Также по всем выявленным проблемам даны рекомендации по их устранению.

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

Навигация по сайту

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

Рекомендуем добавить ссылки на основные разделы сайта.

При переходе по подразделам сайта ссылка на страницу «Контакты» периодически выводится во второй строке.

Рекомендуем обеспечить правильное отображение главного меню на всех страницах сайта.

При переходе по подстраницам также меняется шрифт в навигационных меню.

Рекомендуем обеспечить одинаковое отображение текста навигационного меню на всех страницах сайта.

При переходе на страницу «Световые короба» http://www.tecspb.ru/narushka/svetovie-koroba.html, ее дизайн полностью разваливается, т.к. не загружаются стили оформления и графические элементы.

Скриншот: https://yadi.sk/i/cspcHv0-3U8Cuh

Аналогичная проблема наблюдается и при переходе в подразделы «Газеты» http://tecspb.ru/poligrafiya/gazeti.html или «Календари» http://tecspb.ru/kalendari.html.

Рекомендуем обеспечить правильную работу всех страниц и элементов сайта.

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

Например, пользователь не видит до перехода по соответствующей ссылке наличия четырех подразделов в разделе «Широкоформатная печать».

Для раздела «Наружная реклама» в меню выводится только 4 ссылки, хотя их намного больше.

Скриншот: https://yadi.sk/i/CX26Uqza3U8K3z

Рекомендуем пересмотреть алгоритм работы и компоновку меню, добавить открывающиеся списки с ссылками на подразделы.

Отдельно стоит отметить, что в меню ссылки с подразделами и без них оформлены совершенно одинаково.

Рекомендуем обозначить наличие подразделов при помощи соответствующих графических маркеров.

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

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

Текст ссылки в главном меню не соответствует заголовку раздела.

Рекомендуем привести в соответствие заголовки разделов и текст ссылок в меню.

Отдельно стоит отметить, что при переходе к просмотру полного текста новости, теряется выделение соответствующего раздела «Новости» в главном меню.

Рекомендуем обеспечить корректную работу подсветки текущего раздела на всех страницах сайта.

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

Ниже представлены скриншоты и видео с демонстрацией работы таких элементов.

	https://youtu.be/yRPI6OLb5UY
	https://youtu.be/yVjTrwSwgco
	https://youtu.be/e5d-jXw54Uw
	https://youtu.be/kGyX2QcPgyQ
	https://youtu.be/zBoErungOr0
	https://youtu.be/q11oUyVy0ok
	https://youtu.be/WyPbRAicysM
	https://youtu.be/I3hFVueo_xM
	https://youtu.be/sw60-isy8gs
	https://youtu.be/xCGsynMky14
	https://youtu.be/K_V84J53bOo

Рекомендуем сделать навигационные элементы интерактивными и менять их оформление при наведении курсора.

Главная страница

Неудачно выполнена компоновка блока с прокруткой информации об акциях.

Текст в трех из четырех акциях обрезан.

На фоне виден посторонний элемент интерфейса.

Рекомендуем убрать посторонние элементы интерфейса и обеспечить вывод блоков без обрезки по краям.
Ссылки в акциях не реагируют на наведение курсора.

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

Полный скриншот с выделением вхождений слов с корнем «реклама», показан по ссылке https://yadi.sk/i/BAropoep3U8fZw.

Рекомендуем публиковать тексты в первую очередь для пользователей сайта и клиентов.

Ссылки в тексте не реагируют на наведение курсора.

Рекомендуем убирать подчеркивание при наведении курсора.

Логотипы кампаний-партнеров не реагируют на наведение курсора. Ссылки на сайты партнеров отсутствуют.

Рекомендуем сделать логотипы интерактивными и добавить ссылки на описания проектов или сайты партнеров.

Новости

Адрес страницы: http://www.tecspb.ru/blog/.

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

Рекомендуем регулярно публиковать на сайте актуальные новости компании и индустрии с периодичностью 3-4 статьи в месяц. Это позитивно скажется не только на юзабилити, но и на поисковой оптимизации сайта.

Отсутствуют изображения для некоторых новостей.

Рекомендуем добавить изображения в анонсы всех новостей.

Нет отступа между иллюстрацией и текстом.

Рекомендуем добавить отступ шириной 15-20 пикселей.

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

Рекомендуем продублировать данный блок в верхней части ленты новостей.

В модуле постраничной навигации ссылки не реагируют на наведение курсора. Также не выделяется номер текущей подстраницы.

Рекомендуем явно выделять текущий раздел сайта в навигации.

Не согласовано расстояние между анонсом новости и ссылкой «Подробнее». В результате дизайн выглядит неаккуратно.

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

Партнеры

Адрес страницы: http://www.tecspb.ru/partnery.html.

На странице размещены только логотипы компаний-партнеров без какой-либо текстовой информации и ссылок на соответствующие сайты.

Рекомендуем добавить краткое описание сферы деятельности и услуг по каждому партнеру.

Отзывы

Адрес страницы: http://www.tecspb.ru/otzyvy.html

На странице опубликовано всего 5 скриншотов с отзывами.

Рекомендуем опубликовать на сайте максимально большое число отзывов от клиентов компании.
При открытии увеличенного просмотра отзыва нет ссылок для перехода к предыдущему или следующему отзыву.

Рекомендуем добавить ссылки для перехода к просмотру предыдущего или следующего отзыва.
Все отзывы датированы 2011-2012 годом. Создается впечатление, что информация на сайте не обновляется.

Рекомендуем актуализировать информацию и разместить свежие отзывы клиентов за 2016-2017 год.

Вакансии

Адрес страницы: http://www.tecspb.ru/vakansii.html

Пространство страницы используется неэффективно и содержит большие зоны без контента.

Скриншот: https://yadi.sk/i/tUBZKWvW3U8j8m

Рекомендуем пересмотреть компоновку страницы и разместить текст справа от фото.

Нет явного визуального выделения заголовков с названиями вакансии.

Рекомендуем использовать для заголовков шрифт большего размера.

Контакты

Адрес страницы: http://www.tecspb.ru/kontakty.html

Номера телефонов и адрес email размещены в нижней части страницы и не видны без использования прокрутки страницы.

Скриншот: https://yadi.sk/i/9yOPLtQ83U8jNw

В результате эту информацию видят не все пользователи, зашедшие на страницу.

Карта скроллинга: https://yadi.sk/i/C5JM-xzZ3U8jYN

Рекомендуем разместить номер телефона и email в верхней части страницы.

Кроме этого, отсутствует стандартная форма отправки сообщения. Это отрицательно сказывается на юзабилити и конверсии.

Рекомендуем добавить форму обратной связи на страницу «Контакты».

Обратная связь

Адрес страницы: http://www.tecspb.ru/obratnyij-zvonok.html.

Дизайн страницы не проработан и выбивается из общего стиля оформления сайта.
Нет заголовка раздела сайта.

Рекомендуем добавить соответствующий заголовок.

Не проработано расположение и дизайн элементов формы.

Рекомендуем привести дизайн формы в соответствие с общей стилистикой сайта.

Не выводятся сообщения об ошибках в заполнении полей формы.

Удалось отправить заявку с некорректными значениями полей.

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

Просмотр услуг

Юзабилити раздела будем рассматривать на примере наиболее популярной страницы http://www.tecspb.ru/rasprostranenie-listovok.html.

Не согласована величина вертикальных отступов.

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

Кнопка не реагирует на наведение курсора.

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

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

Рекомендуем указать эту информацию в полях формы.

Не согласована величина отступов.

Рекомендуем использовать одинаковые отступы в соответствии с модульной сеткой сайта.

Непонятно, в чем суть специальных предложений.

Обозначение «руб» переносится на вторую строчку, и дизайн выглядит неаккуратно.

Рекомендуем обеспечить вывод текста в одной строке.

Используется слишком большой вертикальный отступ между элементами:

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

Рекомендуем открывать только одну форму, соответствующую выбранному варианту.

Непонятно, что обозначают звездочки в полях формы.

Рекомендуем явно указать, что все поля являются обязательными для заполнения.

Допущена ошибка в сокращении «электронная почта».

На странице нет никаких сообщений об успешной отправке заявки. Их можно увидеть только после повторного нажатия на кнопку «Заказать». Это крайне негативно сказывается на юзабилити.

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

Кнопка «Отправить» и иконка закрытия формы не реагируют на наведение курсора.

Рекомендуем сделать данные элементы интерактивными.

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

Карта скроллинга: https://yadi.sk/d/VqnkqgYL3U9rTa.

Общие итоги и выводы

В данный момент сайт содержит ряд существенных недоработок, которые крайне негативно сказываются на юзабилити и конверсии, а именно:

1. основной поисковый трафик идет из Google. Количество переходов из Яндекса гораздо ниже;
2. рекламный трафик идет из Google Adwords. При этом его качество гораздо хуже, чем из Яндекс.Директа;
3. наблюдается существенный рост показателя отказов у пользователей мобильных устройств и планшетов, что свидетельствует о недостаточной оптимизации сайта для мобильных устройств;
4. одновременное открытие нескольких одинаковых форм для заказа, ошибки в юзабилити и работе форм;
5. некоторые страницы открываются с ошибками без графики и стилей оформления;
6. большинство текстов сайта ориентированы только на поисковое продвижение, содержат избыточное количество вхождений ключевых слов и сложны для восприятия;
7. опубликованная информация датирована 2011-2012 годом и потеряла свою актуальность;
8. отсутствует 404-я страница;
9. отсутствуют служебные файлы sitemap.xml и robots.txt;
10. сайт не добавлен в Яндекс.Вебмастер;
11. ошибки в структуре адресов страниц (URL-ов);
12. встречаются дубликаты страниц;
13. допущены критические ошибки в заполнении метатегов title, description и заголовков H1.

Рекомендуем выполнить доработки и устранить выявленные ошибки. Это позволит улучшить юзабилити, повысить конверсию и маркетинговую эффективность сайта.

Полезные ссылки и ресурсы

	Крупнейший регистратор доменных имен REG.RU Регистрация и продление доменных имен в любых зонах.
	Ведущий хостинг-провайдер BEGET.RU Хостинг, аренда серверов, регистрация доменов.
	Сервис тестирования юзабилити реальными пользователями Отбор и анкетирование целевой аудитории сайта.
	Сервис мониторинга, анализа и оценки эффективности поискового продвижения. Съем и отслеживание позиций сайта, работа с семантическим ядром.
	Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности. Покупка готовых текстов и заказ уникальных статей на нужную тему.
	Сервис автоматизации продвижения сайта и рекламы в интернете. Подбор и покупка ссылок, оптимизация контекстной рекламы.
	26 000 готовых премиум-шаблонов для сайтов Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта.
	Крупнейшая фриланс-биржа Сервис удаленной работы.