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

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

Что именно ищут в магазине косметики

Начинайте с типов запросов, а не с выбора модуля поиска. Для косметики это обычно:

• бренд или линейка: «CeraVe», «Сераве», «La Roche»;
• тип продукта: «сыворотка», «патчи», «мицеллярная вода»;
• активный компонент: «ниацинамид», «гиалуроновая кислота», «SPF 50»;
• назначение, как оно указано в карточке: «для сухой кожи», «для окрашенных волос»;
• оттенок и объём: «тон 02», «50 мл», «мини-формат»;
• артикул или штрихкод: так ищут те, кто заказывает повторно.

Соберите из аналитики сайта, переписки и обращений в поддержку реальные формулировки. Хватит 50–100 запросов. Это будет тестовый набор, по которому вы проверите поиск до запуска и после каждой правки.

Какие данные в карточке товара нужны поиску

Поиск находит только то, что есть в данных. Если состав лежит в описании одним длинным текстом, запрос «ниацинамид» выдаст либо всё подряд, либо ничего. Заведите в карточке отдельные поля:

• бренд и линейка, плюс варианты написания;
• категория и тип продукта;
• ключевые активные компоненты (отдельным атрибутом, а не только внутри полного состава);
• тип кожи или волос, объём, оттенок;
• артикул и штрихкод.

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

Опечатки, транслит и синонимы: что настроить

Покупатели пишут «спф», «тональник», «гиалуронка», «Сераве» и «cerave». Нужен словарь соответствий, который поддерживается вручную:

• бренды: кириллица, латиница, типичные ошибки;
• сокращения и сленг: «спф» и SPF, «тональник» и тональный крем;
• формы слов: «крем», «крема», «кремом» должны вести к одним товарам.

Следите, чтобы синонимы не склеивали разное. «Крем для рук» и «крем для лица» — разные запросы, поэтому по умолчанию требуйте совпадения всех значимых слов, а не любого из них. Иначе выдача заполнится случайными товарами. Словарь пополняйте по журналу запросов: раз в месяц просматривайте частые запросы без результата или без кликов.

Подсказки и страница результатов: условный пример

Допустим, пользователь вводит «сыворотка ниацин». Выпадающий список может выглядеть так:

• Запросы: «сыворотка с ниацинамидом», «сыворотка ниацинамид 10%»;
• Категория: «Сыворотки для лица»;
• Бренды, у которых есть такие товары;
• 2–3 товара с миниатюрой, объёмом и ценой.

После нажатия Enter страница результатов начинается со строки: «Показаны результаты для «сыворотка ниацинамид». Искать точно: «сыворотка ниацин»». Так человек видит, что запрос исправлен, и может вернуть свою формулировку. Под строкой идут фильтры, которые есть именно у этой выдачи: бренд, тип кожи, объём, цена, «в наличии». Сортировка по умолчанию — «по релевантности», товары в наличии выше тех, что закончились. Если запрос совпал с артикулом, нужный товар ставьте первым без раздумий.

Что показывать, если ничего не найдено

Пустая страница с надписью «Ничего не найдено» — самый дорогой фрагмент поиска. Вместо неё сделайте следующее:

• предложите упростить запрос и снять выбранные фильтры одной кнопкой;
• покажите популярные категории и бренды;
• дайте способ связаться с магазином: чат, телефон или форму с вопросом о товаре;
• если товар временно закончился, оставьте его карточку в поиске с пометкой, формой «Сообщить о поступлении» и похожими позициями.

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

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

• Проверены все запросы из тестового набора: нужный товар в первых результатах.
• Бренд находится и на кириллице, и на латинице.
• Поиск по артикулу и штрихкоду возвращает один точный товар.
• Активные компоненты вынесены в отдельный атрибут и ищутся.
• Запрос с опечаткой даёт осмысленную выдачу и пояснение об исправлении.
• Фильтры на странице результатов соответствуют найденным товарам.
• Пустая выдача предлагает дальнейшие действия, а не тупик.
• Строка поиска удобна на телефоне: она заметна, а подсказки не перекрывают кнопку ввода.
• Запросы без результатов записываются, и за их разбор кто-то отвечает.

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

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