Чек-лист по конверсии каталога товаров

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

Когда пользователь вводит в поиске запрос "купить телевизор" и переходит на наш сайт, то в первую очередь он должен понять, что попал куда и хотел (на страницу каталога со всеми телевизорами). В этом нам поможет большой заголовок, содержащий название категории.

Хорошей реализацией является указание в заголовке не только названия категории, но и её ассортимента. Так пользователь будет уверен, что не зря потратит время на поиск товара в нашем каталоге, ведь у нас есть из чего выбирать. Например, "Кольца — 191 изделие" или "Телевизоры — 301". При этом, тире и число можно сделать в сером цвете, чтобы они не так сильно бросались в глаза на фоне названия категории, не отвлекали пользователя.

Каталог конечно же должен содержать список товаров (листинг). Причем не только на страницах категорий, но и на общей странице каталога. Сегодня листинг товаров должен не просто быть, но и содержать весь необходимый функционал.

Во-первых важно сколько столбцов вы выводите. На компьютерах необходимый минимум 3-4 столбца (в каких-то нишах требуется выводить до 8 столбцов), а на мобильных устройствах оптимальное количество — 2 столбца.

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

В-третьих листинг не может быть бесконечным, иначе страница будет слишком долго открываться у пользователей. А потому важно разбить листинг на страницы по определенному количеству товаров (его лучше подсмотреть у успешных конкурентов), реализовав функционал пагинации. Сегодня одной пагинации недостаточно, поэтому обязательно в конце листинга добавьте кнопку "Показать ещё", при клике по которой ниже будут загружаться и другие товары, не попавшие на первую страницу пагинации.

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

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

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

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

Добавьте товарам выделяющие их на фоне других маркеры (ярлыки): рекомендуем, акция, новинка, хит продаж. Они позволяют обратить внимание пользователя на такие товары, выделяя их на фоне других.

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

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

Если у текущей категории товаров есть подкатегории, то можно их вывести до листинга в виде быстрых ссылок. Также туда можно включить просто ссылки на наиболее востребованные подборки по фильтрам.

После листинга можно вывести блок тегов. Это ссылки на те подборки, которые не являются супер популярными, но несмотря на это могут быть интересны пользователю.

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

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

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

В противном случае пользователь может уйти обратно в поиск или, что ещё хуже, выбрать не тот товар. А это чревато либо возвратом товара, либо негативным отзывом о вашем магазине. Либо и тем и другим.

Ассортимент интернет-магазина часто обновляется: добавляются новые товары, но при этом пропадают старые. В связи с этим какие-то некогда наполненные категории товаров могут пустеть.

Если ассортимента в категории не хватает, чтобы быть на уровне с конкурентами, то выведите недостающие товары со смежных категорий. Вывести их лучше в отдельном блоке "Возможно, вас заинтересует:". Если у конкурентов листинг категории содержит 50 товаров, а у вас их всего 10, то добавьте такой блок, содержащий ещё 40 товаров.

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

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

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

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

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

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