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

Аудит юзабилити №505

Дата аудита: апрель 2018 года

Объем отчета: 36 страниц

 

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

Содержание

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

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

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

Новости

Партнеры

Отзывы

Вакансии

Контакты

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

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

Внутренняя поисковая оптимизация сайта

Служебные страницы и файлы

Структура URL-ов 33

Дубликаты контента

Метатег title

Метатег description

Метатег keywords

Заголовки первого уровня H1

Оптимизация HTML-кода сайта

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

Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону

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

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

 

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

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

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

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

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

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

Видео: https://yadi.sk/i/9Ey0XdG03U89Yq

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

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

Видео: https://yadi.sk/i/wPwB_l2K3U8A8r

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

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

Видео: https://yadi.sk/i/yGphee5U3U8CQJ

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

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

Видео: https://yadi.sk/d/yf_MPLju3U8D9x

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

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

Видео: https://yadi.sk/i/7wmiR_Qe3U8Dut

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

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

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

Видео: https://yadi.sk/i/qQJpM8zG3U8GwK

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

Видео: https://yadi.sk/i/7DEAUmfy3U8Jqg

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

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

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

Видео: https://yadi.sk/i/yTPIUu7T3U8Kj6

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

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

Видео: https://yadi.sk/i/2ARWdtGL3U8L25

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

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

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

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

Видео: https://yadi.sk/i/j-oKGqqE3U8QFA

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

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

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

https://yadi.sk/i/19-7sbsR3U8MEd
https://yadi.sk/i/AuJu64PV3U8MhD
https://yadi.sk/i/EDjcwBlx3U8Mor
https://yadi.sk/i/Tz13pQZV3U8N7k
https://yadi.sk/i/FtqFE88g3U8NJr
https://yadi.sk/i/QC5Rssrz3U8NZV
https://yadi.sk/i/IzROTeH93U8Nop
https://yadi.sk/i/IkZI9-Lj3U8P2m
https://yadi.sk/i/c9QMG5I93U8PKs
https://yadi.sk/i/UWnaHLp93U8Pbq
https://yadi.sk/i/5dUJloyN3U8PjR

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

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

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

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

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

Видео: https://yadi.sk/i/9XI_x4qI3U8epc

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

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

Видео: https://yadi.sk/i/__N1KlrG3U8fC3

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

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

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

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

Видео: https://yadi.sk/i/lbRFz3xb3U8fq6

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

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

Видео: https://yadi.sk/i/wzHDAScZ3U8g8q

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

Новости

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

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

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

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

Видео: https://yadi.sk/i/jK7A9cWg3U8gYB

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

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

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

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

Видео: https://yadi.sk/i/N2U91LcW3U8gzX

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

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

Видео: https://yadi.sk/i/eqKByVCy3U8hek

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

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

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

Партнеры

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

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

Видео: https://yadi.sk/i/PVtv5O4E3U8iWV

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

Отзывы

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

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

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

Видео: https://yadi.sk/i/X0PpA1v-3U8ioH

Рекомендуем добавить ссылки для перехода к просмотру предыдущего или следующего отзыва.
Все отзывы датированы 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.

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

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

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

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

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

Видео: https://yadi.sk/i/vMQCuB8V3U8jxH

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

Видео: https://yadi.sk/i/CmCxHdl73U8kD7

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

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

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

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

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

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

Видео: https://yadi.sk/i/Mv3fSRLF3U8mZK

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

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

Видео: https://yadi.sk/i/BzKHhEuf3U8mnt

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

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

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

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

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

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

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

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

Видео: https://yadi.sk/i/P5P2sGF73U9oDp

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

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

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

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

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

Видео: https://yadi.sk/i/N0zfiEiY3U9pHA

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

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

Видео: https://yadi.sk/i/HAUiB1cy3U9pX5

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

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

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

Внутренняя поисковая оптимизация сайта

Далее в отчете будут рассмотрены основные вопросы базовой поисковой оптимизации сайта.

Служебные страницы и файлы

При запросе несуществующего раздела или страницы должна открываться специальная страница с информационным сообщением об ошибке (так называемая 404-я страница).

В данный момент такой страницы нет. Это является негативным фактором, как поискового продвижения, так и юзабилити.

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

Служебный файл sitemap.xml с картой сайта в специальном формате является важным элементом SEO.
Он должен быть доступен по стандартному адресу http://tecspb.ru/sitemap.xml.

В данный момент это требование не выполнено, что отрицательно сказывается на индексации сайта поисковыми системами.
Рекомендуем сформировать полную карту страниц сайта и разместить ее на сервере по соответствующему адресу.
Служебный файл robots.txt также отсутствует и недоступен по адресу http://tecspb.ru/robots.txt

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

Структура URL-ов

В соответствии с современными требованиями, адреса разделов и страниц должны быть сформированы в соответствии со структурой сайта, быть человеко-понятными и оптимизированными для поисковых систем.
В большинстве случаев, оптимальным является использование транслитерации для названий страниц и разделов и автоматическая генерация ссылок с учетом структуры страниц и разделов.
В данный момент эти требования выполнены, и структура URL-ов соответствует стандартам поисковой оптимизации.
На некоторых страницах наблюдаются ошибки с выводом полного пути в URL. Например, страница «Календари», которая находится в разделе «Полиграфия», должна иметь адрес http://www.tecspb.ru/poligrafiya/kalendari.html, а не http://tecspb.ru/kalendari.html.

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

Дубликаты контента

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

  • http://www.tecspb.ru/rasprostranenie-listovok.html
  • http://tecspb.ru/rasprostranenie-listovok.html
  • https://tecspb.ru/rasprostranenie-listovok.html

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

