Страница литинга каталога (страница категории или подкатегории) - это целевая страница интернет-магазина со списком товаров. Она является посадочной страницей для продвижения запросов из семантического ядра, позволяющая получить основную информацию о предложении продавца. При нажатии на превью, посетителя направляют на карточку товара.
Пример: классическая листинг страница каталога на mvideo.ru
Что включает страница каталога листинга товаров
Страница листинга состоит из блока товаров (список или плитка товаров), навигации, фильтра поиска, может включать дополнительные элементы.
Блок товаров – это столбцы и строки с превью, количество которых зависит от размера устройства пользователя. На смартфонах отображается один столбец, на больших мониторах от 3 до 5. В среднем на одной странице размещают до 20-50 позиций (зависит от специфики интернет-магазина). Если товаров много, то используют пагинацию — постраничную навигацию.
Пример: пагинация страниц на dns-shop.ru
Возможность сортировки по параметрам позволят быстро найти подходящие товары без многократного перехода по страницам.
Основные правила оформления листинга интернет-магазина
При разработке страницы необходимо соблюсти баланс – сделать ее оптимизированной под поисковые системы и удобной для пользователей. Правильно оформленные листинги положительно влияют на ранжировании интернет-магазина в органической поисковой выдаче и позволяют пользователю быстро ориентироваться на странице и сайте в целом.
Важная информация о товаре, которая должна быть в превью карточки:
- Тип товара, название, модель.
- Изображения (может быть со слайдером), демонстрирующие продукт с разных ракурсов.
- Цена товара, стоимость с учетом скидки, если он участвует в акции.
- Доступные варианты: цвет, размер и другие основные параметры.
Пример: отображение цен и скидок на ozon.ru
Цена – основной критерий выбора для потенциальных покупателей. Она позволяет сравнить товары по стоимости без перехода на карточку. Если продукция участвует в распродаже, стоит установить значок скидки. Отличным решением станет уточнение стоимости за единицу измерения, если товар продается упаковками, коробками или поштучно. Это облегчает сравнение.
Пример: цены за коробку ламината и м3 на leroymerlin.ru
Изображения должны быть оформлены в одном стиле, раскрывать основные характеристики товара. Одежду рекомендуем демонстрировать на моделях, мебель в интерьере. Обрудование показывать в схеме, разборке, разрезе. Размещать увеличенные снимки отдельных деталей.
Среди дополнительной информации также стоит добавить: рейтинг, количество отзывов, совместимость с другими товарами, сопутствующие услуги, скорость доставки и иное, что важно при продаже конкретной категории.
Не перегружайте превью текстом, при необходимости используйте иконки для характеристик
Согласно маркетинговым исследованиям визуальная информация более понятна и воспринимается быстрее. Поэтому надписи стоит заменить на иконки.
Среди них: размер скидки, новый товар, бренд, страна изготовления, Trade-in, рассрочка, бесплатная доставка и другие преимущества покупки.
Пример: иконки: скидка, баллы за покупку, праздничный sale, рассрочка на ozon.ru
Быстрый просмотр не всегда «друг»
Функция позволяет просмотреть основные характеристики без перехода на карточку товара, поскольку информация открывается в дополнительном окне. Это отличное решение, но только когда посетитель понимает, что он не перешел на страницу товара. В противном случае он может не получить исчерпывающей информации и не решиться на покупку.
Приер: быстрый просмотр на wildberries.ru
Необходимо так реализовать функционал, чтобы покупатель понимал, что отображена не вся информация о товаре. Открывшееся окно не должно полностью перекрывать листинг. Должны быть кнопки с надписями «Быстрый просмотр» и «Узнать больше».
Показывайте больше информации при наведении курсора на превью
Отображение кратких дополнительных сведений при наведении курсора позволяет пользователю сразу исключить нерелевантные предложения, не тратить на них время. Эта функция увеличивает количество продаж интернет-магазина.
Пример: дополнительные сведения при наведении курсора на lamoda.ru
Данные о товаре можно условно разделить на:
- минимальные основные сведения отображаемые в листинге;
- краткое дополнение при наведении курсора на превью;
- расширенные данные при быстром просмотре;
- полная информация в карточке товара.
Необходимый минимальный функционал: сравнение, избранное, добавление в корзину из листинга
Чтобы не утруждать покупателя лишними переходами, создайте возможность выполнения основных действий и добавление товара в корзину из листинга и со страницы быстрого просмотра. Сюда стоит отнести функцию сравнения характеристик и создание подборки с избранными товарами, чтобы не потерять их и заказать позже.
Пример: функции добавления товара к сравнению и в избранное на ozon.ru
Заключение
Увеличить конверсию могут теги популярных запросов вверху страницы или в фильтре. Снизу стоит разместить блоки с продукцией из выбранной или смежных категорий, рекомендации на основе истории покупок и просмотренных товаров.
Просмотренное, добавленное в корзину или избранное должно визуально выделяться в листинге, чтобы покупатель совершал повторные просмотры. В противном случае может создаться впечатление, что он ходит по кругу не находя аналогов. Сравнение товаров – это возможность убедиться в правильности выбора и совершить покупку.
Еще больше статей об интернет-маркетинге и увеличении онлайн-продаж здесь: https://www.trinet.ru/blog/.
Понравилась статья? Поставьте лайк 👍 , оставьте комментарий и подписывайтесь на наш канал.