Аудит юзабилити и SEO сайта по аренде автодомов
Аудит юзабилити и seo №412
Дата аудита: июнь 2016 года
Объем отчета: 20 страниц
Анализ работы основных страниц и разделов сайта, каталога автодомов, юзабилити процесса оформления заказа аренды дома на колесах.
Навигация по сайту
Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.
Она должна обеспечивать быстрый и легкий переход на любую страницу сайта.
Кроме этого, элементы навигации должны информировать пользователя о его текущем местоположении относительно главной страницы.
Рассмотрим, насколько выполнены эти требования на сайте autoyahta72.ru
Наиболее оптимальным с точки зрения юзабилити является главное навигационное меню из 5-7 пунктов.
К сожалению, в данный момент, главное меню состоит из 11 разделов, часть из которых содержит выпадающие подменю.
При этом не проработана структура главного меню. Например, ссылка на наиболее важный раздел – заявку на аренду автодома – находится в конце меню среди второстепенных разделов.
Не совсем понятно, для чего автодома в аренду размещены в выпадающем меню третьего уровня.
При этом страница «Прокат автодомов» http://www.autoyahta72.ru/prokat-avtodomov/ практически не содержит полезной для пользователя информации и списка автодомов.
Также непонятно, для чего автодом Husky-Nissan Navara вынесен в отдельное подменю.
Рекомендуем пересмотреть компоновку главного меню. В нем необходимо оставить не более 5 наиболее важных разделов. Всю вспомогательную информацию можно убрать либо в выпадающее подменю, либо в дополнительное меню.
В главном меню не выделяется текущий раздел сайта. Например, ниже показан вид главного меню при переходе в раздел http://www.autoyahta72.ru/usloviya-arendyi/
Также не выделяется текущий раздел сайта и в нижнем навигационном меню.
Рекомендуем явно выделять текущий раздел сайта в верхнем и нижнем меню сайта.
Аналогичная ситуация и с верхним блоком ссылок:
Далее рассмотрим работу вспомогательной навигации по типу «хлебные крошки».
Данная навигация должна отображать текущее положение пользователя относительно главной страницы сайта с учетом иерархии страниц.
При этом все пункты должны являться ссылками на соответствующие разделы кроме последнего, который должен быть текстом с заголовком текущей страницы.
К сожалению, в данный момент, название текущей страницы в навигационной цепочке не выводится.
Например, ниже показан скриншот вспомогательного меню при переходе на страницу http://www.autoyahta72.ru/prokat-avtodomov/na-chem-poehat/adria-sport-a-690-dk/:
Рекомендуем обеспечить корректную работу элементов вспомогательного меню.
Часть элементов сайта, которые являются ссылками, не реагируют на наведение курсора и оформлены как обычный текст. Ниже показаны скриншоты таких элементов:
Рекомендуем явно обозначить ссылки с помощью подчеркивания и обеспечить реакцию всех ссылок и навигационных элементов сайта на наведение курсора.
Далее рассмотрим компоновку основных страниц сайта.
Главная страница сайта
Согласно данным статистики на главную страницу сайта заходит порядка 76% всех посетителей сайта.
При этом около 40% посетителей покидают главную страницу.
Длительность просмотра при этом является минимальной.
Ниже разобраны основные ошибки в юзабилити, которые могут являться причинами таких показателей и низкой эффективности главной страницы.
В данный момент на главной странице сайта содержится второстепенная информация. На ней нет четкого описания ключевых особенностей компании, сервисе, ценах и преимуществах. Блок с информацией о продаже автодомов в Тюмени размещен в самом низу страницы и не является ссылкой на соответствующий раздел сайта.
Это показано на скриншоте по ссылке https://yadi.sk/i/K9sWyjAwsSwfL
В блоке с прокруткой изображений размещены фото природы. Информация о предлагаемых для аренды автодомах, маршрутах, акциях и скидках отсутствует. Кроме этого, фотографии не являются ссылками на соответствующие страницы сайта. Это снижает полезность и привлекательность данного блока сайта для пользователей.
Рекомендуем в данном блоке выводить изображения с рекламной информацией, акциях и ключевых услугах компании с ссылками в соответствующие разделы сайта.
На главной странице размещено промовидео. Но на заставке этого видео указан другой номер телефона, который не упоминается на страницах сайта и контактных данных компании.
Рекомендуем использовать единый номер телефона на всех страницах и элементах сайта.
В блоке отзывов есть два отзыва с одной и той же датой. Это может создать впечатление, что отзыв добавлен администратором сайта, а не реальными клиентами компании.
Страница «На чем поехать»
http://www.autoyahta72.ru/prokat-avtodomov/na-chem-poehat/
На странице представлено всего два автодома.
Нет возможности просмотреть другие фотографии автодомов.
Рекомендуем добавить небольшие фото интерьера автодома с возможностью просмотра увеличенного интерьера при клике.
Заголовок выполнен в виде обычного текста, а не ссылкой на страницу с детальной информацией о конкретном автодоме.
Рекомендуем сделать заголовок ссылкой на страницу с детальным просмотром характеристик автодома.
Отсутствуют всплывающие подсказки у иконок с обозначением функциональных возможностей автодома. Их значение может быть непонятным для пользователей, особенно при отсутствии дополнительной текстовой информации.
Рекомендуем показывать всплывающие текстовые подсказки при наведении на соответствующую иконку.
Не совсем оправдана вертикальная компоновка блока с кнопками и ссылками. Это приводит к увеличению общей высоты страницы и необходимости использования прокрутки страницы (особенно при добавлении еще нескольких автомобилей для аренды).
Рекомендуем разместить данные ссылки в один ряд.
Страница детального просмотра выбранного автодома.
Юзабилити данных страниц будем рассматривать на примере раздела http://www.autoyahta72.ru/prokat-avtodomov/na-chem-poehat/adria-sport-a576dk/.
Страница содержит большое количества пустых зон. Из-за этого высота страницы сильно увеличена и необходимо постоянно использовать прокрутку. Это отрицательно сказывается на юзабилити.
Полный скриншот страницы с обозначением таких зон можно увидеть по ссылке https://yadi.sk/i/YIEQupCMsT2Lc.
Рекомендуем пересмотреть компоновку страницы для максимально эффективного использования пространства экрана.
Нет возможности просмотреть увеличенное фото автодома.
Фотогаллерея, которая представляет большой интерес для потенциального клиента, размещена в самом низу страницы и большинство посетителей ее не увидит.
Рекомендуем разместить фотографии автодома в верхней части страницы.
Отдельно стоит отметить, что отсутствуют какие-либо поясняющие подписи к конкретным фотографиям. Это снижает эффективность данного блока с точки зрения юзабилити.
Рекомендуем опубликовать краткие текстовые подписи к каждой фотографии.
В текстах страниц сайта встречаются ошибки и опечатки. Например:
Далее рассмотрим юзабилити страниц «Продажа автодомов».
На странице с автодомами «Adria» http://www.autoyahta72.ru/prodazha-avtodomov/adria/ оформление основного текста отличается от других страниц подраздела.
Рекомендуем придерживаться единого стиля оформления текстов на всех страницах сайта.
На страницах используются фотографии разных размеров. Из-за этого дизайн страниц выглядит неаккуратно.
Рекомендуем привести геометрические размеры изображений к единому виду или использовать миниатюры фотографий со скриптом увеличенного просмотра.
Следует отметить, что на страницах опубликовано достаточно большое количество полноразмерных фотографий. Из-за этого высота страницы получается избыточной. Между большими фотографиями сложно найти мелкие текстовые блоки. Это показано на полном скриншоте страницы по ссылке https://yadi.sk/i/2QHqdiB6sTAgg.
На страницах сайта, к сожалению, не удалось найти никакой информации даже о примерной стоимости аренды или покупки автодома. Это отрицательно сказывается на эффективности сайта.
Рекомендуем разместить информацию о типовой стоимости аренды конкретного автодома.
Раздел «Часто задаваемые вопросы»
http://www.autoyahta72.ru/chasto-zadavaemyie-voprosyi/.
Заголовок вопроса является ссылкой на подстраницу, на которой зачастую дублируется текст ответа. Не совсем понятно, для чего используется такое решение.
Рекомендуем сделать данный раздел в виде ленты с вопросами и краткими ответами без переходов в дополнительные подразделы сайта.
Возможность добавить свой вопрос с помощью формы на данной странице отсутствует.
Рекомендуем разместить на странице форму для отправки вопроса менеджеру сайта.
Страница «Отзывы клиентов»
http://www.autoyahta72.ru/otzyivyi-klientov/
Сейчас на странице есть только четыре отзыва, два из которых имеют одинаковую дату.
Используются фотографии плохого качества.
На странице отсутствует возможность добавить отзыв.
Страница «Акции и новости»
http://www.autoyahta72.ru/aktsii-novosti/
Эта страница должна содержать качественные рекламные материалы, привлекающие внимание пользователя и актуальную ленту новостей.
На данной странице размещено всего две публикации. Создается впечатление, что сайт не наполняется новыми материалами.
На странице http://www.autoyahta72.ru/aktsii-novosti/news42.html весь текст пронумерован. Отсутствуют заголовки, дополнительные иллюстрации и форматирование. Это отрицательно сказывается на юзабилити и привлекательности текста для пользователя.
Рекомендуем придумать и опубликовать несколько акций для привлечения внимания пользователя к предлагаемым услугам и публиковать минимум по одной новости или статье в неделю. Это позитивно скажется не только на юзабилити, но и на поисковой оптимизации сайта.
Страница «Задать вопрос»
http://www.autoyahta72.ru/zadat-vopros/
Не совсем понятно, для чего сделано дублирование заголовка страницы:
Рекомендуем избегать дублирования информации – это создает визуальный шум и отрицательно сказывается на юзабилити сайта.
Непонятно, что обозначают звездочки рядом с названиями полей формы.
Рекомендуем явно указать, что поля, отмеченные звездочкой, являются обязательными для заполнения.
Слишком большой отступ между названиями и соответствующими полями формы.
Рекомендуем разместить наименования над соответствующими полями.
Поля формы по-разному отображаются в разных браузерах. Ниже приведены соответствующие скриншоты.
Рекомендуем обеспечить одинаковое отображение всех элементов формы в разных браузерах.
Дизайн информационного сообщения не соответствует общему оформлению сайта.
В форме отправки сообщения отсутствует проверка правильности ввода данных, количества символов и их формата. Это отрицательно сказывается не только на юзабилити, но и на безопасности сайта. Видео с демонстрацией успешной отправки формы с неправильными данными можно увидеть по ссылке https://yadi.sk/i/Ft5GqKqCsTD3r.
Рекомендуем использовать современные программные решения для проверки правильности ввода данных непосредственно в процессе заполнения полей.
Страница бронирования http://www.autoyahta72.ru/prokat-avtodomov/bronirovanie/ и заявки на аренду автодома http://www.autoyahta72.ru/zayavka-na-arendu-avtodoma/.
Не совсем понятно, для чего на сайте сделано две одинаковых страницы с абсолютно одинаковыми формами, которые отличаются только заголовками. Это продемонстрировано на видео по ссылке https://yadi.sk/i/uTgRaS5NsTEBu.
Рекомендуем избегать дублирования одинаковых функциональных страниц сайта.
Для формы верны все замечания, указанные выше для формы отправки вопроса.
Одновременное использование двоеточия и знака вопроса недопустимо.
В качестве способа оплаты по умолчанию указана безналичная оплата на сайте. При этом нигде не удалось найти дополнительную информацию, какие платежные системы доступны, какие гарантии безопасности платежа, дополнительная комиссия и т.д. Это отрицательно сказывается на конверсии сайта.
Успешно удалось отправить форму заявки с произвольным набором заполненных данных. Это продемонстрировано на видео по ссылке https://yadi.sk/i/J1pqXt8HsTEfa.
Рекомендуем обеспечить проверку правильности ввода данных в процессе заполнения полей формы.
Страница контактов
http://www.autoyahta72.ru/contacts/.
На странице контактов отсутствует интерактивная схема проезда к офису кампании.
Нет возможности отправки сообщения менеджеру кампании с помощью формы.
Нет возможности оперативной связи с менеджером с помощью онлайн чата.
Также нет привычной для большинства пользователей возможности заказа обратного звонка.
Рекомендуем доработать дизайн страницы и разместить на ней карту проезда на базе сервиса Яндекс.Карты и форму отправки сообщения менеджеру.
Также рекомендуем рассмотреть возможность использования комплексного сервиса (например, krible.com) для обеспечения максимального количества каналов связи с клиентом – онлайн чат, заказ обратного звонка, звонок с сайта, отправка email.
Верстка сайта
Качественная верстка сайта должна обеспечивать корректную работу всех страниц и элементов сайта на любом устройстве, при любом разрешении экрана и во всех основных браузерах.
К сожалению, в данный момент это требование не выполняется.
Распределение разрешений экрана посетителей сайта показаны в таблице ниже:
На видео по ссылкам показана работа страниц при различном разрешении экрана:
- https://yadi.sk/i/6qsA71w_sTGrC
- https://yadi.sk/i/TrS2YrTUsTGx7
- https://yadi.sk/i/viICE8eisTHFE
- https://yadi.sk/i/a47IAVTzsTHTS
Как видно на видео, при просмотре на экранах мобильных устройств некорректно отображаются навигационные элементы сайта, форма поиска, нижний блок и другие элементы интерфейсы.
Фактически, сайт не оптимизирован для просмотра с мобильных устройств и планшетов. Это отрицательно сказывается не только на юзабилити сайта, но и на его поисковом продвижении.
Рекомендуем провести полную ревизию верстки сайта и обеспечить его корректную работу независимо от разрешения экрана.
Также, как было указано выше, рекомендуем обеспечить одинаковое отображение всех элементов сайта в основных браузерах.
Внутренняя поисковая оптимизация сайта
В данный момент допущен ряд ошибок во внутренней поисковой оптимизации сайта.
Нет обязательных служебных файлов sitemap.xml и robots.txt
Метатег title должен быть уникальным для всех страниц и максимально соответствовать содержанию конкретного раздела сайта.
В ходе аудита было выявлено 130 страниц, содержащих дубликаты метатега title. По ссылке https://yadi.sk/i/UL_8g2aZsTJAb представлена сводная таблица с адресами страниц и значениями метатега.
Метатег description не заполнен на всех страницах сайта, кроме главной.
Аналогичная ситуация и для всех метатегов keywords.
Заголовок первого уровня H1 также критически важен для успешного продвижения сайта. Он должен быть уникальным для каждой страницы сайта и использоваться только один раз в пределах одной страницы.
В данный момент на всех страницах опубликовано два заголовка первого уровня – одинаковый для всех <h1>АРЕНДА<br>АВТОДОМОВ В ТЮМЕНИ</h1> и еще один с заголовком страницы (для некоторых разделов сайта).
Сводная таблица со значениями заголовков первого уровня представлена по ссылке https://yadi.sk/i/-LfjWUfOsTJvB
Все это приводит к тому, что поисковый трафик находится на минимальном уровне:
Рекомендуем провести полный цикл работ по внутренней и внешней поисковой оптимизации сайта.
С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.