×
Россия +7 (495) 139-20-33

Поиск по сайту: лучшие практические советы по юзабилити

Россия +7 (495) 139-20-33
Шрифт:
4 29569

Для начинающих seo-специалистов


Пользователи привыкли быстро находить необходимую информацию в поисковиках и, очевидно, будут ожидать подобной функции на сайтах интернет-магазинов. Согласно исследованиям, около 30% пользователей ищут окно поиска на e-commerce сайтах.

Эффективные функции поиска по сайту на e-commerce ресурсах имеет ряд потенциальных преимуществ.

  • Увеличение продаж. Функция поиска помогает быстрее найти нужный товар, а значит и ускоряет путь к покупке.
  • Более высокие темпы конверсии. Интуитивно понятный интерфейс и хорошая навигация по сайту упрощают жизнь пользователям и увеличивают конверсию.
  • Улучшение брендинга. Хорошее юзабилити сайта увеличивает лояльность пользователей и дает вам преимущества перед конкурентами.

Руслан Крючков, ведущий юзабилити-специалист USABILITYLAB считает:

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

Итак, совет № 1 — предложите пользователям функцию «Поиск по сайту».

«Какое потрясающее откровение!» — подумаете вы, но вы удивитесь, что некоторые крупные e-commerce сайты до сих пор не делают этого.

H&M:

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

Поэтому совет № 2. Если вы не можете/не хотите делать идеальный поиск — настройте как можно лучше, инструменты работы с каталогом: его структуру, фильтры.

Размещение окна поиска

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

Большинство e-commerce сайтов размещают окно поиска около верхней части страницы, над навигационным меню, как на примере ниже от Best Buy:

Как отмечает Депеш Мандалия (Depesh Mandali)a, руководитель Conversion & Product в ticket.com:

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

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

Аналогичного мнения придерживается Руслан Крючков (USABILITYLAB):

Пользователи привыкли к определенному стандартному расположению элементов в большинстве интернет-магазинов. Если спросить пользователя, где должна быть расположена ссылка на корзину, он, скорее всего, покажет в правый верхний угол. Форма поиска, как правило, находится где-то там же, в правой верхней части страницы. Посмотрите на тот же Ozon.ru — поиск расположен под шапкой сайта в центре. В других магазинах он может быть чуть правее или левее, но всегда над «сгибом» страницы, чтобы пользователь увидел его без прокрутки.

В данном случае разработчику сайта не нужно стараться быть оригинальным. Ведь цель e-commerce-сайта — минимизировать длину «конверсионного пути»: помочь пользователю быстрее отыскать нужный товар и купить его.

Располагайте окно поиска отдельно от других блоков

Не путайте клиентов, размещая окно поиска слишком близко к другим блокам, например, к форме регистрации или вводу e-mail адреса.

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

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

Хороший пример — поисковая система Яндекс. Стандартный дизайн кнопки с надписью «Найти» рассчитан на самую широкую аудиторию, в том числе, конечно, на «непродвинутых» пользователей. Впрочем, если ваш магазин продает товары для компьютерных «гиков», можно вести себя более вольно, — отмечает Руслан Крючков.

Размер окна поиска на сайте

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

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

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

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

Текст в поле «Поиск по сайту»

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

Например, магазин Tesco подсказывает клиентам, что они могут искать товары по ключевому слову, коду из каталога и т.д.

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

Также не забудьте позволить людям запускать поиск при нажатии кнопки «Enter». Избавьте от лишней необходимости перемещать курсор на кнопку «искать».

Позвольте пользователям сузить поиск до того, как они начнут что-то искать

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

Расширенный поиск

Если на сайте много контента, дайте пользователю искать более детально. Дайте ссылку на расширенный поиск, как только пользователь начинает вводить запрос.

Используйте автозаполнение

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

Возможность автозаполнения в окне поиска дает реальный толчок к конверсии. Хорошо реализованное автозаполнение может сэкономить клиентам время и ускорить процесс поиска.

Руслан Крючков предостерегает, что функция распознавания, автозаполнения и исправления ошибок при некачественной реализации может нанести вред:

