yaponochka.com - разработка сайтов,  seo продвижение, нейминг
+38 (044) 237-45-90 pr-content Бесплатный расчет
Развитие бизнеса в интернете

Фильтр в интернет-магазине

Зачем в интернет-магазине нужен фильтр?

Ответ на вопрос, нужен фильтр или нет при продвижении интернет-магазина, находят на этапе создания каталога. Если у товаров 1-2 опции (характеристики), то фильтр не нужен, можно обойтись обычной сортировкой. Если же товаров в одной категории больше 20…50 позиций, которые можно сегментировать по нескольким параметрам, то без фильтрации работать с каталогом будет неудобно.

Возьмем, к примеру, краски. У них есть 5 параметров, на основе которых можно создать подкатегории, где каждая может быть посадочной страницей.

Но если учесть весь ассортимент магазина в целом, то, поступив мы так, была бы и 4-я, 5-я или даже 6-я вложенность. Это не самое удобное решение, учитывая, что один товар может относиться сразу к нескольким параметрам. И эту проблему решают фильтром.

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

 

Итак, фильтры:

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

 

Расположение фильтра

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

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

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

 

Логика фильтра

Логика работы фильтра «и» / «или» зависит от того, могут ли опции быть «параллельными» или же они взаимоисключающие.

Опции с большим разнообразием легче задавать в диапазоне, например: цены, вес, размер скидки, объем памяти, размер монитора и другие. Реализация может быть разная, все зависит от конкретного случая, иногда достаточно двух полей ввода, а иногда лучше разбить по готовым диапазонам (например, когда стоимость доставки товаров весом до 2 кг и больше 2 кг разная).

Формат «от и до» занимает значительно меньше полезного места, проще и удобнее в использовании списка формата «и».

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

Полный список может раскрываться во всплывающем окне, например, как у ebay.

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

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

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

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

 

Дизайн

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

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

 

Элементы юзабилити

Если мы переходили в карточку товара из фильтра, то по нажатию на кнопку «назад» в браузере должны попадать на те же результаты фильтрации.

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

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

 

Технические требования

  • Важна скорость работы фильтра. Оптимизация SQL запросов. 
  • Фильтр не должен забивать кэш. 
  • Должна быть возможность ручной настройки очередности вывода блоков фильтра для каждой страницы отдельно. 
  • Функция ограничения максимальной высоты блока, отдельно для каждого. До состояния: развернуть, показать весь во всплывающем окне или по прокрутке. 
  • Функция свернуть весь блок в строчку. 
  • Живой поиск по опциям в блоке фильтра.
  • Предусматривать прелоудер. На всю страницу или только на фильтр. 
  • Задавать количество колонок, по которым разбивается контент, отдельно для каждого блока. 
  • Предусмотреть сценарии для длинных названий блоков. До одной или двух строк, далее в три точки, но перед количеством товаров в скобочках. 
  • Сортировка «от / до» по любому числовому параметру. 
  • Показывать блок выбранных позиций. С кнопкой «сбросить все параметры». 
  • Подсчет отсортированных товаров.

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

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

 

Автор статьи:Максим Лялин

Получай свежие статьи первым по E-mail

Интересное

  • 1С-Битрикс: плюсы и минусы
  • Канбан доска: еще больше эффективности
  • Спорим, вы прочитаете этот текст?
  • Никита

    Спасибо! Полезная статья