Метатег title

Метатег title является одним из важнейших элементов базовой внутренней оптимизации сайта.

Он должен быть уникальным для каждой страницы сайта и соответствовать семантическому ядру страницы.

Его длина должна быть не более 65-ти символов.

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

Значения title для всех страниц приведены в таблице по ссылке https://yadi.sk/i/0c4qpEdF3U9z87.
В данный момент title не заполнен на 18-ти страницах. Это является негативным фактором для поисковой оптимизации сайта.

Список страниц приведен в таблице по ссылке https://yadi.sk/i/Tvd-lHP53U9yiT.

Неуникальные дубликаты выявлены на 198-ми страницах сайта, что составляет фактически 91.67% общего числа страниц.

Их список приведен в таблице по ссылке https://yadi.sk/i/fgoqCK4B3UA288.

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

Title длиной более 65-ти символов выявлен на 190 страницах сайта (87.96% от общего числа страниц). Это отрицательно сказывается на поисковом продвижении сайта.

Полный список таких страниц приведен в таблице по ссылке https://yadi.sk/i/H0GzZru43UA2kx .

Title содержит менее 30-ти символов и неэффективно используется на 22-ух страницах. Их список приведен в таблице по ссылке https://yadi.sk/i/aykyXxIJ3UA36b

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

Title содержит тот же текст, что и заголовок первого уровня H1 на 4-х страницах. Их список приведен в таблице по ссылке https://yadi.sk/i/ToWO9Rzf3UA4sg.

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

Метатег description

Метатег description также является важным элементом внутренней поисковой оптимизации.

Он должен быть уникальным для всех страниц сайта, содержать до 156 символов и соответствовать семантическому ядру страницы.

К сожалению, в данный момент этот метатег не заполнен на 22-ух страницах, размещенных на сайте. Список страниц приведен в таблице https://yadi.sk/i/24NDyIUX3UA5DC.

Дубликаты description встречаются на 194 страницах сайта. Список приведен в таблице по ссылке https://yadi.sk/i/obUzf55q3UA5Ta.

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

Метатег keywords

В данный момент использование keywords не оказывает существенного влияния на продвижение сайта.
Однако стоит отметить, что он присутствует на страницах сайта и заполен с ошибками.
Дубликаты выявлены на 194 из 216 страницах. Их список в таблице по ссылке https://yadi.sk/i/Pjdi0nmK3UASra.

Заголовки первого уровня H1

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

В данный момент он отсутствует на 11-ти страницах сайта. Список страниц: https://yadi.sk/i/1Lt3CpIe3UASyo.

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

Одинаковый текст заголовков первого уровня выявлен на 127-ми страницах сайта. Их список приведен в таблице по ссылке https://yadi.sk/i/FYSd4MZt3UATU4.

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

Несколько заголовков H1 выявлено на 7-ми страницах сайта. Их список находится в таблице https://yadi.sk/i/MQzC7JYh3UAUwH

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

Оптимизация HTML-кода сайта

Далее рассмотрим, насколько код сайта оптимизирован для поисковых систем.

Не заполнен атрибут title=”” для большого количества ссылок на сайте.

Рекомендуем прописать title для всех ссылок, размещенных на сайте.

Для большого количества изображений на сайте не прописаны alt. Это отрицательно сказывается на SEO.

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

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

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

  • основной поисковый трафик идет из Google. Количество переходов из Яндекса гораздо ниже;
  • рекламный трафик идет из Google Adwords. При этом его качество гораздо хуже, чем из Яндекс.Директа;
  • наблюдается существенный рост показателя отказов у пользователей мобильных устройств и планшетов, что свидетельствует о недостаточной оптимизации сайта для мобильных устройств;
  • одновременное открытие нескольких одинаковых форм для заказа, ошибки в юзабилити и работе форм;
  • некоторые страницы открываются с ошибками без графики и стилей оформления;
  • большинство текстов сайта ориентированы только на поисковое продвижение, содержат избыточное количество вхождений ключевых слов и сложны для восприятия;
  • опубликованная информация датирована 2011-2012 годом и потеряла свою актуальность;
  • отсутствует 404-я страница;
  • отсутствуют служебные файлы sitemap.xml и robots.txt;
  • сайт не добавлен в Яндекс.Вебмастер;
  • ошибки в структуре адресов страниц (URL-ов);
  • встречаются дубликаты страниц;
  • допущены критические ошибки в заполнении метатегов title, description и заголовков H1.

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

Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону.

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

REGRU-logo-color-3 Крупнейший регистратор доменных имен REG.RU

Регистрация и продление доменных имен в любых зонах.

https://cp.beget.com/promo_data/static/static100x100_6.png Ведущий хостинг-провайдер BEGET.RU

Хостинг, аренда серверов, регистрация доменов.

Сервис тестирования юзабилити реальными пользователями

Отбор и анкетирование целевой аудитории сайта.

Сервис мониторинга, анализа и оценки эффективности поискового продвижения.

Съем и отслеживание позиций сайта, работа с семантическим ядром.

Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.

Покупка готовых текстов и заказ уникальных статей на нужную тему.

SeoPult Сервис автоматизации продвижения сайта и рекламы в интернете.

Подбор и покупка ссылок, оптимизация контекстной рекламы.

300x60_1 26 000 готовых премиум-шаблонов для сайтов

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

Крупнейшая фриланс-биржа

Сервис удаленной работы.

 

Получать новые кейсы на email:

Примеры аудита юзабилити автомобильных сайтов

Смотреть все