Аудит юзабилити и SEO сайта салона свадебных нарядов
Аудит юзабилити №392
Дата аудита: сентябрь 2015 года
Объем отчета: 38 страниц

В отчете рассмотрены ошибки юзабилити каталога свадебных нарядов, карточки товара, юзабилити страницы детального просмотра платья. Даны рекомендации по повышению конверсии корзины товаров и поисковой оптимизации.
Компоновка главной страницы
В данных блоках одновременно используется большое количество разных шрифтов. Из-за этого общий дизайн сайта разваливается и выглядит неаккуратно.
Рекомендуем использовать на сайте одновременно не более трех шрифтов.
На главной странице сайта размещена неактуальная информация об акциях и скидках. Это отрицательно сказывается на юзабилити и конверсии.
Неэффективность данных рекламных блоков подтверждают и данные карты кликов по ссылке https://yadi.sk/d/B8Fk3kFpioaQW.
Как видно из карты кликов, нажатия на кнопках «Записаться на примерку» и «Получить ссылку» практически полностью отсутствуют.
Рекомендуем публиковать на сайте информацию только об актуальных акциях и скидках, а информацию о закончившихся акциях полностью убирать со страниц сайта.
Большую часть экрана главной страницы занимает фото с изображением невесты и информацией о неактуальной акции. Посетитель сразу не видит ключевых преимуществ именно этого салона, какие платья и в каком ценовом диапазоне можно купить или взять в аренду.
Карту скролла можно увидеть по ссылке https://yadi.sk/i/YdH5YQtViobb4. Также неэффективность компоновки страницы подтверждается и высоким показателем отказов (порядка 30% по данным Яндекс.Метрики).
Рекомендуем пересмотреть наполнение и компоновку первого экрана главной страницы сайта. Рекомендуем разместить на ней наиболее ценную для посетителя информацию, которая привлечет его внимание к сайту и предлагаемым товарам.
Согласно данным карты кликов, достаточно большое количество пользователей пытаются нажать по данному заголовку для перехода в соответствующую категорию каталога. Но в данный момент он ссылкой не является.
Рекомендуем сделать данный заголовок ссылкой на страницу http://mariee.kz/product-category/wedding/
Непонятно, это ссылка или текст.
Рекомендуем явно выделять ссылки с помощью подчеркивания текста или соответствующих графических маркеров.
В данном блоке использованы фотографии плохого качества. Они не являются ссылками на соответствующие страницы сайта.
Рекомендуем использовать фотографии более высокого качества и сделать данные фото ссылками на соответствующие страницы каталога платьев.
Компоновка нижней части страницы не проработана.
Левые границы блоков находятся на разном уровне.
Рекомендуем выровнять левые границы кнопок социальных сетей по одному уровню.
Маленькое расстояние между границами блоков.
Рекомендуем сделать горизонтальный отступ между данными блоками шириной в 15-20 пикселей.
Границы номеров телефонов разъезжаются.
Рекомендуем выровнять номера телефонов по левому краю.
Ссылки в блоке «Интересные публикации» не работают.
Рекомендуем либо доработать функционал блока публикаций, либо скрыть ссылки.
В блоке адреса сокращение слова «город» должно быть написано с маленькой буквы.
Адрес почты сделан обычным текстом, а не ссылкой.
Рекомендуем адрес электронной почты сделать ссылкой.
Ссылки на Viber и Whatsapp находятся в самом низу страницы и не видны без использования прокрутки.
Рекомендуем разместить данные ссылки в верхней части сайта в блоке с контактной информацией.
Также стоит отметить, что в данный момент на сайте полностью отсутствует возможность быстрой отправки сообщения прямо с сайта через форму либо систему он-лайн чата. Это отрицательно сказывается на юзабилити и конверсии.
Рекомендуем разместить соответствующую форму и подключить скрипт он-лайн чата. Например, можно использовать сервисы http://www.krible.com/ http://www.siteheart.com/ или аналогичные решения.
Навигация по сайту
Навигационная система сайта должна обеспечивать легкий переход на любую страницу сайта, а также информировать пользователя о его текущем положении относительно главной страницы.
Рассмотрим, насколько выполнены эти требования в данный момент.
При переходе в один из разделов сайта, в главном меню не подсвечивается соответствующий пункт. Например, при переходе по ссылке http://mariee.kz/product-category/evening/ главное меню выглядит так:
Рекомендуем явно выделять текущий раздел сайта в главном меню с помощью изменения фона, начертания шрифта, дополнительных графических элементов и т.д.
Из 7 ссылок в главном меню 3 не работают. Это крайне отрицательно сказывается на юзабилити и конверсии.
Рекомендуем убирать из главного меню ссылки на пустые страницы сайта или разделы, находящиеся в разработке.
Ссылки на страницы контактов и корзины содержат ошибку в адресе страницы. Вместо одного слеша используется два.
На страницах просмотра каталога есть вспомогательная навигация по типу «Хлебные крошки». Но ее дизайн и функционал имеет ряд недостатков.
Непонятно, где ссылка, а где обычный текст.
Рекомендуем явно выделять ссылки с помощью подчеркивания.
Наблюдается несоответствие названий категорий в главном меню и во вспомогательном меню.
Рекомендуем придерживаться единых названий категорий и страниц в главной и вспомогательной навигации.
Страница «Магазин»
http://mariee.kz/shopp/
На данную страницу отсутствует ссылка в главном меню. Это отрицательно сказывается на юзабилити и конверсии, т.к. именно каталог платьев является одним из главных разделов сайта.
Непонятно, что означает данный цифровой заголовок на главной странице каталога.
Все фотографии категорий разной высоты. Из-за этого дизайн страницы разваливается.
Рекомендуем использовать три фотографии одинаковой ширины и высоты.
Для категории «Вечерние корсетные наряды» нет фото.
Рекомендуем добавить соответствующее фото для данной категории.
Страница просмотра категории
(на примере страницы http://mariee.kz/product-category/wedding/ ).
Допущена грамматическая ошибка в блоке сортировки.
Названия платьев не несут никакой полезной информации для пользователя. Это отрицательно сказывается не только на юзабилити, но и на поисковой оптимизации сайта.
Рекомендуем использовать краткое, информативное и уникальное название для каждого платья в каталоге.
Непонятно, чем отличается обычная цена, перечеркнутая и подчеркнутая.
Рекомендуем выводить краткие поясняющие текстовые надписи рядом с ценой. Это поможет пользователям понять, чем одно ценовое предложение отличается от другого.
Все товары подкатегории каталога выводятся на одной странице. Нет возможности выбрать количество выводимых товаров. Это отрицательно сказывается на юзабилити и конверсии. Это подтверждается и данными карты скролла https://yadi.sk/i/VDpb63zaiojAa . Верхнюю часть страницы просмотрело 850 человек, нижнюю 340.
Та же ситуация и для страницы с вечерними платьями https://yadi.sk/d/o7bsJGkHiojKC .
Рекомендуем добавить возможность выбора количества выводимых платьев.
Непонятно, почему кнопка называется «Добавить в избранное». Это вводит пользователя в заблуждение, т.к. он думает, что данная кнопка добавит платье в избранное браузера.
Непонятно, почему после нажатия на кнопку «Добавить в избранное» появляется ссылка на корзину. При этом на сайте нет в явном виде ссылки на корзину.
Рекомендуем пидерживаться единой терминологии на всех страницах сайта. По факту все кнопки позволяют только записаться на примерку платья. Необходимо четко информировать пользователя об этом.
Ссылка на корзину в главном меню оформлена в виде звездочки. Это решение не очевидно для пользователя с точки зрения юзабилити.
Рекомендуем в явном виде разместить в главном меню текстовую ссылку «Корзина». Также рекомендуем подумать о возможности разработки и размещения более привычного для большинства пользователей блока с корзиной, в котором будет выводится информация о добавленных платьях и ссылка для непосредственного оформления записи на примерку выбранных платьев.
Если добавить несколько платьев в корзину, а потом обновить страницу, то добавленные платья никак не выделены в общем каталоге. Это продемонстрировано на видео https://yadi.sk/i/XoANJJc8iomVJ .
Рекомендуем явно выделять уже добавленные платья с помощью соответствующей текстовой надписи или графического маркера.
Страница детального просмотра выбранного товара
На странице детального просмотра отсутствует полное название платья. Есть только цифровой индекс, который ничего не говорит о предлагаемом товаре.
Рекомендуем размещать на странице детального просмотра платья его полное название. Это позитивно скажется и на юзабилити сайта и на конверсии.
Нет абсолютно никакой текстовой информации с детальным описанием предлагаемых платьев и их особенностей.
Нет информации о материале, декоре, предлагаемых размерах, коллекции и т.д.
Рекомендуем проработать и опубликовать на сайте детальное текстовое описание на 800-1000 знаков для каждого платья в каталоге. Это позитивно скажется и на юзабилити и на позициях сайта в поисковой выдаче.
Невозможно полностью просмотреть увеличенное фото платья, т.к. некорректно работает скрипт просмотра. Картинка не масштабируется под размер окна браузера, прокрутка работает неверно. Это продемонстрировано на видео https://yadi.sk/i/A2HPftmIipruW .
При нажатии на дополнительные фото платья невозможно просмотреть увеличенное фото. Это продемонстрировано на видео https://yadi.sk/i/B8UeydgsipsfP .
Рекомендуем устранить ошибки с просмотром увеличенного фото, т.к. именно по фото потенциальный клиент принимает решение о записи на примерку платья.
На общей странице каталога кнопка называется «Добавить в избранное», а на странице детального просмотра каталога – «Записаться на примерку». При нажатии на эту кнопку появляется информационное сообщение «Было добавлено в избранное». Это вводит пользователя в заблуждение.
Рекомендуем придерживаться единой терминологии на всех страницах сайта.
Кнопки социальных сетей пересекаются друг с другом и ими невозможно воспользоваться.
Рекомендуем обеспечить корректное отображение данного блока.
Корзина (запись на примерку)
Данный модуль и страница является ключевой для успешной конверсии. Но, к сожалению, в данный момент допущен ряд критических ошибок в дизайне, юзабилити и функционале этого элемента.
Пользователю крайне сложно понять, что графическое изображение звезды в главном меню является ссылкой на корзину.
На страницах каталога фигурирует кнопка «Добавить в избранное». При этом заголовок страницы – «Записаться на примерку».
Рекомендуем придерживаться единой терминологии на всех страницах сайта.
Непонятно, название платья это ссылка или текст.
Рекомендуем явно выделять ссылки при помощи подчеркивания или графического маркера.
Непонятно, для чего сделан выбор количества – учитывая специфику предлагаемых товаров, вряд ли кто-то будет заказывать примерку 4-х одинаковых платьев.
Дизайн формы заявки на примерку не проработан. Не согласовано взаимное расположение заголовков, полей и наименований платьев.
Рекомендуем выровнять границы элементов формы по одной линии.
Непонятно, что означают звездочки рядом с названиями полей.
Рекомендуем явно указать, что все поля формы являются обязательными для заполнения.
При попытке отправки формы с незаполненными полями появляется информационное сообщение об ошибках на английском языке.
Т.к. сайт рассчитан на русскоязычную аудиторию, рекомендуем выводить все информационные сообщения на русском языке.
Также в форме заявки нет полей с выбором наиболее оптимальной даты и времени примерки. Это отрицательно сказывается на юзабилити.
В тексте с подтверждением заявки допущена ошибка в слове «ближайшее».
На почту клиента приходит письмо с подтверждением на английском языке.
Рекомендуем присылать информационное письмо полностью на русском языке.
Поиск по сайту
По статистике около 30% пользователей Интернета предпочитают использовать строку поиска как основной метод навигации по сайту. Это особенно актуально для сайтов с обширным каталогом.
К сожалению, в данный момент возможность поиска по сайту полностью отсутствует.
Рекомендуем подключить и поместить на всех страницах сайта модуль поиска. Это позитивно скажется на юзабилити и конверсии.
Внутренняя оптимизация сайта
Правильная внутренняя оптимизация кода сайта является основой для успешного поискового продвижения. Рассмотрим, насколько выполнены основные требования поисковых систем на сайте http://mariee.kz/ .
Структура адресов страниц (URL).
В данный момент URL большинства страниц сайта имеет вид типа http://mariee.kz/shopp/224-212/
Следует отметить, что слово «shop» пишется с одной буквой «p».
Вторую часть URL составляет цифровой индекс платья. Отсутствует наименование категории и полное название. Такое решение не только мало информативно для пользователя сайта, но и отрицательно сказывается на поисковой оптимизации.
Рекомендуем использовать на сайте человеко-понятные адреса страниц, которые содержат адрес сайта, название категории и полное название платья с использованием транслитерации. Для решения этой задачи есть специальные плагины для WordPress. Более подробно об этом можно узнать, например, по данной ссылке http://uniofweb.ru/wiki/chpu-cheloveko-ponyatnyj-url/ .
Метатег «title»
Данный метатег является одним из самых важных с точки зрения поисковой оптимизации сайта.
Он должен быть уникальным для всех страниц и разделов сайта длиной не более 65 символов.
К сожалению, в данный момент он заполнен неверно практически для всех страниц сайта. Он содержит только адрес сайта и код платья. Ниже представлена сводная таблица.
Это крайне отрицательно сказывается на поисковом продвижении сайта.
Рекомендуем прописать уникальные title, максимально соответствующие содержанию, для всех страниц и разделов сайта.
Метатег «description» в данный момент отсутствует на 167 из 169 страницах сайта. Это крайне отрицательно сказывается на позициях сайта в поисковой выдаче.
Рекомендуем прописать уникальный description для всех страниц сайта.
Метатег «keywords» также отсутствует на всех страницах сайта.
Заголовок первого уровня H1
Заголовки есть на всех страницах сайта, но они состоят только из цифрового кода платья. Это отрицательно сказывается на поисковой оптимизации.
Кроме этого, на страницах сайта одновременно используется два заголовка H1. Это недопустимо с точки зрения поисковой оптимизации и семантики HTML кода.
Ниже приведена соответствующая таблица.
Заголовок второго уровня H2, который также важен с точки зрения поисковой оптимизации, одинаков практически для всех страниц сайта. Это отрицательно сказывается на поисковой оптимизации. Ниже приведена таблица с адресами страниц:
Рекомендуем использовать уникальные заголовки H2 для всех страниц сайта.
Далее рассмотрим ошибки в HTML коде сайта, которые могут отрицательно влиять на поисковую оптимизацию сайта.
В коде сайта содержатся большие куски закомментированного кода.
Рекомендуем убрать весь избыточный код, закрытый в теги комментариев.
Внутри HTML-кода содержатся стили оформления.
Рекомендуем вынести все стили оформления во внешние CSS-файлы.
Текущее положение сайта в поисковой выдаче.
Ошибки во внутренней оптимизации сайта приводят к тому, что сайт занимает крайне низкие позиции в выдаче поисковых систем.
Это полностью подтверждается практически полным отсутствием поискового трафика. На данный момент он составляет всего 2,11% от общего.
Ниже приведена сводная таблица позиций сайта в поисковой выдаче по основным запросам. Список запросов взят из рекламной компании.
Как видно из таблицы, сайт отсутствует в первой сотне поисковой выдачи практически по всем запросам.
Общие итоги и выводы
- В данный момент сайт содержит целый комплекс серьезных проблем в юзабилити и работе отдельных элементов.
- С помощью сайта пользователю крайне сложно реализовать поиск и выбор нужного платья, а также записаться на примерку.
- Работы по поисковой оптимизации сайта практически не проводились. Трафик с поисковых систем ничтожно мал.
- В данный момент сайт не оптимизирован для работы на мобильных устройствах и планшетах.
- Основной поток посетителей идет с рекламных источников, но он практически не конвертируется в клиентов из-за глобальных проблем с юзабилити. Поэтому в данный момент бюджет тратится впустую.
- Учитывая характер и количество выявленных проблем, рекомендуем рассмотреть вариант разработки нового сайта с нуля, т.к. количество и стоимость доработок будут сравнимы с бюджетом разработки.
- Также рекомендуем рассмотреть возможность использования другого более подходящего для целей и задач сайта движка, т.к. WordPress ориентирован для других целей.
С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.