Как сделать сайт привлекательным для пользователей и поисковых систем одновременно? Именно об этом идет речь в разделе помощи Яндекс.Метрики, где поисковик описывает принципы usability для владельцев интернет-магазинов, которые помогут улучшить удобство вашего ресурса для посетителей и повысить его шансы выйти в ТОП.
Сегодня я возьму этот чек-лист за основу для сравнения и оценки двух сайтов по критериям Яндекса. В статье я приведу те пункты, которые, на мой взгляд, наиболее явно показывают разницу в уровне usability ресурсов. Так как уже не за горами Новый год, я выбрала для аудита интернет-магазины подарков: первый сайт www.pum-pu.ru находится на 5 месте по региону Москва в Яндексе по запросу “новогодние подарки”, а второй (www.dostavka-podarkov.ru) — на 15 месте по тому же запросу (на момент написания статьи).
Контактные данные
По рекомендациям Яндекса,хорошая страница с контактными данными содержит:
- телефон и другие контактные данные, которые необходимо указывать на каждой странице сайта;
- максимально полные контакты: телефон, email, Skype, ICQ и т.д.;
- городской номер телефона, т.к. он вызывает больше доверия, чем мобильный;
- точное время работы оператора и офиса;
- пункты самовывоза (если есть);
- удобную и понятную карту для сайта;
- информацию, как добраться на общественном транспорте, и фотографии здания.
Давайте проверим, как это реализовано на сравниваемых сайтах:
1. www.pum-pu.ru:
- На любой странице сайта контакты заметны и расположены в привычном для пользователей месте — правом верхнем углу.
- Есть возможность заказать обратный звонок, приведен график работы магазина.
- Страница Контакты сделана в полном соответствии с рекомендациями Яндекса: приведены несколько способов связи (телефон, почта, ICQ, Skype), есть адреса и график работы пунктов самовывоза, понятная карта проезда, подробное описание, как добраться до склада на общественном транспорте.
Оценка по критерию: 3 балла из 3-х возможных. Единственно, что можно было бы добавить, — фотографии здания, чтобы клиентам было легче его найти.
- На любой странице сайта присутствуют контакты для связи, но они расположены не в самом удачном для восприятия месте (правый верхний угол почему-то на сайте пустует).
- Из контактов есть только телефон для связи.
Сочетание цвета шрифта и цвета фона неконтрастное.
- На странице Контакты тоже все довольно аскетично, а карты проезда вообще нет.
Оценка usability сайта по критерию: 1 балл из 3-х возможных.
Наличие кнопки “Купить” (“Заказать”)
Яндекс рекомендует делать кнопку “Купить” рядом с описанием товара заметнее. Проанализируем карточки товаров на сравниваемых сайтах:
- Кнопка “В корзину” яркая, крупная, также она продублирована после описания товара. Однако, если описание небольшое, обе кнопки оказываются рядом, что может смутить покупателя. Я бы рекомендовала оставить одну кнопку сразу под фотографиями товара в первом экране пользователя.
Оценка по критерию: 2 балла из 3-х возможных.
- Кнопок “Купить” тоже две, но лучше была бы одна, но заметная.
Оценка usability сайта по критерию: 0 баллов из 3-х возможных.
Возможность перейти в “Корзину”
Яндекс рекомендует делать так, чтобы пользователь мог перейти в “Корзину” в любой момент и с любой страницы сайта. Посмотрим, так ли это на рассматриваемых сайтах:
- С любой страницы можно перейти в “Корзину” и увидеть, что там находится, не переходя в “Личный кабинет”.
- Есть возможность перейти к оформлению заказа с любой страницы сайта.
Оценка по критерию: 3 балла из 3-х возможных.
- “Корзина” также сквозная, расположена в шапке сайта. Из минусов — неконтрастный цвет шрифта и цвет фона.
Оценка usability сайта по критерию: 2 балла из 3-х возможных.
Наличие цены товара
Яндекс рекомендует размещать цену рядом с описанием и фотографиями. Товар с ценой продаётся лучше, чем товар, стоимость которого нужно узнавать дополнительно.
Проверим данный принцип usability на сравниваемых сайтах:
- Если описание товара слишком длинное, то цена товара уходит далеко вниз и до нее надо пролистывать. Необходимо расположить цену сразу под фотографиями товара рядом с кнопкой “В корзину”.
Оценка по критерию: 1 балл из 3-х возможных.
- Цена расположена рядом с товаром и выглядит контрастно. Минус в том, что цена находится далеко от кнопки “Купить”.
Оценка usability сайта по критерию: 2 балла из 3-х возможных.
Информация на странице товара
Вот что рекомендует размещать Яндекс:
- несколько фотографий товара в разных ракурсах (они должны быть хорошего качества);
- подробное описание;
- отзывы тех, кто уже купил товар;
- блок “Похожие товары”;
- блок “Вместе с этим покупают”.
Проанализируем информацию о товарах на сравниваемых сайтах:
- Интересное, красочное описание товара вкупе с техническими характеристиками, несколько фотографий хорошего качества с разных ракурсов, блок “С этим товаром покупают”, “Популярные товары” — в общем, все как Яндекс прописал!
Оценка по критерию: 3 балла из 3-х возможных. Единственное, что можно было бы добавить — отзывы о товаре от тех, кто его купил и дарил.
- На странице всего одна фотография товара, рассмотреть его с разных ракурсов не удается.
- Описание есть, но максимально “сухое”, техническое. Для такой тематики, как “Подарки”, рекомендуется писать максимально красочные тексты, подчеркивая в них удовольствие и радость, которые вещь принесет ее обладателю.
- Слишком много места в первом экране отведено абсолютно ненужной нетематической рекламе рюкзаков и сумок, а также социальным кнопкам.
- Блок похожих товаров присутствует, но добраться до него можно, только многократно используя “скролл”.
Оценка по критерию: 1 балл из 3-х возможных.
Форма заказа
По принципам usability Яндекса, форма заказа должна быть максимально простой. Необходимо спрашивать только существенную для заказа информацию, например, при доставке — телефон или email и адрес заказчика, а при самовывозе — только телефон или email.
Проверим, все ли верно на наших сайтах:
- Обычное оформление заказа сделано в виде шагов, все достаточно просто и понятно.
Есть возможность заказа в 1 клик: нужно указать просто номер телефона и электронную почту. Я бы рекомендовала в таком случае сделать обязательным какое-то одно средство связи, а не сразу два.
Оценка по критерию: 3 балла из 3-х возможных.
- Форма заказа достаточно громоздкая, с сочетанием нескольких размеров и цветов шрифта.
- Есть просьба прочитать подробнее условия заказа, перейдя по ссылке, уводящей покупателей из “Корзины” вообще.
Оценка usability сайта по критерию: 1 балл из 3-х возможных.
Навигация
Рекомендации Яндекса:
- Сделайте однозначные названия разделов сайта.
- Не используйте профессиональные термины.
- Сделайте кликабельным логотип сайта.
- Создайте строку с “хлебными крошками”.
- Графически выделите в меню сайта раздел и подраздел, в котором пользователь находится в данный момент.
Давайте проанализируем удобство навигации у наших сайтов:
- Некоторые разделы сайта имеют достаточно креативные названия — “Свежачок”, “Авторское” и т.п. Но это не противоречит целевой аудитории сайта (молодежь) и ее особенностям.
- Есть и “хлебные крошки”, и кликабельный логотип.
- Отличная структура меню — подарки можно искать по тематике, по характеристикам того, кому дарят подарок, по виду праздника и по цене.
- Не хватает графического выделения местоположения пользователя в меню.
Оценка по критерию: 2 балла из 3-х возможных.
- Есть “хлебные крошки”.
- Названия категорий товаров не очень однозначные, например, присутствует три раздела со сходными названиями: “Дачная мебель”, “Отдых и дача”, “Лето-отдых-дача”. Непонятно, чем отличаются товары в этих категориях, и где находится то, что ищет пользователь. Также в одном меню, которое представляет собой каталог, безо всякого выделения есть пункты, к каталогу не имеющие прямого отношения (“Подарки оптом”, “VIP-клуб”, “Скидки” и т.п.).
Оценка по критерию: 1 балл из 3-х возможных.
Качество поиска по содержимому
Яндекс рекомендует делать поиск по сайту, результаты которого должны точно соответствовать запросу. Рекомендуется добавить возможность сравнения и сортировки результатов поиска (например, по цене, популярности, новизне и т.д.). Проверим, как работает поиск на исследуемых сайтах:
Ввожу в строку поиска на сайте “Тарелка” и получаю на выходе отобранные тарелки:
- Функции расширенного поиска нет, но его заменяет подробный каталог, разбитый на категории.
- Сортировка по цене есть, но она расположена после каталога товаров, что делает ее практически незаметной на странице. Я бы рекомендовала ее перенести выше каталога.
Оценка usability сайта по критерию: 2 балла из 3-х возможных.
- На сайте есть поиск, который корректно подбирает товары.
- Реализована сортировка по бренду. К сожалению, не всегда это удобно - часто бренд, например, шариковых ручек, ни о чем не говорит.
- Сортировки по цене я не нашла.
Оценка по критерию: 2 балла из 3-х возможных.
Структурированность текстов
Яндекс рекомендует размещать на сайте только важную и интересную информацию. Если на сайте много больших текстов, их лучше разбить на логические части и снабдить подзаголовками. Посмотрим, какие тексты на наших сайтах:
- Важная информация значительного объема структурирована, например, это хорошо сделано на странице доставки:
Оценка по критерию: 3 балла из 3-х возможных.
- Информация часто подается в виде “портянок”, и это особенно бросается в глаза из-за дизайна сайта.
Оценка по критерию: 0 баллов из 3-х возможных.
Дизайн
Яндекс говорит, что дизайн сайта должен быть удобным, приятным для глаз и не мешать воспринимать информацию. Желательно, чтобы стиль сайта соответствовал его тематике. Проанализируем дизайн на наших сайтах:
- Дизайн очень интересный, соответствует тематике продаваемых товаров, хорошо продумана стилистика.
Оценка по критерию: 3 балла из 3-х возможных.
- Все смотрится очень сухо, строго и аскетично. Больше напоминает не сайт по продаже подарков, а сайт учебного заведения.
Оценка по критерию: 0 баллов из 3-х возможных.
Вывод
Исходя из проведенного анализа, мы получили суммарные баллы по обозначенным пунктам у каждого сайта:
www.pum-pu.ru— 25 баллов;
www.dostavka-podarkov.ru — 10 баллов.
Вполне очевидно, какой сайт выиграл в данном сравнительном анализе, и чье место в ТОП 10 вполне заслужено.
Как обнаружить, есть ли на вашем сайте эти и другие ошибки юзабилити? Вот несколько способов:
- Можно просто и самостоятельно провести подобный небольшой анализ по всему чек-листу от Яндекса.
- Также используйте специализированные сервисы поиска ошибок на сайте. Например, аудит в сервисе Rooletka поможет вам выявить многие технические ошибки оптимизации (долгое время загрузки сайта, проблемы с конверсионной информацией и т.п.), которые непосредственно влияют на лояльность пользователей к вашему сайту.
- И конечно, огромную информацию можно получить, используя данные систем статистики Яндекс.Метрика и Google Аnalytics.
- Наконец, прибегайте к помощи знакомых и друзей, наблюдая за тем, как они пользуются вашим сайтом.
Удачи и только повышения конверсии на ваших сайтах в Новом году!
Статьи выпуска: