Аудит юзабилити и SEO-оптимзации туристического портала
Аудит юзабилити №386
Дата аудита: май 2015 года
Объем отчета: 39 страниц
В данном кейсе показан пример аудита сайта туристического агенства из Москвы. Рассмотрена работа модуля поиска туров, каталога, юзабилити подбора и бронирования туров.
Юзабилити страниц и модулей
При просмотре главной страницы сайта непонятно, в каком городе и регионе работает компания.
Рекомендуем явно указать г.Москва в верхней части сайта. Это также позитивно скажется и на поисковой оптимизации сайта.
Не совсем понятно, куда приходить, т.к. в данном блоке или рядом с ним отсутствует адрес офиса компании.
Рекомендуем явно указать в данном блоке полный адрес офиса компании.
Невозможно понять, на чей конкретно сайт зашел пользователь. Это сайт частного турагента, туристической компании, агенства, туроператора или это сайт агрегатор туров?
Рекомендуем явно указать точное позиционирование данного сайта.
В форме заказа звонка не отмечено, какие поля являются обязательными для заполнения, какие нет.
Рекомендуем отметить обязательные поля звездочкой и поместить соответствующее текстовое пояснение.
Что означает красная рамка вокруг поля?
Рекомендуем выводить рядом с полем пояснение о сути ошибки (не заполнено обязательное поле, неверный формат и т.д.).
В главном меню нет возможности быстрого перехода на страницы туров в конкретную страну. Например, Турцию или Египет.
Рекомендуем в главном меню разместить пункт «Туры» с выпадающим подменю со списком стран.
Также в главном меню нет ссылки на отдельную страницу для подбора тура. Это отрицательно сказывается на юзабилити и конверсии, т.к. данная форма находится в середине главной страницы и большинство пользователей ее не видят. Это полностью подтверждается картами скролла и кликов главной страницы. Их можно увидеть по ссылкам: https://yadi.sk/i/olw7DU1ggi4f6 и https://yadi.sk/i/DLE3YuH-gi4k9 .
При входе на главную страницу в меню по умолчанию выделен пункт «Услуги». Непонятно, чем обусловлено такое решение.
При этом заголовок главной страницы, который видит пользователь – спецпредложения.
Большую часть главного экрана занимает размытое фоновое изображение плохого качества (это верно и для других подстраниц сайта). Из-за этого дизайн выглядит неаккуратно. Эта проблема особенно актуальна при просмотре сайта на современных мониторах с большим разрешением экрана.
Рекомендуем использовать для фоновых изображений качественные фотографии с высоким разрешением.
При этом площадь фотогалереи очень мала по сравнению с фоновым изображением.
Блок с прокруткой туров и акций интересен пользователям. Ниже скриншоты карты кликов с главной страницы, Египта и Турции.
При этом данный блок не доработан с точки зрения юзабилити.
Есть информация об акционных турах, но нет информации о цене. Также нет ссылки на соответствующую страницу тура. Непонятно в чем суть акции.
Рекомендуем увеличить размер данного блока до ширины центральной части сайта. Необходимо давать краткую информацию о сути акции и цене. Фотографию в данном блоке рекомендуем сделать ссылкой на страницу с детальным описанием соответствующей акции или тура.
При нажатии на кнопку «подобрать тур» посетитель ожидает перехода в соответствующий раздел сайта. Вместо этого открывается форма заказа обратного звонка.
Рекомендуем сделать кнопку «подобрать тур» ссылкой на страницу с формой подбора тура.
Аналогичная ситуация и с данным блоком.
Блок с температурой и погодой имеет визуальный приоритет над информацией о стране и стоимости туров. Это вспомогательная информация, которая никак не влияет на выбор того или иного тура пользователем.
Нижние границы блоков разъезжаются
Рекомендуем обеспечить одинаковую высоту блоков с турами.
В тексте главной страницы допущены ошибки:
Непонятно, является ли данный заголовок ссылкой или это обычный текст.
Рекомендуем явно обозначать ссылки с помощью подчеркивания.
Нижние границы блоков разъехались
Рекомендуем придерживаться одинаковой высоты данных блоков.
Отзывы не персонализированы. Нет фото клиента, ссылки на его профиль в соцсетях. У посетителя может появиться впечатление, что это просто рекламные тексты, а не реальные отзывы клиентов компании.
Также, в данный момент размещено всего три отзыва о компании с 20-ти летним опытом работы. Это может отрицательно сказаться на доверии посетителя к сайту и компании.
Рекомендуем разместить в данном блоке фото и ссылки на профили в социальных сетях клиентов, написавших отзывы.
Также рекомендуем сделать данный блок с прокруткой и выводить в нем не менее 10-12 реальных отзывов клиентов компании.
Нижние границы блоков разъехались.
В блоке с отзывом нет ссылки на тур или страницу отеля. Что делать посетителю если его заинтересовал положительный отзыв о конкретном туре или отеле и он хочет узнать о нем более подробную информацию?
Рекомендуем название тура и отеля сделать ссылками на соответствующие страницы.
Далее рассмотрим один из наиболее важных элементов сайта – модуль подбора туров.
В данный момент наиболее популярное содержимое сайта согласно данным Яндекс.Метрики:
Карта кликов на главной странице сайта (полная карта https://yadi.sk/i/DLE3YuH-gi4k9):
Как видно из скриншота, до формы подбора тура практически никто из посетителей не доходит. Это полностью подтверждается и данными карты скроллинга (прокрутки) страницы https://yadi.sk/i/olw7DU1ggi4f6.
Карта кликов на странице «Турция» (полная карта https://yadi.sk/i/U4RBBRO2gi52e).
Карта кликов на странице «Египет» (полная карта https://yadi.sk/i/A4wvmW3cgi57F).
По этим данным видно, что чем выше расположена форма на странице, тем больше кликов по ней.
Рекомендуем пересмотреть компоновку макетов страниц и выводить форму на первом экране так, чтобы она была видна пользователю сразу после загрузки страницы и без использования вертикальной прокрутки.
В тексте заявлено об оплате тура прямо на сайте. Сейчас на сайте такой возможности нет.
Рекомендуем информировать пользователя только о тех возможностях и функционале, который уже реализован на сайте.
Далее рассмотрим вывод тура в общей ленте.
У пользователя нет возможности просмотреть увеличенное фото.
Рекомендуем при нажатии на фото выводить просмотр фотогалереи с качественными фотографиями конкретного отеля или курорта.
Заголовки желательно сделать ссылками на страницу с подробным описанием тура и отеля.
Нет возможности посмотреть детальное описание отеля, его местоположение на интерактивной карте, отзывы клиентов о данном отеле, подробные фото, информацию о пакете бесплатных и платных дополнительных услуг и т.д.
Для некоторых отелей отсутствует даже одно фото.
Это также видно на странице с результатами поиска тура https://yadi.sk/d/QvroiDuagi95i.
К сожалению, нет возможности сортировки результатов поиска тура по параметрам (цене, классу отеля, дате вылета и т.д.)
При нажатии на ссылку «подробнее» пользователь также не получает полной информации о туре. Это отрицательно сказывается на конверсии.
Детальные замечания по подробному просмотру тура представлены на скриншоте по ссылке https://yadi.sk/i/6eGx4xBUgi8Sq.
Также нет никакой информации об общем количестве туров в базе по конкретному направлению.
Невозможно выбрать несколько туров, сравнить их по описанию, цене и параметрам и выбрать наиболее подходящий.
В данном блоке при нажатии на кнопку «подобрать тур» открывается форма заказа звонка.
Рекомендуем при нажатии на данную ссылку переходить на страницу с формой подбора тура.
Далее рассмотрим компоновку страницы просмотра туров по конкретным направлениям на примере одной из самых популярных страниц «Турция» http://tourvibor.ru/strana/turciya.
Нет списка основных курортных городов в стране.
Рекомендуем выводить список наиболее популярных курортов для быстрого перехода в нужный раздел сайта.
Нет ссылок на соответствующие акционные туры. Нет информации о цене.
Рекомендуем выводить информацию об акционной цене. Фото необходимо сделать ссылкой на страницу с детальным описанием соответствующего тура.
В данном блоке нет информации о диапазоне стоимости туров. Вместо этого – второстепенная информация о погоде и температуре.
Нет возможности посмотреть фото и видео галерею с материалами, которые могут заинтересовать потенциального клиента.
Текст выходит за границы блока
Нет списка и подробной информации о данных курортах.
Нет рейтинга отелей и списка лучших предложений.
Нет списка, фото и описания главных достопримечательностей.
Непонятно, является ли данный заголовок ссылкой или это обычный текст?
Рекомендуем явно выделять ссылки с помощью подчеркивания.
Нижние границы блоков разъехались.
Контактная информация
Полная контактная информация должна быть максимально полной и доступной при просмотре всех страниц сайта.
Рассмотрим, насколько выполнены эти требования в данный момент.
На сайте (в том числе и на странице контактов) в явном виде нигде не написано, что компания работает в Москве.
Рекомендуем в явном виде во всех блоках с контактными данными указать г.Москва.
На странице контактов в явном виде отсутствует email компании и форма для отправки сообщения.
Рекомендуем поместить на данной странице форму для отправки сообщения прямо с сайта и контактный email компании.
Также на странице контактов нет расписания работы офиса.
Рекомендуем поместить информацию о графике работы офиса на данной странице.
Анализ трафика и статистики портала
Далее рассмотрим показатели, состав и качество трафика на сайт, т.к. это является основой хорошей конверсии сайта.
Распределение трафика по источникам согласно данным Яндекс.Метрики:
Как видно из статистики, большая часть трафика рекламная. Она должна быть максимально таргетированная и целевая.
На данный момент основной список фраз (с количеством визитов за последнюю неделю более 5) выглядит так (полный список всех ключевых фраз доступен в приложении по ссылке https://yadi.sk/i/hwJ-_G76gisz3 ):
Как видно из таблицы, самый популярный ключевой запрос «древняя Греция для детей 3 класса» абсолютно не относится к тематике сайта. Рекламный бюджет тратиться впустую. Тоже самое относится и к фразе «древняя Греция для детей».
Это подтверждается и высоким показателем отказов страницы туров в Грецию http://tourvibor.ru/strana/greciya
Рекомендуем пересмотреть список ключевых слов для контекстной рекламы. Необходимо использовать слова и фразы наиболее точно соответствующие направлениям деятельности агентства и предлагаемым турам.
Далее рассмотрим основные вопросы по внутренней оптимизации сайта для поисковых систем.
Метатег title является основой правильной внутренней оптимизации сайта. Он должен максимально точно отражать суть страницы, содержать ключевые фразы и быть уникальным для каждой страницы сайта.
Ниже представлена сводная таблица со значением метатега title по страницам сайта:
Как видно из данной таблицы, все метатеги title отличаются только названием страны или курорта. При этом не содержат ключевых слов найти тур, заказать тур, купить тур, горящие туры, выбрать тур и т.д. Это крайне отрицательно сказывается на позициях сайта в поисковой выдаче.
Очевидно, что данные метатеги сгенерированы автоматически в CMS сайта на основании названий страниц сайта (Италия, Португалия и т.д.) и одинакового для всех страниц сайта текста «| ТУР ВЫБОР | Туры во все страны мира».
Такой подход неприемлем для успешного продвижения сайта в высоко конкурентной нише туризма и продаж туров.
Важные для поискового продвижения метатеги keywords и description полностью отсутствуют в коде сайта. Это негативно сказывается на позициях сайта в поисковой выдаче.
Также полностью отсутствует и файл sitemap.xml
На всех страницах сайта в коде размещен пустой заголовок первого уровня H1:
Отсутствие этих обязательных элементов внутренней оптимизации имеет крайне негативное влияние на индексацию и поисковое продвижение сайта.
Результатами такого подхода к внутренней оптимизации кода сайта являются нулевые позиции сайта по всему списку ключевых запросов. Сводная таблица представлена по ссылке https://yadi.sk/i/kcXlWYMTgjNAu . Проверка осуществлялась в поисковой выдаче Яндекса и Google до 500 позиции включительно. Регион – Москва.
Рекомендуем выполнить весь комплекс мероприятий по внутренней оптимизации кода сайта для поисковых систем.
Безопасность сайта
В ходе аудита были обнаружены очень серьезные проблемы с безопасностью сайта. В течении 2-х минут был получен полный административный доступ в панель управления сайта. В случае использования данного способа злоумышленниками возможно изменение информации на сайте, размещение вредоносного кода, изменение любых паролей, пользователей и прав доступа, полное уничтожение сайта и другие действия. Далее представлено пошаговое описание процесса.
С сервера не удален файл запуска инсталляции CMS Drupal http://tourvibor.ru/install.php . Это отрицательно сказывается на безопасности сайта, т.к. зная тип CMS можно сразу узнать адрес входа в админку и основные слабые стороны этого движка.
Также, адрес входа в административный интерфейс сайта явно указан в общедоступном файле robots.txt по адресу http://tourvibor.ru/robots.txt
Переходим на страницу http://tourvibor.ru/user/login и видим форму ввода логина и пароля.
Вводим самую простую комбинацию имени пользователя и пароля ********-****** и попадаем в систему управления сайтом.
Далее можно спокойно удалить всех пользователей сайта, изменить пароли, цены, разместить в коде любой код и т.д. Ниже скриншоты наиболее интересных с точки зрения потенциального злоумышленника разделов CMS.
Удалить, заблокировать, поменять все пароли:
Изменить любое содержимое:
Изменить пароль и email пользователя:
Наглядная демонстрация процесса показана на видео https://yadi.sk/d/l8r79bSRgizMS :
Рекомендуем обеспечить весь комплекс мероприятий по защите и безопасности сайта. Основные из них:
- Необходимо изменить адрес входа в CMS по умолчанию.
- Скрыть из общедоступных файлов явные ссылки на административный интерфейс сайта.
- Сгенерировать уникальные пароли, содержащие случайный набор цифр и букв длиной не менее 10-12 символов для всех пользолвателей.
- Установить капчу в форме входа пользователя в админку для предотвращения взлома сайта методом подбора пароля.
- Переименовать стандартные имена пользователей типа «admin», «user», «editor» и т.д.
Также стоит отметить, что в данный момент сайт не оптимизирован для просмотра на мобильных устройствах и планшетах. Это также отрицательно сказывается на юзабилити и конверсии. Ниже приведен скриншот просмотра сайта на мобильном телефоне:
Рекомендуем использовать современные технологические решения для обеспечения корректной работы сайта на мобильных устройствах и планшетах (адаптивную верстку и т.д.).
Общие итоги и выводы
Для улучшения юзабилити и повышения конверсии сайта рекомендуем обратить внимание на такие рекомендации:
- Необходимо уточнить список ключевых запросов и фраз для контекстной рекламы.
- Форму подбора туров разместить на первом экране страниц сайта. Она должна быть видна сразу после загрузки любой страницы сайта.
- Желательно добавить возможность просмотра полной детальной информации о туре или курорте.
- Желательно добавить возможность сортировки туров по параметрам и их сравнения.
- Необходимо провести комплекс работ по внутренней оптимизации сайта и его безопасности.
С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.