Страница 13 советов, ориентированных на конверсию (список товаров)

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

Но в Growcode мы часто обнаруживаем, что целевые страницы категорий неэффективны на сайтах наших клиентов.

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

И это большая ошибка. Страницы категорий вносят основной вклад в ваш общий коэффициент конверсии.

Средний коэффициент конверсии электронной торговли в США составляет около 2,6%.

Если вы хотите повысить коэффициент конверсии в своем интернет-магазине, я рекомендую вам уделять пристальное внимание страницам своих категорий!
Коэффициент конверсии в этом году колебался около 2,6%. Источник.
В этой статье мы собираемся обрисовать несколько простых советов по оптимизации, чтобы получить от них максимальную отдачу, а также ряд практических примеров страниц категорий.

Что такое страница категории товарного объявления?

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

Почему так важны страницы со списком продуктов (категории)?

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

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

Категория (список товаров) Руководство по оптимизации страницы

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

1. Вычеркнута ли цена на товары со скидкой и включен ли процент скидки?
2. Используете ли вы привлекательные цвета (например, ярко-красный) для таких важных элементов, как цена со скидкой или слово «ПРОДАЖА»?
3. Видны ли изображения продуктов над сгибом и есть ли четкий видимый заголовок с названием категории?
4. Достаточно ли большие изображения товаров (насколько эффективно используется пространство)?
5. Отображаются ли альтернативные снимки продуктов при наведении курсора?
6. Включили ли вы фильтры подкатегорий на свою страницу со списком?
7. Можно ли фильтровать продукты по переменным, зависящим от категории, таким как размер, цвет и т. Д.?
8. Есть ли у вас полный набор вариантов ранжирования по возрастанию / убыванию, например цена, популярность, актуальность и новые поступления?
9. Вы включаете всю необходимую информацию?
10. Вы показываете доступные размеры для таких категорий, как одежда?
11. Вы показываете варианты цвета?
12. Вы показываете слишком много рекламы?
13. Недоступные продукты отображаются только в конце списка продуктов на странице?

Готовы к оптимизации? Давайте погрузимся.

1. Вычеркнута ли цена на товары со скидкой и включен ли процент скидки?

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

2. Используете ли вы привлекательные цвета (например, ярко-красный) для таких важных элементов, как цена со скидкой или слово «ПРОДАЖА»?

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

Хотите больше подобных идей?

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

на Я прочитал политику конфиденциальности и принимаю условия рассылки.

Установите этот флажок, чтобы продолжить

Woohoo! Вы только что зарегистрировались. Проверьте свой почтовый ящик, чтобы подтвердить подписку.

3. Видны ли изображения продуктов над сгибом и есть ли четкий видимый заголовок с названием категории?

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

4. Достаточно ли большие изображения товаров (насколько эффективно используется пространство)?

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

Страницы категорий посвящены изображениям. В идеале вы должны предоставить максимальное количество изображений в строке, не жертвуя качеством и размером. #ecommerce #optimization Нажмите, чтобы написать твит
Urban Outfitters показывает большие подробные фотографии товаров. Дизайн товарного списка аккуратный, не загроможденный, и четыре товара в строке представлены великолепно.

5. Отображаются ли альтернативные снимки продукта при наведении курсора?

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

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

6. Включили ли вы фильтры подкатегорий на свою страницу со списком?

Amazon включает эту функцию на всех своих листинговых страницах, будь то страница категории или страница результатов поиска. Это помогает посетителям сузить область поиска.
В этом примере при поиске подушек мы получаем более 800 000 результатов! Такие подробные категории помогают посетителям сузить область поиска.

7. Можно ли фильтровать товары по категориям, таким как размер, цвет и т. Д.?

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

8. Есть ли у вас полный набор вариантов ранжирования по возрастанию / убыванию, например цена, популярность, актуальность и новые поступления?

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

9. Включили ли вы всю необходимую информацию?

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

Эти фрагменты информации:

• Имя
• Фото
• Цена
• Цена вычеркивания
• Значки (новые, бестселлеры, распродажа и т. Д.)

Gap предоставляет несколько фрагментов информации, не загромождая страницу.

10. Вы показываете доступные размеры для таких категорий, как одежда?

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

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

11. Вы показываете варианты цвета?

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

12. Вы показываете слишком много рекламы?

Вообще говоря, лучше меньше, да лучше. Вы хотите, чтобы основное внимание уделялось самим продуктам, а не другим акциям, предложениям, сопутствующим продуктам и т. Д.
Zappos хочет, чтобы вы купили обувь… ничего больше. Макет страницы со списком продуктов ориентирован исключительно на продукты. Подсказка: посмотрите, как они перечислили избранные (и популярные) фильтры чуть выше списка продуктов.

13. Недоступные продукты отображаются только в конце списка продуктов на странице? Или их там даже нет?

Нет смысла демонстрировать недоступные продукты вверху страницы. Это может испортить пользовательский опыт (UX) страницы со списком товаров для многих посетителей и негативно повлиять на конверсии. Показывайте недоступные или снятые с производства продукты внизу страницы, если они вообще есть.
Nordstrom показывает только доступные продукты определенных размеров.

Заключение

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

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

Кстати, получите Контрольный список оптимизации электронной торговли из 115 пунктов и резко увеличьте свой коэффициент конверсии!

Опираясь на восьмилетний опыт, мы собрали все наши основные идеи в одной книге: Контрольный список оптимизации скорости электронной торговли для интернет-магазина из 7+ цифр. Если вы хотите повысить производительность всех своих страниц - от домашней страницы до оформления заказа, возьмите свою копию здесь: