Top.Mail.Ru

Продающая структура карточки товара интернет-магазина: чек-лист 43 пункта

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

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

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

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

Здесь я вообще не касаюсь аспектов оптимизации каталога в плане ключевых фраз и МЕТА-тегов.

Итак, какой функционал и информацию должна содержать карточка товара?

Чек-лист идей — 43 пункта

1. Фотографии товара

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

На сайте Декатлона обувь представлена во всех ракурсах. Здесь — протектор, также есть фото обуви внутри и увеличенные детали прошивки и других элементов

2. Выбор цвета

Если у товара предусмотрены цветовые вариации, то можно сделать кликабельные образцы. Хорошо, если при этом основное фото будет также меняться.

карточка товара функционал
Всем знакомый Aliexpress

3. Описание товара

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

описание карточки товара в каталоге
Описание доски в каталоге пиломатериалов. Красным выделила вписанные в текст ключевики

4. Характеристики товара

В характеристиках товара должны быть в первую очередь указаны ключевые параметры (их, кстати, можно выносить и в h1 и Title). Например «Iphone 11 pro 256 gb Silver». Вообще, лучше максимально раскрывать характеристики товара до самых мелочей. Во-первых, люди читают, а значит проводят больше времени на странице, во-вторых — это низкочастотные ключи, в-третьих, параметры важны для выбора. Например, кому-то важно иметь 2 симки в телефоне или выбор идет по мощности изделия (фен, миксер, электросамокат)

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

5. Возможность скачать инструкции, документации, сертификаты

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

Таблица размеров для велосипедов на сайте Декатлона
инструкции документы в карточке товара
Карточка товара производителя трансформаторных подстанций

6. Возможность загрузить фото

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

правильный функционал карточки товара
Форма для загрузки своего эскиза или примера

7. Рассчитать или иметь возможность изменить цену в зависимости от комплектации

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

8. Конструктор

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

конструктор в карточке товара
Я покупала авточехлы и нашла такой конструктор

 

Можно конструировать пиццу, если не нашли по вкусу

Наверное, понятно, что размещать конструктор целиком к карточке товара не нужно) Достаточно только ссылки по типа «Создайте индивидуальное решение», анкор — по ситуации)

9. Возможность посмотреть или почитать обзор

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

обзоры в карточке товара
Монстр продаж — Яндекс.Маркет. Кстати, ссылки тут закрыты.

10. Социальные кнопки возможность «поделиться в соц.сетях»

Даже если никто ими не пользуется, поставить всё-таки надо. Поисковые системы это любят. А если народ начнет их использовать — то очень хорошо.

На Озоне социальные кнопки оформлены выпадающим списком. Более часто в интернет-магазинах они размещаются либо в конце описания, либо под фото или кнопками обратной связи.

кнопки поделиться в карточке тоавра

11. Возможность распечатать

Кнопка «Распечатать» или «Версия для печати» обычно также располагается на первом экране. Так как она не несет никакой смысловой нагрузки ее делаю почти незаметной. Но так как она находится в привычном для пользователя месте, кому нужно — найдет.

12. Кнопки «Купить в один клик»

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

купить в один клик функционал карточки товара

13. Кнопка «Добавить в корзину»

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

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

ВАЖНО: согласно правилам UI\UX корзина также должна иметь соответствующий (когда пользователь уже начинает оформление) функционал и оформление, этих особенностей я в данном материале не касаюсь! Замечу, что данные факторы влияют на конверсию, поэтому обязательно почитайте? как упростить и улучшить путь пользователя от «добавить в корзину» до «ваш заказ оформлен». Это тема юзабилити, а не SEO.

14. Изменение количества товара

Это небольшая удобна фишка. Менять количество товара из самой карточки, без перехода в корзину. Желательно, чтобы еще и сумма пересчитывалась.

правила оформления карточки товара
В этой карточке строительных материалов можно выбрать количество, а также есть кнопка распечатать.

15. Блок с акциями

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

Например, на сайте Эльдорадо каждый день новый товар дня

16. Информация о доставке

