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

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

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

Для начинающих 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 для интернет-магазина
demimurych
17
комментариев
0
читателей
Полный профиль
demimurych - Очередное волшебство, а не материал. все что ниже, сказано человеком который больше 20 лет своей жизни посвятил ковырянию исходных кодов систем. Битрикс по качеству кода и функциональности ровно такое же говно как и вордпресс. Заявить что он разрабатывается группой крутых программистов может только человек, который не знает что такое программирование. Единтсвенное отличие битрикса от вордпресса, это сертифицированнось на определенном локальном рынке. поставить Друпал в один ряд с вордпрессом, это видимо в продолжении предыдущей бугогашечки про крутых программистов в битриксе. тут важно отметить, что если битрикс и вордпресс являлись говном одного сорта весь цикл своего существования, то друпал имеет минимум 4 принципаильно разных кодовых базы. При этом даже самая примитивная из них - друпал 5 ветки, которому больше 12 лет, на голову выше текущих вп с битриксом вместе взятых. с точки зрения разработки - конечно. А не востребовтных на текущий момент плагинов. теория про разработку кода группой крутых программистов, не выдерживает никакой критики. достаточно просто оглянуться назад и увидеть, что в мире опенсорса есть как примеры эталонного говна - вордпресс, так и полная противоположность им типа РОР ставшего фактически во многом и на долго эталоном веб разработки. И это я еще ненапомнил автору о том, что есть такие вещи как питон, миникс и т.д. примеров качественного по в мире разработки открытым сообществом на порядки больше, чем наоборот. и тому есть ряд очень простых обьяснений. первое из которых, никто вам не даст просто так закомитить в ядро любой свой говнокод. даже в вордпресе. словом, информация в статье, как и ее выводы - это из области работы со своим воображением, чем с текущей ситуацией на рынке.
Ссылочное продвижение локальных сайтов: ТОП худших SEO-методов
demimurych
17
комментариев
0
читателей
Полный профиль
demimurych - о господи. это для регионального сайта? в яндексе? где у сайта по региону конкурентов меньше чем выдачи на двух страницах из которых перваш это реклама москвы? потешно ей богу. ктото чего то не понеимает.
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Автоматические SEO-аудиты: как напугать некорректными выводами
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - спасибо
Зачем подменять контент на сайте: разбираем инструмент и развенчиваем мифы
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - К мифу 1 добавлю Google optimize optimize.google.com Удобен для сотрудников со спец. знаниями и без них. Подмена контента настраивается за счет многих вариантов страниц и условий настроек распределения трафика. Варианты страниц можно легко создать копипастом. На мой взгляд удобно и бесплатно. Тот же Calibri и программисты в любом случае, пусть не за это, но где-то берут свою комиссию. (чисто мое мнение). В качестве цены отдаешь такой ресурс как личное время и копейки за внесение двух первоначальных изменений в html шаблон страниц. Но если ваша digital-кампания имеет совесть то оплата максимум час, а то и бесплатно. Интернет-маркетолог сам должен уметь это делать. Все просто + подробную инструкцию прилагают на языке пользователя. + за поддомены платить не надо, они вообще не нужны. + взаимодействие с: - Google Ads; - Google Tag; - Google Analytics просто прекрасно отслеживается по всем вариантам параллельно. Это помогает до деталей нарисовать профиль ЦА по любому "кредиту - отдельно на машину и отдельно на бизнес". Что с аналитикой у Calibri на этот счет? Сам с Calibri не разу не работал, всегда работаю с первоисточником. + к мифу 3 в том что это и есть детище поисковой системы и рекламного инструмента. Яша тоже спокоен будет так как сам везде навязывает Турбо-страницы (считаю их не удобными).- Как "-" (минус) вижу то, что может повлиять на скорость загрузки сайта. Но если у вас не конструктор, а темболее Landing Page, то о скорости можно не волноваться. Но это чисто мое мнение. В остальном согласен с автором.
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
59
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
Монетизируйте свой сайт вместе с VIZTROM
VIZTROM
3
комментария
0
читателей
Полный профиль
VIZTROM - Добрый день! Так как мы сейчас работаем в приватном режиме, Вы врятли можете объективно оценить нашу рекламную площадку. У нас будет официальный запуск 3 марта для вебмастеров. Приглашаем Вас присоединиться к нам и лично посмотреть наш функционал.
7 способов увеличить авторитетность сайта «в глазах» поисковых систем
Юлия Гуща
1
комментарий
0
читателей
Полный профиль
Юлия Гуща - Спасибо за статью, особенно за пункт про разнообразие использования ключевых слов. А какие инструменты можете порекомендовать для анализа ключевых слов? Я чаще всего использую Ahrefs и sitechecker.pro/ru/. И нужно ли добавлять ключи в хлебные крошки?
Digital-разговор: Михаил Шакин про SEO, Google и заработок в интернете
Анна Макарова
372
комментария
0
читателей
Полный профиль
Анна Макарова - Подготовим ) Пока предлагаю почитать интервью с Денисом Нарижным из той же серии. Там стенограмма =) www.seonews.ru/interviews/digital-razgovor-denis-narizhnyy-pro-ukhod-iz-seo-i-zarabotok-na-partnerkakh/
Почему вы торгуетесь за показы, даже если платите за клики
Константин Требунских
3
комментария
0
читателей
Полный профиль
Константин Требунских - Дмитрий, спасибо за комментарий, хорошие замечания!) 1. "Какая-то подмена понятий. CPM у “Original Works” взлетает не от того, что у них РАВНАЯ цена клика, а оттого, что вы "с потолка" поставили ему CPC в 2 раза выше, чем был. Логично, что и CPM в 2 раза увеличился (см. формулу выше). Если бы вместо 5 вы всем решили поставить 2 или 1.5, то он бы наоборот уменьшился." Вы правы, что CPM уменьшился бы. В первой и второй табличке берем одинаковое количество показов (именно за них мы платим сначала) и считаем данные, в том числе CPC. Мы поставили рекламодателей в одинаковые условия и посмотрели их эффективность в разрезе цены клика при одинаковом количестве показов. А затем изменился аукцион, и, взяв получившиеся данные по кликам и CTR, мы поставили рекламодателей тоже в одинаковое положение, но уже по цене клика, ведь мы теперь за него платим. Посчитали эффективность в разрезе уже CPM. Тут если и есть подмена понятий, то она точно не моя, а рекламных систем, потому и обозначена, как "ход конем" :) 2. "Ок, смотрим таблички "как оно было" и "как оно стало". Было: система суммарно за 2 000 денег показала рекламу 4 000 раз. Стало: система суммарно за 2 000 денег показала рекламу 13 500 раз. Сомнительный профит для системы." Вы правы, именно поэтому для рекламодателей с низким CTR ставка будет выше, чем для рекламодателей с высоким CTR. Просто чтобы система окупилась. Потому что, системе выгодно продавать показы тем, у кого кликов будет больше (ведь они платят за клик). По факту реальные цены за клик в аукционе будут как в таблице 2. Но ранжирование системы проводят по таблице 5.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
372
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
139
Комментариев
121
Комментариев
111
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
86
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
59
Комментариев
57

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