Очень важно, чтобы поиск работал магазину не во вред, а так бывает, когда, например, поисковая система на сайте не учитывает разные варианты поведения пользователей и так называемый «человеческий фактор». Например, желая найти книгу Сергея Минаева пользователь может написать фамилию автора как Менаев. «Плохой» поиск не справится с этим заданием. А вот, скажем, поиск на сайте Ozon.ru распознает данную опечатку и не потеряет потенциального клиента.

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

Итак, создать идеальный поиск — сложная задача. Если у вас маленький каталог (несколько десятков товаров) — можно обойтись вообще без поиска, но только в том случае, если грамотно сделан каталог.

Сделайте хорошую навигацию и фильтрацию. Так, пользователь должен легко суметь сузить выбор, причем, одновременно по нескольким параметрам (например, отобрать только красные мужские куртки размеров от 52 до 54), расширить его при необходимости. Также во многих случаях желательно предусмотреть возможность сравнения товаров друг с другом, поскольку пользователь всегда сталкивается с проблемой выбора, если ему нравится одновременно несколько вещей, а купить он собирается одну, — заключил Руслан.


(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Эрдэм Цыремпилов
    1
    комментарий
    0
    читателей
    Эрдэм Цыремпилов
    больше года назад
    xn----8sbucdhexife6ak3k.xn--p1ai/ запанки на каждый  день
    -
    0
    +
    Ответить
  • Гость
    больше года назад
    Постоянно создаются новые сайты. Но действительно не все учитывают важность USABILITY, а потом жалуются, что  сайт хороший, а посетители к ним не идут  и выдаче они не особо поднимаются. Скоро запуск нового крупного инет проекта  - международного портала https://megadjinn.com. Все соц сети гудят о  его появлении. Надеюсь, что они учтут все эти моменты.
    -
    0
    +
    Ответить
  • Анна Коренькова
    больше года назад
    А мне больше всего на Ebay нравится поиск :)
    -
    1
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Как выбрать CMS для интернет-магазина
Колян Гусляков
2
комментария
0
читателей
Полный профиль
Колян Гусляков - Если же у вас не получилось решить данную проблему, предлагаю воспользоваться авторской сборкой от neoseo. neoseo.ru/internet-magazin-seo-magazin-model. Они предоставляют дополнительные модули для работы и взаимодействия с вашим сайтом, современный дизайн, качественную оптимизацию и продвижение. Советую попробовать, не пожалеете.
«Юзабилити-лаборатория»: оставляйте заявку на участие!
Анна Макарова
381
комментарий
0
читателей
Полный профиль
Анна Макарова - Антон, добрый день! Ваш сайт не попал в основную выборку для юзабилити-анализа, но эксперты постараются сделать по вашему сайту видеоразбор (ю-ревью). Будем держать вас в курсе )
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Выбираем CMS для сайта с точки зрения SEO: базовые требования
SEO.RU
6
комментариев
0
читателей
Полный профиль
SEO.RU - Спасибо за замечание, действительно была допущена неточность - возможно информация была не так давно обновилась. Данные в статье поправим на актуальные.
Кейс: как за 30 дней вывести новый сайт в ТОП выдачи Google
Дмитрий
1
комментарий
0
читателей
Полный профиль
Дмитрий - Нейромаркетинговые исследования также могут положительно повлиять на продвижение сайта, я лично убедился обратившись к компании Neorotrack, и результат был отличным
Digital-marketing: как выжить в кризис. Опыт реальной компании
Maks
1
комментарий
0
читателей
Полный профиль
Maks - Спасибо за опыт Вашей компании, Иван Папусь. Интересно получилось! Желаю Вашему бизнесу стабильности и успешно пережить все кризисы))
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
0
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
7 способов увеличить авторитетность сайта «в глазах» поисковых систем
Grigo5
4
комментария
0
читателей
Полный профиль
Grigo5 - Понятно.
SEO must go on! Почему в кризис нельзя останавливать продвижение сайта
everystraus
0
комментариев
0
читателей
Полный профиль
everystraus - Мы даже варианты не рассматривали. Если проект неустойчив, сразу предлагали сбавить обороты до минимума, но и так, чтоб не свалиться в штопор. Именно по СЕО чаще всего.
Как стандартизировать данные семантики с помощью логарифмов
Юлий
1
комментарий
0
читателей
Полный профиль
Юлий - Чем снималась коммерцелизация?
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
381
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
113
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
89
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

Отправьте отзыв!
Отправьте отзыв!