Информация о доставке является весомым критерием для поисковых сетей, особенно, если сайт продвигается на несколько регионов или имеет много филиалов в одном городе. И в конце-концов — это просто удобно.

Информация о доставке может включать в себя:

  • ссылку на подробную страницы доставки
  • ссылку на калькулятор доставки (можно на сторонние транспортные компании)
  • примерную стоимость доставки по городу или региону
  • сроки доставки
  • информацию о самовывозе
  • наличие товара в филиалах и регионах
  • список пунктов выдачи
  • БЕСПЛАТНУЮ доставку нужно оформлять, как преимущество
Примеры информации о доставке из разных интернет-магазинов

17. Информация об оплате

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

Информация об оплате включает в себя:

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

18. Блок с сопутствующими товарами и услугами

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

Иногда можно встретить блок со скидками на аксессуары при покупке их вместе с основным товаром.

Докупая сопутствующие товары можно получить скидку

блок с сопутствующими товарами в карточке товара

19. Мелкие нюансы для большой конверсии

Если у вас есть какое либо УТП или акция — показывайте его ненавязчиво везде! Это очень повышает конверсию и лояльность. Для каждой ниши УТП может быть своим. Смотрим ниже:

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

По клику «Нашли дешевле» может выходить промокод или форма обратной связи, куда нужно приложить ссылку на более дешевый товар.

Наглядно показывают ваши выгоды и как вы можете ею распорядиться
Предлагают подписаться и узнать, когда товар подешевеет, таким образом, сохраняя внимание клиента. Дают открытую информацию о скидках баллах. Хороший пример компактного расположения конверсионных фишек
Скидка за рассылку — хороший маркетинговый ход
Редкая фишка — «подарить товар»

20. Интуитивно понятные иконки, стимулирующие продажи

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

Иконки могут быть разными, вот несколько идей: «хит продаж», «уценка», «подарок при покупке», «акция», «выбор пользователей», «рекомендовано», «товар дня», «прошлая коллекция», «новая коллекция», «повышенные бонусы», «рассрочка», «бесплатная доставка», «новинка», конкретная скидка в цифрах «-40%», для детских товаров — возраст ребенка.

21. Отзывы о товаре или компании в карточке товара

Еще один очень полезный блок в карточке товара, который ценится поисковыми системами — это отзывы. Отзывы можно подгружать с другого ресурса, если пользователи не активны на сайте,можно давать ссылку на ресурс с отзывами о компании, например, Zoon (у них есть виджет), Яндекс.Справочник, Flamp, Tripadvizor, карточка на Гугл картах. Можно давать ссылку на отзывы о товаре — Отзовик, Яндекс.Маркет и т.д.

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

Отзывы — это важно! И для продвижения, и для репутации компании. 

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

Если у компании или товара есть какие либо регалии, ПОДТВЕРЖДЕННЫЕ, например, «Лучший камерофон 2020 года», «Лучший мясной ресторан по версии пользователей Трипадвизора», «Хорошее место по оценкам из Яндекс.Справочника» — то обязательно помещайте эту информацию везде со ссылкой на источник. Помним о психологии масс 😉

22. Возможность оставить отзыв с рейтингом

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

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

В функционале формы отправки отзыва хорошо сделать возможность оценить товар. И просто великолепно, если предлагается оценить товар по нескольким ключевым критериям. Такие примеры есть в Booking.com (оценить чистоту, обслуживание, удобства в номере) или в Play Market (оценить графику в приложении, удобство управления и т.д.).

Рейтинг надо выводить в ответе. Хорошо, если у пользователей будет возможность еще и оценить отзыв другого человека по типу: «это был полезный отзыв?» да\нет.

отзывы с рейтингом в карточке товара

23. Рейтинг товара на основе отзывов

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

Можно пойти на уловку и задать значения рейтинга через админку cms. Хотя, кто в это поверит?

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

Для поисковой системы важно скорее наличие такого функционала, а не количество оставивших отзыв и тем более не количество звездочек)

24. Формы обратной связи

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

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

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

форма обратной связи в карточке товара
Сложное оборудование — нужна консультация

 

Форма обратной связи в конце страницы

29. Контакты в карточке товара

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

