Сайт в разработке Наполняем разделы и правим ошибки — что-то может выглядеть или работать не так. Если заметили — позвоните или напишите.

Как устроить поиск по сайту продуктового магазина

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

Раздел: Разработка — статьи о сайтах

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

Чем поиск в продуктовом магазине отличается от других

Запросы короткие: одно-два слова, иногда с числом, например «кефир 1%» или «хлеб бородинский». Люди пишут так, как говорят дома, а не так, как товар назван в учётной системе. Часто вводят запрос с телефона, торопятся и делают опечатки. Кроме того, ассортимент меняется: что-то заканчивается, что-то появляется на неделю. Поэтому поиск нельзя настроить один раз и забыть.

Какие запросы поиск должен понимать

Простой поиск по точному совпадению строки подходит плохо. Для продуктов обычно нужно предусмотреть следующее:

  • Словоформы. «яблоки», «яблоко» и «яблок» должны давать один результат.
  • Синонимы. «картошка» и «картофель», «сосиски» и «сардельки», «макароны» и «паста». Список составляют вручную и пополняют по реальным запросам.
  • Опечатки и неверная раскладка. Запрос «ghjlerns» стоит превращать в «продукты», а «малако» связывать с молоком.
  • Буквы и числа. «ё» и «е» равнозначны, а «3,2» и «3.2» дают одинаковый результат.
  • Бренды. «Coca-Cola» и «Кока-кола» ведут к одним и тем же товарам.

Если магазин небольшой, часть этого можно сделать средствами самой CMS и словарём синонимов. Для большого каталога обычно подключают отдельный поисковый движок с морфологией, например Sphinx или Solr. Стандартный поиск через LIKE в базе данных с такой задачей справляется плохо.

Подсказки при вводе: что в них показывать

Подсказки экономят время, особенно на телефоне, где набирать текст неудобно. Но список из десяти похожих строк только мешает. Лучше разделить подсказки на группы. Условный пример: покупатель набрал «молок».

  • Запросы: «молоко», «молоко сгущённое», «молоко кокосовое».
  • Категории: «Молоко и сливки», «Молочные коктейли».
  • Товары (2–3 позиции): название, объём или вес, цена, кнопка «В корзину».

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

Страница результатов и пустая выдача

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

Фильтры должны подходить к найденному. После запроса «сыр» полезны вид, производитель, жирность и вес упаковки, а не общий набор из всего каталога. Выбранные фильтры нужно показывать и давать возможность быстро сбросить.

Страница «ничего не найдено» должна помогать, а не просто сообщать об ошибке. Что на ней разместить:

  • запрос в том виде, как его ввели, с подсказкой проверить написание;
  • варианты по исправленному запросу;
  • ссылки на основные категории;
  • форму или телефон, чтобы спросить о товаре или предложить его добавить.

Как улучшать поиск по журналу запросов

Самый полезный источник данных — то, что реально вводят посетители. Сохраняйте запросы и число найденных результатов. Внутренний поиск можно отслеживать и в Яндекс.Метрике, и в Google Analytics. Раз в неделю просматривайте запросы без результатов и самые частые запросы. Из первых получается список синонимов и новых позиций для ассортимента, из вторых видно, какие товары стоит вывести выше. Также смотрите, после каких запросов человек сразу уходит или начинает искать заново: это признак неудачной выдачи.

Проверочный список перед запуском

  • Поле поиска видно на каждой странице, в том числе в мобильной версии, и достаточно широкое.
  • Найдены ли товары по запросам «картошка» и «картофель», «малако» и «молоко»?
  • Запрос в неправильной раскладке и с «ё» вместо «е» работает.
  • Запрос с числом («кефир 1%») ведёт к нужной жирности.
  • Подсказки показывают категории и товары, а не только слова.
  • Товары, которых нет в наличии, помечены и не стоят выше доступных.
  • Пустая выдача предлагает следующий шаг.
  • Запросы и их результаты записываются, и есть человек, который их просматривает.

Все статьи блога

Заявка

Расскажите о проекте

Свяжемся в течение рабочего дня, зададим уточняющие вопросы и предложим варианты. Без навязчивых звонков.

Форма обратной связи

Отвечаем в рабочие дни с 10:00 до 19:00

Написать в Telegram