Блок листинга товаров в интернет-магазине сразу же дает посетителю всю необходимую информацию об изделиях. При нажатии на продукт из списка товарных позиций пользователь попадает на страницу карточки товара. Там он сможет получить еще больше сведений, характеристик и отзывов о продукте и быстрее определиться с выбором.
В статье мы расскажем, как правильно оформлять листинг на сайте интернет-магазина, какие подводные камни могут всё испортить и какие ошибки совершают даже самые крупные и популярные компании.
Зачем нужно оптимизировать листинг
Правильно оформленный список карточек товаров позволит получить больше целевого трафика на сайт, так как корректная оптимизация листинга улучшает ранжирование веб-ресурса в поисковых системах. Блок реализуемых продуктов удобен для посетителей сайта:они смогут оперативнее выбрать нужный товар, сравнить его с другими, оформить заказ и оплатить. Оптимизированная сетка товарных позиций позволяет увеличить конверсию и уменьшить число выходов к выдаче.
Типы листингов
Существует несколько видов оформления блока карточек товаров. Какой вариант выбрать, зависит от тематики сайта и бизнеса, разновидностей реализуемых продуктов или услуг.
Классический листинг
Представляет собой привычную сетку, где выводится большое количество товарных позиций, относящихся к определенным категориям, подкатегориям, брендам или фильтрам интернет-магазина. Например, если мы зайдем в раздел «Компьютерные кресла» сайта с офисной мебелью, на странице отобразятся товары именно этой категории.
Хабовый листинг
Это список, который объединяет карточки товаров разных разделов. Задача такой разновидности — облегчить выбор нужной категории или подкатегории, сузить количество позиций и найти необходимый продукт. Такие блоки применяются в основном в больших интернет-магазинах, которые имеют очень широкий ассортимент.
Листинг-лендинг
Такой вариант используется, только когда без первоначального уточнения полная сетка товаров не удовлетворит потребности пользователя. Чтобы посмотреть блок предложений, необходимо заполнить специальную форму фильтра с характеристиками и параметрами. Как правило, листинг-лендинг применяется на сайтах бронирования билетов или отелей. Например, если вы зашли на сайт авиаперевозчика, нужно ввести куда/откуда, дату и время. Только тогда появятся необходимые предложения.
Экспертные листинги
Такая разновидность больше подойдет для информационных сайтов, где размещается огромное количество обзоров, а также книжных, цветочных интернет-магазинов. Это страницы с тщательной подборкой товарных позиций. Примеры подборок для книжных магазинов: «Лучшие бестселлеры», «Захватывающие приключения», «Подборка детских книг», «Руководства для будущих мам». Для цветочных магазинов: «Цветы на юбилей», «Букеты на день учителя», «Цветочные композиции на 8 Марта».
Как правильно оформить листинг
Чтобы собрать наиболее эффективную структуру сетки карточек товаров, следует подобрать около 10 конкурентов по поисковой выдаче и проанализировать их блок листинга. Наиболее часто встречающиеся в нем параметры и функции следует реализовать на своем веб-ресурсе, это позволит обойти конкурирующие компании в топе поисковика.
Перечислим наиболее распространенные и важные элементы, которые необходимы для эффективного продвижения сайта и удобства пользователей. Обычно листинг включает в себя полезный функционал и превью реализуемых продуктов. Разберем подробнее каждый элемент.
Название товара
Заголовок карточки товарной позиции должен быть понятен и удобочитаем. Не стоит писать лишь название, лучше указать еще тип продукции, бренд и несколько важных характеристик (размеры, цвета, опциональные параметры, объем).
- «Комплект детского белья «Винни-Пух», 1,5 спальный»;
- «Телевизор LG 50, черный»;
- «Планшет Apple Ipad mini, 64Gb».
Стоимость
Это важный элемент для пользователей, так как он позволяет оценивать товар и сравнивать его с другими. Цена должна сразу отображаться на карточке, однако на некоторых сайтах стоимость появляется только при наведении курсора на позицию — это не совсем удобно для покупателя. Если на продукт действует скидка, следует перечеркнуть старую цену и указать новую. Также можно показать, на сколько процентов тот или иной товар подешевел.
Фотография
Карточка может содержать несколько фото продукта в разных вариациях. Изображения помогают быстрее оценить товарную позицию. Пользователи смотрят на качество, размеры и цвета. Все фотографии в сетке должны быть качественными, иметь высокое разрешение и подходить под общий дизайн сайта, чтобы увеличить конверсию. Потенциальный клиент должен представлять, как использует этот продукт и какую выгоду получит от покупки.
Рейтинг
Это важный элемент в листинге. Он пригодится, если посетителю сложно самостоятельно выбрать необходимый продукт из широкого каталога интернет-магазина. Такая функция будет уместна на сайтах по реализации электроники или бытовой техники. Подбирая какой-либо товар, посетители часто опираются на мнения других пользователей. Поэтому следует показывать потенциальным покупателям средний рейтинг и количество оценок.
Артикул или код продукта
Этот элемент следует отображать на карточках конкретных моделей, тогда посетителю будет удобнее найти необходимый продукт. Также артикул может помочь тем людям, которые сначала смотрят товары в магазине, а затем заказывают их через сайт, так как там дешевле. Код товара позволит покупателю быстро отыскать понравившуюся модель и приобрести ее по выгодной цене.
Если пользователю понравился какой-либо продукт, он захочет узнать о нем больше — посмотреть дополнительные изображения и характеристики. За счет этой функции при наведении курсора на товар покупатель сможет быстро сравнить его с другими и сделать выбор в пользу наиболее выгодного предложения. При этом интерфейс сайта не перегружается и сохраняется баланс. Также функция экономит время клиента — он не изучает нерелевантные позиции, а сразу просматривает нужные.
- большое количество фото;
- много важных характеристик, которые необходимы пользователю при выборе;
- есть несколько вариаций (другой цвет, размер, объем).
Кнопки «Сравнить», «Купить», «Добавить в избранное»
Чтобы сократить количество выходов к выдаче и увеличить конверсию, лучше сразу дополнить карточку товара функциями быстрой покупки, сравнения, добавления в отложенное. Так потенциальный покупатель сэкономит время и не вернется обратно к поиску, чтобы найти сайт поудобнее. Обязательно стоит давать доступ к этим функциям незарегистрированным посетителям, хотя бы один раз.
Часто эти кнопки загромождают карточку, и важная информация теряется на фоне. Тогда лучше их отображать только при наведении курсора на товар. Это отличное решение проблемы, так можно уменьшить визуальную нагрузку, сохранит весь функционал и не усложнить поиск этих функций.
Позиции, добавленные в корзину, сравнение или в избранные, должны выделяться в сетке. Это будет удобно для покупателя, так как при повторном визите на сайт может измениться порядок товарных позиций, и найти необходимую будет уже проблематично.
Основные ошибки в оформлении листинга
Рассмотрим наиболее распространенные проблемы, которые часто мешают успешному продвижению веб-ресурса в поисковых системах.
Отсутствие ассортимента
Чтобы охватить большое количество ключевых запросов, часто создают новые страницы разделов, подразделов, меток или брендов, на которых практически нет товарных позиций. Это неправильный подход, так как в топе выдачи отображаются конкуренты с большим количеством карточек товаров. В итоге чтобы их обойти, необходимо быть лучше и не уступать по ассортименту продуктов. Ко всему прочему увеличение сетки товарных позиций делает продвигаемую категорию более релевантной.
- Запросы действительно имеют высокую и среднюю частотность, иначе продвижение ключей не принесет трафика.
- Если страница нужна, необходимо расширить количество карточек товаров, добавить новые.
- Если увеличить ассортимент нет возможности, тогда стоит размножить позиции по характеристикам или каким-либо параметрам — цвету, размерам, объему.
Пример как быть не должно:
Пример как надо:
Карточка есть, а товара нет в наличии
Многие сайты допускают такую ошибку— на первой странице листинга отображаются позиции, которых нет в наличии. Это говорит поисковым системам, что в продвигаемом разделе плохой ассортимент, что очень сильно мешает ранжированию.
Помимо этого, такая ошибка увеличит количество возвращений к выдаче. Если пользователь зайдет на сайт и обнаружит, что необходимый продукт не в наличии, скорее всего, он продолжит поиск у конкурентов, а вы потеряете большое количество клиентов.
Чтобы выйти из этой ситуации, необходимо предложить предзаказ. Например, кнопку «Купить» заменить на «Уведомить о появлении». Когда позиция снова появится в продаже, клиенту об этом сообщат.
Как не стоит делать:
Как должно быть:
Отсутствие параметров фильтров и сортировки блока товаров
Это важные элементы разделов и подразделов, которые помогают пользователям быстро найти продукт. В большинстве случаев сетка листинга наполнена огромным количеством карточек, без фильтров и сортировки посетитель может потеряться и уйти к конкурентам.
Если функция реализована грамотно, поведенческие факторы и ранжирование веб-ресурса улучшатся. Чтобы выбрать правильные параметры фильтров и сортировки, которые позволят повысить позиции в топе, следует проанализировать конкурентов и сделать функции отбора карточек по аналогии.
Как не должно быть:
Как должно быть:
Незаполненные Alt картинок в карточках товарных позиций
Эта ошибка не сильно влияет на продвижение самого раздела или подраздела, но мешает продвигать карточку продукта в поиске по изображению. Многие интернет-магазины не заполняют Alt у картинок и оставляют их пустыми. Так делать нельзя, потому что альт — это важный критерий ранжирования при поиске позиции по фото.
Заполнены атрибуты или нет, удобно смотреть через плагин Seo meta in 1 click. Он очень быстро устанавливается и им легко пользоваться.
Как делать нельзя:
Как должно быть:
Заключение
- быстрее привлечь трафик по запросам для различных категорий;
- увеличить конверсию и уменьшить число выходов к выдаче;
- улучшить ранжирование сайта поисковыми системами.
Чтобы ваш веб-ресурс попал в топ поиска по нужным запросам, необходимо ответственно подойти к оптимизации листинга и учесть все рекомендации, чтобы избежать большого количества ошибок и неэффективного продвижения.