30. Сравнение товаров

Тут всё ясно, на большинстве больших каталогов есть эта функция.

31. Добавить в избранное

Добавить можно не только в избранное, но и, например, в «список покупок», «список желаний». Это разные названия одного и того же функционала.

32. Задать вопрос

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

33. Обсуждение товара или комментарии

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

Чем больше пользователи взаимодействуют с сайтом, те лучше. Поведенческий фактор ОСНОВНОЙ критерий ранжирования. А если пользователи еще и пишут отзывы, вопросы, комментарии, отправляют заявки, то это «знак свыше» для поисковика. Такое нужно всячески стимулировать!

34. Артикул или код товара

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

35. Всплывающие подсказки

Различные уточнения во всплывающих окнах:

  • во-первых, дают пользователю полную картину. Вы можете объяснять непонятные термины, условия акций, изменения в цене и т.д.
  • во-вторых, экономят пространство экрана для более важных элементов.

36. Выполненные работы (если это каталог услуг)

Если есть, что показать — показывайте. Сделайте отдельный раздел «наши работы» и выводите его в карточках услуг. Это подходит для строительных тематик, кузовного ремонта, детейлинга авто, производителей и т.д.

37. Блок с преимуществами компании или товара

Если с преимуществами компании все понятно, то преимущества конкретного товара редко можно встретить в карточках товаров больших интернет-магазинов. А вот если у вас товары одного типа,  то можно выделить общие преимущества.  

38. Блок со статьями отвечающими на вопросы или помогающими выбрать

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

Ненавязчивая кнопка
Баннер над заголовком
Блок с советами от производителя

39. Хлебные крошки и другая навигация

Хлебные крошки с одной стороны — чисто сеошная тема, с другой — это удобно, особенно если в каталоге не предусмотрена иная навигация.

Вообще, хорошо если будет кнопка «вернуться к выбору», «назад», «наверх» и т.д.

Очень удобный блок — «Просмотренные товары»

40. Информация о наличии

В примере я специально привожу не совсем правильное оформление карточки. Когда покупатель увидит, что интересующей его модели «нет в наличии» — он уйдет. Поэтому есть смысл оформить отсутствующие товары по-другому:

  • Сделать кнопку «узнать о поступлении»
  • Сделать форму, чтобы связаться магазином и подобрать аналог
  • Сделать ссылку на аналоги по цене или того же бренда
  • Если товар вообще больше не выпускается, то лучше так и написать и опять же предложить более новые модели

ВАЖНО: вы спросите, почему товары, которых нет нет и не будет в магазине не отключают? Потому что они создают дополнительный объем сайта. Вы можете убирать такие карточки в архив или скрывать из списка, но удалять их не рекомендуется.

Пример неэффективного обыгрывания отсутствующего товара

41. Бренд или производитель

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

42. Гарантия и условия возврата

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

43. Блок «Похожие товары»

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

 

Выводы:

  1. Для каждой ниши товара или услуги подойдут не все пункты, важно сделать карточку максимально функциональной, насколько это возможно относительно вашего товара.
  2. Вам может казаться, что если задействовать всё описанное выше, карточка будет перегружена информацией и слишком большой. На самом деле это не так. Как минимум около 15 элементов можно разместить только на первом экране (то есть до первого пролистывания). Главное, понимать основы юзабилити или иметь грамотного специалиста, который сможет дать ТЗ или компактно отрисовать карточку.
  3. Факторы, указанные в чек-листе имеют разный вес для поисковых систем, но в совокупности дадут вам большой плюс, особенно если люди действительно будут взаимодействовать с сайтом, поэтому при дизайне надо учитывать, что элементы взаимодействия должны быть расположены на привычных и видных местах. Например, люди привыкли, что отзывы в конце, что цена справа от фото, что важная информация всегда идет сначала и т.д.

Поздравляю, вы дочитали этот огромный материал!

С удовольствием отвечу на все ваши вопросы в комментариях!

А если вдруг возникнет желание сотрудничать, то пишите на почту: alisaah22@gmail.com

Оставить комментарий

Ваш электронный адрес не будет опубликован.