Идеальная карточка товара для интернет-магазина заполнение и оформление


Содержание материала:

31 элемент в карточке товара для высоких продаж

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

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

Первая группа: Обязательные элементы

Это основная информация для принятия решения о покупке.

Название товара

Название необходимо оформить тегом заголовка – H1 – это поможет продвинуть страницу в поисковых системах.

Изображение

Качественные фотографии – жизненно важный элемент. По ним покупатель составляет первое впечатление о товаре.

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

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

Взгляд должен выхватывать ее за доли секунды.

Доступность

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

К примеру, на предыдущем скриншоте из интернет-магазина O’stin можно увидеть над кнопкой «Добавить в корзину» отдельный пункт – «Узнать о наличии в магазинах». По клику на него открывается диалоговое окно, с помощью которого можно уточнить наличие в любом из магазинов сети.

Еще удобнее это реализовано на сайте ИКЕА – для проверки наличия товара достаточно выбрать филиал в выпадающем меню и нажать кнопку ОК.

Способы оплаты

Покажите все возможные способы оплаты.

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

Доставка

Для интернет-магазина это ключевая информация. Порой именно сроки и стоимость доставки имеют решающее значение для покупателя. И снова хороший пример подает O’stin – внизу страницы с описанием есть отдельный блок, посвященный условиям доставки.

Политика возврата

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

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

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

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

Пример описания снегохода от hft.ru – коротко, эмоционально, информативно.

Детальное описание

В продолжение предыдущего скриншота: кликнув по ссылке «Характеристики», пользователь сможет ознакомиться с подробными ТТХ выбранного снегохода. Да, подобная информация может занимать много места, зато покупатель сможет найти ответы на большинство вопросов.

Информация о размерах

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

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

Варианты расцветки

Если товар доступен в разных цветах – покажите это.

Вот отличный пример с American Apparel: 18 различных расцветок рубашки, и на каждую – отдельное фото:

Вторая группа: Пользовательский контент

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

Рейтинг товара

Хороший ход – позволить пользователям ставить оценки, а затем показывать рейтинг в карточке товара. Отличный пример показывает Steam – в самом верху, под описанием игры, видно количество, а также соотношение положительных и отрицательных отзывов.

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

Отзывы и комментарии

В качестве примера снова Литрес – здесь отзывы читателей занимают важное место, и кто-то принимает решение именно после прочтения отзывов.

Инструменты для оценки отзывов

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

А в Steam оценивается еще и чувство юмора рецензента.

Сортировка вариантов по рейтингу

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

Добавить в wish-list

Не путайте с «Добавить в корзину»! Это полезная функция, которая позволяет покупателям делать закладки для будущих покупок, а ритейлеру дает возможность больше узнать о клиенте. Отличный ход – при появлении скидок на тот или иной товар, делать рассылку по пользователям, у которых он находится в wish-list.

Третья группа: дополнительные опции

Это дополнительные функции, которые делают страницу товара еще более привлекательной и полезной.

Видео

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

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

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

D-обзор

В обычном магазине покупатель может повертеть товар в руках, рассмотреть со всех сторон. Не лишайте его этой возможности! Тем более, что реализовать функцию 3D-просмотра легко. Примеров можно привести сколько угодно. Мобильные гаджеты:

Кнопка «Увеличить масштаб»

Многие вещи хочется рассмотреть поближе. Предоставьте такую возможность. Все, что для этого понадобится – это фото высокого разрешения и функция «Увеличить масштаб».

Цены в разных валютах

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

К примеру, такое сообщение можно увидеть при переходе на русскую версию магазина asos.com:

Знаки качества, знаки доверия

Выглядеть они могут, например, так:

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

Онлайн-консультант (чат или телефон)

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

Код продукта

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

Маркер «Специальное предложение»

Если на данный товар сейчас действует скидка; специальная цена или условия доставки – пусть это будет заметно с первого взгляда. Вот отличный пример от hft.ru:

Статистика (просмотры /лайки / продажи и т.д)

Конечно, этот блок имеет смысл использовать, только если у магазина достаточно высокая посещаемость.

Социальные доказательства

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

Кнопки соцсетей

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

Товарные рекомендации

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

Вместе с этим товаром также смотрят…

«Вместе с этим товаром часто заказывают…», либо другие варианты.

Кросс-продажи и upsell

И снова о том, как увеличить средний чек. К примеру, магазин Nordstrom при выборе рубашки предлагает целый комплект для завершенного образа:

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

Идеальная карточка товара для интернет-магазина: заполнение и оформление

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

Название

Казалось бы, очевидно, что создание карточки товара так или иначе начнется с названия. Вот только сформулировать его можно по-разному. «Майка женская белая» или «Легкая женская футболка из натурального хлопка». «Золотое кольцо, модель №234-КР» или «Золотое кольцо «Жемчужный рассвет»». «Игрушка медведь плюшевый» или «Плюшевый мишка Пашка». Исключением может стать техника, стройматериалы, лекарства и связанные с этим направления, но и здесь можно проявить немного креатива.

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

Шпаргалка: что должно быть в хорошей карточке товара

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

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

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

Описание

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

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

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

Перечень характеристик

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

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

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

Просто пример хорошей карточки товара для интернет-магазина

Доставка

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

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

Наличие на складе

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

Дополнительные предложения

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

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

Ещё один пример хорошей карточки товара для интернет-магазина

Скидки

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

Отзывы

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

Призыв к действию

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

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

И, напоследок. Никто не скажет вам, какой вариант оформления карточки товара будет идеальным в вашем случае. Только проведение аудита и А/Б тестов по нескольким ключевым показателям поможет сформировать действительно лучшую карточку товара.

2 Comments

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

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

Карточки товара интернет-магазина: рецепт идеального продающего описания

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

Что такое карточка товара, ее значение для интернет-магазина

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

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

Грамотно составленная товарная карточка помогает интернет-магазину добиться следующих целей:

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

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

Шаблон идеальной карточки: основные элементы

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

  1. Хлебные крошки. Для удобства пользователя на странице должна присутствовать навигационная цепочка. Она позволит быстрее перемещаться между категориями, разделами, при необходимости возвращаться на шаг назад.
  2. Содержательный заголовок. В названии нужно полноценно отобразить суть предложения. Приветствуются длинные, развернутые заголовки, упрощающие идентификацию продукта – «Блуза женская/модель/бренд/цвет». Оптимальное месторасположение – в верхнем левом углу страницы, справа от картинки.
  3. Информативное описание. В текстовом блоке следует дать подробные разъяснения по поводу предлагаемого товара, которые помогут посетителям сайта принять решение о покупке. Речь об особенных функциях, уникальных чертах, составе, комплектации, ограничениях и других деталях. Полезно дополнить информацию табличками с техническими характеристиками, размерной сеткой, файлами с инструкциями в формате pdf.
  4. Актуальная цена. Наличие соответствующей действительности цены в карточке – обязательное условие. Из-за неправдивых сведений или их отсутствия клиенты разочаровываются в компании, уходят к конкурентам. Если предусмотрена скидка, ее указывают рядом с ценой. Рекомендуется сделать акцент на размере возможной экономии.
  5. Фото, видеоконтент. Покупателю в онлайне важно оценить продукт визуально. Правильно подобранные качественные снимки, видеообзоры с участием экспертов улучшают восприятие информации, помогают объективно донести клиенту выгоды приобретения. Главное изображение желательно подкреплять фотографиями, сделанными с разных ракурсов. Для детального ознакомления с продукцией в карточку встраивают функцию увеличения «zoom».
  6. Раздел с отзывами. Люди ценят мнение со стороны. Около 63% потребителей предпочитают делать покупки там, где есть отзывы о приобретенных продуктах от реальных клиентов. Присутствие на странице положительных и негативных оценок – весомый факт в пользу магазина.
  7. Функциональные кнопки. На виртуальной витрине должны быть призывающие к действию акцентные кнопки «Купить», «Добавить в корзину», «Оставить отзыв», иконки соцсетей. Лидогенерирующие элементы дают клиенту подсказки о дальнейших действиях. Специалисты советуют делать их плавающими, чтобы они всегда оставались на виду в процессе просмотра страницы.
  8. Дополнительные опции. Внедрение нестандартного практичного функционала способствует повышению конверсии. Чаще всего покупка осуществляется при повторных визитах. Вспомнив о возможности сравнить товарные единицы, добавить в список желаний, получить сообщение о поступлении, задать вопрос менеджеру, клиент с большой вероятностью вернется на сайт.
  9. Блок рекомендуемых позиций. Эффективные инструменты в виде сопутствующих, похожих, популярных товаров привлекают внимание к другим предложениям, увеличивают средний чек, повышают вероятность последующей продажи.
  10. Данные о наличии, доставке, оплате. Через товарную страницу необходимо информировать пользователя о наличии продукции на складе, указывать условия доставки, доступные способы оплаты, возможность возврата. Для большинства клиентов эти моменты имеют принципиальное значение.
Топ-пост этого месяца:  Что такое айдентика что входит, этапы разработки и примеры

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

Как составить продающее описание: полезные правила, рекомендации

Современному покупателю важна не только красивая картинка и выгодная цена. Один из самых важных пунктов в карточке – описание товара. Работая над ним, необходимо учитывать массу нюансов.

Определяем нужные текстовые блоки

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

Анализируем ситуацию

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

Рассказываем о товаре

Постарайтесь вложиться в оптимальный объем – 400-800 символов. Этого вполне достаточно для раскрытия основных преимуществ. Не ограничиваться двумя абзацами можно в карточках специфических дорогостоящих продуктов, новинок рынка. В них целесообразнее разместить более подробные сведения, которые развеют опасения сомневающихся клиентов.

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

Не дублируйте в описании технические параметры. Их рекомендуется выносить в отдельный пункт. Учтите, контент должен быть по возможности уникальным. Иначе его не одобрят поисковые системы, он попадет под фильтр, а вероятность выхода в ТОП приблизится к нулю. Пытаться делать тысячи уникальных описаний неразумно только в том случае, если интернет-магазин предлагает много однотипных товаров с очевидными свойствами.

Добавляем полезную информацию

Полезные сведения, имеющие отношение к продукту, придают странице особую ценность. К ним относятся:

  • данные о бренде-производителе, сервисных центрах;
  • политика возврата, гарантии;
  • советы по выбору подходящего размера;
  • инструкции по чистке, сборке;
  • ссылки на обзоры, размещенные на сторонних ресурсах.

Форматируем текст

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

Не забываем об оптимизации

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

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

Распространенные ошибки при составлении описаний

Во время работы над описанием для карточки товара необходимо избегать типичных ошибок:

  • переусердствовать с оптимизацией. Переизбыток неестественных речевых оборотов, кривых ключевиков навредит описанию, снизит эффективность страницы;
  • копировать материалы с других ресурсов. Это приведет к стопроцентному выпадению из поисковой выдачи;
  • публиковать контент с орфографическими ошибками. При неимении опыта лучше доверить написание текста профессионалам;
  • не делать форматирование. Мелкий шрифт, отсутствие отступов, абзацев вероятнее всего оттолкнет потенциальных покупателей;
  • чрезмерно расхваливать продукт. Общие фразы и пустые слова, применимые к любому продукту, будут некстати. Описание нужно сделать информативным, четко аргументированным;
  • использовать неправдивые данные. Вводя посетителей в заблуждение, интернет-магазин рискует навсегда потерять доверие ЦА;
  • игнорировать возможность адаптации. Большой процент покупок совершается с мобильных устройств. Удобные адаптированные карточки серьезно увеличивают конверсионные показатели магазинов;
  • отказываться от тестов. Регулярные A/B тестирования покажут наиболее эффективный вариант оформления витрины, помогут сделать выводы о необходимости доработок, модификаций.

Наглядные примеры: как стоит оформлять товарную страницу

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

Достойный пример оформления товарной страницы на отечественном рынке e-commerce показывает Rozetka. Карточки на сайте четко структурированы, учтена специфика конкретных продуктов. Данные разделены по блокам: все о товаре, характеристики, обзор, фото, отзывы. Присутствуют иконки соцсетей. Подключен дополнительный полезный функционал: список желаний, отслеживание цены, сравнение позиций, оплата частями. В отдельном разделе указаны условия доставки, оплаты. В дополнение к основному продукту покупателю предлагаются бонусы, подарки. На видном месте расположена визуально выделенная конверсионная кнопка.

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

Представленные примеры информативны, хорошо структурированы, полезны для покупателя. Именно эти факторы являются основополагающим компонентом успеха упомянутых интернет-магазинов.

Заключение

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

Заполнение карточек товаров

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

При создании карточек товаров мы руководствуемся такими принципами:

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

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

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

создание карточки (без уникального контента) — от 50 рублей за 1 товар

мы включаем в цену все затраты на производство и фиксируем стоимость работ, не пересматривая её в течение проекта

написание текстов — от 250 рублей за 1000 символов

Опыт работы с разными товарными категориями

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

создание rich-контента — от 4000 рублей за 1 блок rich-контента

мы обеспечиваем минимальные сроки исполнения работы и гарантируем их выполнение без срывов и переносов

Идеальная карточка товара в интернет-магазине: какая она?

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

Какой должна быть карточка товара?

  1. Подробной. Многие интернет-магазины пренебрегают некоторыми элементами: не публикуют описание, ограничиваясь одними характеристиками, дают одно маленькое фото, не оставляют возможности написать отзыв. Поэтому сегодня расскажем об идеальной структуре карточки, не забывая ни одну из составляющих.
  2. Продающей. Каждый элемент карточки должен мотивировать посетителя на покупку. Описание — рассказывать о проблеме и закрывать боли. Фотографии — объяснять, как привлекательно товар выглядит. Видеоролики — объяснять, как им пользоваться. Иконки соцсетей — дать возможность делиться в соцсетях. Если карточка не будет продавать — покупатель сам толком не понимает, зачем ему этот товар нужен, мотивация слабая.
  3. Удобной. Все элементы карточки расположены в ней не абы как, а со смыслом. Например, доказано, что взгляд покупателя скользит сначала в верхний левый угол, затем — вправо, затем — вниз и влево, и так далее. Наиболее яркие, выделенные особым шрифтом блоки воспринимаются как самые важные. Получается, карточка должна еще соответствовать принципам UX и UI дизайна — быть удобной посетителю, вести его до совершения покупки, добавления товара в корзину.

Основные элементы карточки товара

1. Название товара

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

Что вам это дает? В названии укажите полное наименование товара — чтобы лучше индексировалось в поиске. Если название нечитаемое — переведите понятными для покупателя словами. Если у вас мультибрендовый интернет-магазин — добавьте также название бренда.

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

2. Цена

Цена — самый важный фактор, на основании которого посетитель страницы принимает решение. Если цены нет и она не бросается в глаза — пиши пропало. Если на товар есть скидка — пишите сразу же. Можно использовать стандартные приемы: перечеркнутая старая цена и рядом — новая, или сумма скидки (30 процентов или, как вариант — “вы экономите 990 рублей”).

Что вам это дает? Возможность склонить чашу весов в свою сторону, отстроиться от конкурентов и заманить посетителя скидками.

Где размещать? Рядом с названием, в главном блоке — чтобы посетитель сразу увидел.

3. Сведения о наличии

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

Что вам это дает? Возможность продемонстрировать лояльность. Лучше сразу сказать об отсутствии товара, чем заставлять клиента испытывать разочарование.

Где размещать? В главном блоке, рядом с названием и ценой.

4. Фотография продукта

Да не одна, а побольше! Подумайте о покупателе — он хочет видеть товар со всех сторон, крупным планом и желательно — в реальных условиях. Например, если вы продаете одежду — пригласите модель и проведите профессиональную фотосъемку. Если детские игрушки — дайте их в руки ребенку, пусть играет. Такие “живые” фото повышают доверие покупателей, а заодно и конверсию страницы.


Итак, несколько фотографий товара в разных планах — и успех обеспечен. Где брать фото? Можете договориться с производителем и попросить разрешение разместить фото на сайте. Можете отснять самостоятельно — но тогда готовьтесь, что так придется делать со всеми товарами. Карточки на всем сайте должны быть едины.

Что вам это дает? Привлекает внимание посетителя, дает возможность рассмотреть товар. Кстати, воспользуйтесь фишкой, которую использует, например, “Алиэкспресс”: при движении мышкой отдельные части фото увеличиваются. Такое удобно делать при продаже товаров с мелкими деталями, которые хочется рассмотреть подробнее: например, ювелирные украшения, одежду, сумки и так далее.

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

5. Кнопка “Купить”(или “Добавить в корзину”)

Самый главный СТА-элемент тоже не годится прятать вглубь карточки. Но какой же выбрать — “Купить” или “Добавить в корзину”? На эту тему до сих пор ведутся споры. Говорят, что “Добавить в корзину” ни к чему не обязывает посетителя — ему не надо сразу делать заказ, достаточно просто сложить выбранное в корзину — как в супермаркете. И выложить на кассе, если передумали или не хватило денег. Однако кнопка “Купить сейчас” повышает конверсию аж в два раза — этот призыв к действию намного эффективнее! Поэтому выбирать вам — исходя из знания вашей целевой аудитории.

Что вам это даст? Целевое действие, ради которого все и затевалось. Человек покупает и оплачивает заказ, вы получаете прибыль.

Где размещать? На самом видном месте. Здесь как в лендинге — можно разместить кнопку СТА два раза: в главном блоке и ближе к концу. Впрочем, достаточно будет и одного раза — рядом с ценой, сведениями о наличии и основными характеристиками.

6. Сведения о доставке

Буквально одной-двумя строчками — расскажите кратко об условиях доставки. Например, бесплатная доставка, курьером или самовывозом, в течение 3-5 дней. Можно также дать ссылку на отдельную страницу доставки.

Что вам это дает? Вы честно рассказываете о своих обязательствах и даете клиенту уверенность, что заказ придет именно тогда, когда он рассчитывает. Иногда конкретный товар нужен срочно — тогда лучше отказаться от ваших услуг и продолжить поиски в другом интернет-магазине. Да, вы потеряете клиента, но приобретете больше: посетитель запомнит, что вы не обманули его, а честно рассказали и не подвели.

Где размещать? Обычно в главном блоке — рядом с ценой, кнопкой “Купить”.

7. Иконки соцсетей

В XXI веке гаджетов и соцсетей, когда люди стремятся поделиться с окружающими моментами из своей жизни, просто глупо не воспользоваться таким инструментом, как кнопки для расшаривания. Нажав на эту кнопку, посетитель может поделиться информацией о товаре на своей странице.

Что вам это дает? Во-первых, бесплатную ссылку на сайт с внешних источников. Во-вторых, потенциальных новых клиентов — всех тех, кто увидит эту запись в ленте соцсетей.

Где размещать? Размещать кнопки соцсетей лучше под фотографиями или справа — в главном блоке — чтобы посетитель ясно видел, чем делится. Если прикрутить их внизу страницы — конверсия будет меньше.

8. Характеристики

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

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

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

9. Описание

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

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

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

Где размещать? Или в главном блоке — если описание краткое, или в нижнем — вместе с отзывами и характеристиками.

10. Отзывы других покупателей

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

Что вам это дает? Благодаря отзывам клиент может купить товар, даже если сначала не собирался или сомневался. Все просто: срабатывает стадный инстинкт. Если другие берут и хвалят — значит, товар хороший, размышляет посетитель и жмет на кнопку “Купить”. Не зря их называют социальными доказательствами.

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

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

Дополнительные элементы

1. Видео

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

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

Где размещать: лучше рядом с фотографиями, в главном блоке.

2. Информация о других акциях

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

Что вам это даст? Велика вероятность, что посетитель пройдет по ссылкам пусть даже из любопытства и купит товар. А вы повысите средний чек.

Где размещать? Обычно дополнительные элементы размещают внизу страницы, после отзывов и описания.

3. Товарные рекомендации

Вариантов много: “Похожие товары”, “С этим товаром также смотрят…”, “Вы недавно смотрели…” и другие. Нам больше нравится “Составь образ”, где предлагается подобрать к конкретной вещи конкретные же детали. Например, к платью — сумочку и туфли.

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

Где размещают? Внизу страницы.

4. Рассказ о бренде

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

Что вам это дает? Дает покупателю возможность сравнить бренды и сделать выбор. А также подобрать другие товары этого производителя.

Где размещать? Лучше давать такую информацию отдельной ссылкой либо кратко вписать рассказ в описание.

5. Продающие инструменты

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

Что вам это дает? Эти фишки подталкивают посетителя к совершению покупки. Даже если он сомневался — вы заботливо предлагаете решение проблемы, отметая возражения.

Где размещать? Лучше в верхней части — чтобы сразу зацепить посетителя за живое и не дать закрыть страницу.

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

Как оформить карточку товара: руководство и примеры

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

Отправим статью вам на почту:

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

Понравится и работать с нами.

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

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

Ключевая информация: что должно быть на первом экране

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

Вот 5 обязательных элементов, которые нужно включить в карточку в любом случае.

Название товара

Важно прописать его крупно, целиком, не сокращая слова – посетитель не должен тратить время на расшифровку. Для названий используйте формат заголовка H1. В заголовке можно и нужно указать дополнительную информацию о товаре: артикул, цвет, модель и др. Так посетитель вашего сайта быстрее сориентируется в каталоге и поймет, на нужной ли он странице.

Изображение товара

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

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

Все основные элементы карточки товара на одном экране на сайте производителя дверей

Кнопка «Купить» / «В корзину» / «Заказать»

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

Что еще стоит добавить к кнопке «Купить»:

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

Информация о доставке, оплате, гарантии

Это важно для вашего покупателя и эффективно для SEO-продвижения сайта (само слово «доставка» фигурирует в большинстве коммерческих запросов, и его стоит вписать в карточку). Четко и «вкусно» пропишите все условия: как рассчитаться с вами, как получить товар и какие гарантии вы на него даете.

Решение на сайте магазина дверей – крупные иконки, над которыми при наведении мышки всплывает текст

Дополнительные элементы: из чего еще состоит хорошая карточка

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

Текстовое описание

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

Компактное решение – убрать несколько блоков в переключающиеся вкладки

Параметры товара

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

Дополнительные полезные материалы

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

Пример полезной информации на сайте printoffice-pechati.ru – список документов, которые понадобятся при заказе печати. Пользователь нажимает на кнопку, видит список в новом окне и сразу прикидывает, есть ли у него все необходимое для заказа.

Перелинковка (ссылки на другие страницы сайта)

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

Элементы кросс-сейл

Источник дополнительных продаж: вы показываете несколько других товаров в связке с текущим. Следующие 3 пункта в нашем списке – примеры cross sale, которые мы рекомендуем использовать на сайте:

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

Отзывы реальных покупателей

Помогут вам вызвать доверие у посетителей сайта: им легче будет решиться и купить у вас. По статистике, более 60% людей внимательно читают отзывы на сайте и предпочитают интернет-магазины, где есть такой блок. Чтобы получать честные отзывы, откройте такую возможность только для тех, кто купил товар, и предлагайте им с помощью постпродажной e-mail рассылки небольшой бонус в обмен на отзыв.

Опционально

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

Функция «Добавить в избранное»

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

Информация о наличии товара

Информация о наличии/отсутствии товара помогает пользователям определиться, а указание конкретного количества, которое осталось на складе, часто может быть мотивирующим к покупке фактором. Чтобы реализовать это технически, нужно синхронизировать сайт с программой складского учета (1С, Мой склад и т.д.) – тогда цифры в каталоге будут меняться в режиме реального времени и всегда будут актуальными.

Временные наклейки вроде «Акция», «Новинка», «Хит»

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

Пример наклейки «Хит продаж» в интернет-магазине дверей

Что еще важно для продвижения сайта и высокой конверсии

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

Здесь важно следующее:

  • Добавить короткие и понятные «хлебные крошки». Так называется цепочка разделов сайта для навигации, которая отображается сверху и помогает посетителю быстро вернуться из карточки в раздел «Женская одежда» или «Пальто», например.
Навигационная цепочка в интернет-магазине дверной фурнитуры
  • Сделать хорошую адаптивную верстку карточки, чтобы удобно было заказывать товар со смартфона или планшета. В таком формате можно пожертвовать дополнительными элементами, сделав акцент на основных.
Вся основная информация о товаре и кнопка заказа удобно расположены на одном экране
  • Не множить ссылки на один товар в разных вариациях. Не меняйте URL под мелкие характеристики товара (например, под каждый размер). Есть смысл делать несколько ссылок только если товар представлен в разных цветах.
  • Делать человекопонятные URL (ЧПУ). Ссылка должна быстро читаться, поэтому сделайте нормальную транслитерацию, используйте в ней только буквы и дефисы без других символов. Хорошо, если урл будет не очень длинным, но по возможности с вложенностью (ссылка-цепочка, в которой отражается краткий путь от главной страницы до карточки товара).
    Пример: https://medver.ru/doors/dver_metallicheskaya_filenchataya_panel_mdf_el_51/
  • Использовать специальную микроразметку «Товары и цены». В этом случае поисковый робот будет распознавать на странице товара его название и стоимость и автоматически выдавать эти данные в поиске.
  • Прописывать мета-тэги Title и Description по примерному шаблону. Мы советуем примерно такую структуру: название товара + его параметры (цвет, размер) + коммерческие слова «цена», «отзывы», «доставка», «купить», «Москва», «интернет-магазин» и др.
  • Целесообразно продвигать карточки в поиске наравне с большими разделами сайта, если по товару много запросов. Так можно продвигать, например, конкретную модель и цвет телефона, популярную коллекцию плитки и др.
  • Если товар перестает продаваться, не удаляйте, а оставляйте карточку. Крупно напишите, что товара нет, но предложите на этой же странице похожие продукты из вашего каталога. Даже такая полупустая карточка может работать на ваше продвижение и вести пользователя в другие разделы магазина.

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

Чек-лист

4. Кнопка заказа.

5. Информация о доставке, оплате, гарантиях.

Идеальная карточка товара для интернет-магазина: заполнение и оформление

Карточка товара для интернет-магазина, какой вы её представляете? – Детальной, доходчивой, полной? О, друзья, это далеко не гарантия успеха – здесь потребуется магия. Как сделать её точным попаданием.

Карточка товара для интернет-магазина, какой вы её представляете? – Детальной, доходчивой, полной? О, друзья, это далеко не гарантия успеха – здесь потребуется магия. Как сделать её точным попаданием в цель, что учесть и предугадать – читайте в этой статье.

Вы можете знать, что должно быть в карточке товара, как её структурировать. Вы можете знать об А/Б тестировании, помнить о размере и разрешении картинок, но все это не убережет от провала, если у вас нет четкого алгоритма действий. А он невозможен без понимания природы идеальной карточки для групп товаров в вашем ИМ. Исправим ситуацию.

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

Цели карточки товара – зачем она вам и что может сделать для интернет-магазина?

Информация о товаре – неотъемлемое звено между деньгами покупателя и вашим счетом, годная карточка товара для интернет-магазина может сделать многое. Итак, о целях:

  • фокусирование внимания на товаре;
  • информирование;
  • привлечение посетителей на разных этапах покупки;
  • подтверждение мотивации (визуальный, текстовый ответ на вопрос «А зачем мне это, собственно?»);
  • усиление потребности;
  • упрощение желаемого действия.

Абстрактный потребитель ищет выгоду в покупке у вас, вопрос «Что я получу?», его тональность, мотивация и восприятие ценности продукта может отличаться и отличается от ваших представлений, от мотивации другого абстрактного покупателя. Потому руководствуются обычно двумя универсальными принципами:

  1. Технология «eye tracking» — размещение информации по определенной структуре. Обычно взгляд пользователя скользит по странице по траектории, напоминающей очертания буквы F, используйте это.
  2. Четкий ответ на вопрос «Зачем мне это?». С этой задачей справятся картинки, видео-обзоры, отзывы, гарантии, призывы к действию. Эта информация усилит доверие к вам и желание обладать тем, что вы предлагаете.

Когда вашу карточку товара можно назвать идеальной

В верхней левой части страницы (в активном окне) обязательно поместите название компании/ сайта – представьтесь. В верхней правой части страницы – главные разделы: категории, подкатегории товаров. Далее по пунктам.

Вверху слева идеальная карточка товара содержит:

  1. Хлебные крошки – пройденную пользователем навигационную цепочку. Это очень удобно, если пользователь захочет вернуться на 1-2 шага назад.
  2. Название товара. Можно поместить этот элемент прямо над картинкой или вверху странички. Но самое удобное и правильное расположение – в верхнем левом углу (не забывайте о золотом правиле «F»). Если вы представляете продукцию разных марок, включайте их в название вместе с наименованием продукта. Чем полнее название, тем лучше.
  3. Основное изображение товара. Вдохновляющие яркие картинки, четко показывающие, как можно применить товар в жизни, помогут продать больше, сегодня люди уже не хотят копаться в недрах ресурсов, они хотят всего и сразу – дайте им то, зачем они здесь. Хорошо работает опция детализации (приближения изображения), использование нескольких изображений (чтобы показать продукт со всех сторон, показать, как он выглядит при разном освещении, в сочетании с другими товарами и т.д.).
  4. Список желаний. Кнопочка «добавить в избранное» — must-have идеальной карточки любого товара. Чтобы её монетизировать, используйте рассылку с напоминанием о продуктах, добавленных в избранное, предлагайте скидки, соблазняйте ограниченным предложением, играйте на воображении и жадности, как бы это ни звучало. Можно прикрутить и кнопочку «поделиться с друзьями», чтобы друзья и знакомые могли преподнести добавленные товары замешкавшемуся покупателю в подарок на праздники.
  5. Возможность репостов. Кнопки соц. сетей размещайте возле видео-обзоров продукта или на странице подтверждения покупки, намерение купить и проявление лояльности к бренду – разные вещи, не захламляйте карточку товара соц. кнопками.

О верхней правой части активного окна карточки товара

Здесь, в карточке, должны быть следующие элементы:

  1. Цена. Указывайте рекомендуемую розничную, текущую цену и сэкономленные средства (если экономия присутствует) – лишний раз подстегнете покупателя.
  2. Оценки пользователей. Рейтинг товара или услуги – самый верный показатель их качества, популярности, востребованности, вашей честности.
  3. Отзывы. Рядом с картинкой дайте ссылку на отзывы покупателей, расположенные слева внизу страницы. Около 60% пользователей совершают покупку на сайтах с отзывами. Оставьте и негативные комментарии тоже. Почему это нужно делать и какую политику в отношении негатива вести, подробнее можно узнать в нашей статье о работе с негативными отзывами.
  4. Информация о преимуществах. Покажите, как товар улучшит жизнь покупателя, что за выгоды он получит, какие плюшки и чудеса ждут его после покупки у вас.
  5. Размеры, параметры. Обязательный пункт. Если продаете одежду, хорошо указывать не только размеры самих вещей, но и параметры моделей, это добавит осязаемости и даст лучшее представление о том, что человек видит на картинке.
  6. Код товара. Единица учета или код поможет быстрее сориентироваться в ассортименте, получить консультацию продавца, узнать о наличии, количестве, дополнительных характеристиках.
  7. Пара слов о доставке. В идеале нужно сообщить не так и много – сроки, стоимость, варианты. Этот ход поможет уменьшить количество отказов в секции «Корзина», так как вся информация уже дана. Информация о бесплатной доставке повысит конверсию и вероятность покупки.
  8. Область покупки. Это яркие сигнальные огни на взлетной полосе, ведущей к желаемому действию – нажатию кнопки «Купить». Привлеките внимание затемнением, окрашиванием области с кнопкой. Здесь должно быть сказано о наличии продукта, возможных цветах, размерной сетке, гарантиях и, естественно, должна быть кнопка действия.
  • Информация о наличии товара на складе повысит шансы завершения конверсионного сценария в вашу пользу.
  • Варианты цветов. Цвета на картинках или в описании должны совпадать с фактическими. Если цветов много, используйте выпадающий список для экономии места.
  • Таблица размеров в карточке товара должна находиться выше кнопки выбора размера, для интернет-магазинов это важно, так как читать страницу покупатель будет сверху вниз. Если его размера нет, он должен знать об этом заранее. Размерная сетка должна быть на странице товара – лишние переходы по сайту, необходимость скачивать PDF-файлы снизят конверсию, барьеров быть не должно. Естественно, данные в таблице должны быть актуальны для представленной категории товара.
  • Опция выбора размера. Выберите между выпадающими списками и статичными боксами. Вторые занимают больше места и могут сдвинуть призыв к действию вниз, но они очевиднее. Однако имейте в виду, если количество размеров для разных товаров отличается, боксы могут быть неудобны – шаблон для 10 размеров будет полным, но этот же шаблон на 10 позиций для товара, у которого размера всего два, будет полупустым вызовет у покупателя негатив.
  • «Добавить в корзину». Контрастный цвет, большой видимый размер, объем, привлекательность – так можно охарактеризовать этот элемент идеальной карточки товара. Место расположения может варьироваться, правильно вы разместили эту кнопку или нет, покажет только тестирование и действия ваших клиентов. Поясняющие сообщения, возможность удаления товара из корзины, гарантия безопасности покупки также будут полезны.

Что в карточке товара разместить слева внизу

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

Слева на странице карточки товара (ниже верхней секции) в идеале должны присутствовать такие элементы:

  1. Подробности о продукте. Состав, расходные материалы, фурнитура, вес, габариты, технические характеристики – все это нужно указать. И снова: никаких PDF-файлов и ссылок, все должно быть доступно прямо на странице. Излагайте доходчиво и понятно, используйте читаемый шрифт, это ускорит и упростит переход от раздумий к действию.
  2. Отзывы покупателей. Обеспечьте удобность и доступность информации об опыте людей, уже приобретших продукт, для своих потенциальных клиентов.
  3. Данные о бренде. Если бренды товаров отличаются, в каждой карточке товара должна быть информация о производителе, марке, её особенностях.
  4. Информация о возврате – идеальный ход для карточки товара, даже если эти данные есть на других страницах, продублируйте их. Это дополнительная гарантия.

А что должно быть в карточке товара снизу справа?

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

Здесь помещаем разделы:

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

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

Карточка товара Интернет магазина

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

Общая информация о карточке товара

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

Пользовательское назначение карточки товара

Неся полную информацию о товаре. Карточка товара должна:

  • Сфокусировать внимание посетителя на товаре;
  • Привлечь внимание покупателя;
  • Мотивировать покупателя на покупку;
  • Сделать покупку товара простым и понятным действием.

Два принципа оформления карточек товаров

Согласно теории Якоба Нильсена о юзабилити Интернет ресурсов, другим исследованиям и технологиям позволяющим определить, как покупатель смотрит на страницу сайта, можно сформулировать два принципа оформления карточки товара:

  • Информация на карточке товара должна располагаться в соответствии с траекторией просмотра страницы покупателем;
  • Если покупатель не ищет конкретный товар, а просто просматривает страницы магазина, то его взгляд движется по траектории напоминающей букву F(смотрим рисунок). Поэтому основная мотивирующая на покупку информация должна располагаться по этой траектории.

Все содержание карточки товара должно «кричать» покупателю, «тебе это нужно» и мотивировать посетителя на покупку.

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

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

  • Блок 1: Верхняя левая область карточки товара внутри активного окна;
  • Блок 2: Верхняя правая область карточки внутри активного окна;
  • Блок 3: Левая область страницы ниже блока 1;
  • Блок 4: Правая область карточки ниже блока 2.

Идеальный шаблон карточки товара

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

А вот дальше давайте детально разберем каждый блок, о которых шла речь выше.

Блок 1 :Верхняя левая область страницы в активном окне

Breadcrumbs — Хлебные крошки

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

Поясню, зачем нужен этот элемент на карточке товара. Если Breadcrumbs есть на странице, то покупатель легко вернется на один, два, три, шага назад без лишнего поиска навигации, что, несомненно, удобно. Например, покупатель выбирает телевизоры. После долгого поиска, он оказался на странице с телевизором 42 дюйма, в разделе «Sony». Пользуясь Breadcrumbs, покупатель может вернуться, как в раздел «Sony», так и в раздел «42 дюйма» и продолжить поиск нужного товара.

Отсюда правило. Breadcrumbs должен быть виден на странице, и лучшее место для него, под header страницы, в блоке 1.

Название товара

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

Здесь нужно понимать, что название товара на карточке товара несет еще и SEO нагрузку. Нельзя, ограничится в названии общим названием, например «Рубашка». Название товара на карточке нужно заключить в теги


Основное изображение товара

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

Совет 1: Используйте картинки высокого качества и большого размера. Обязательно установите расширение для детализации товара (эффект лупы).

И опять SEO. Не забывайте тег img картинки на карточке товара, оформлять атрибутами title и alt.

И помните, поисковики учитывают текст в атрибутах alt и title, только картинок- ссылок.

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

Ссылка добавить в избранное может стать эффективным инструментом для привязки покупателей и их дальнейших покупок. Для грамотной монетизации инструмента «Добаить в избранное» нужно ориентироваться на следующие действия:

  • На email покупателя периодически отсылайте уведомление, с напоминанием о товарах, помещенных в Избранное;
  • Предлагайте покупателю скидки. Причем не нужно акцентироваться на скидки. Если покупателю покажется, что ссылки у вас в магазине норма, то он никогда не купит товар без ссылки;
  • Напоминайте покупателю, что товар в Избранном кончается и может быть снят из продажи;
  • Расскажите покупателю, что вы можете переслать его список «Избранное» членам его семьи или друзьям. Это хорошо работает в праздники: новый год, святой Валентин, рождество.

Социальные сети

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

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

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

На этом верхняя левая область карточки товара оформлена. Переходим на верхнюю правую область внутри активного окна.

Блок 2. Верхняя правая область активного окна

Примечание: Некоторые модули блока 2 могут смещаться по шаблону карточки товара. Однако наличие их в шаблоне обязательно.

Цена товара

Для товара, если есть возможность, укажите две цены. Рекомендуемую розничную цену (РРЦ) и текущею цену продажи, если она конечно есть. Соответственно, при наличии двух этих цен укажите сэкономленные средства.

Совет: Исследования Amazon доказывают, что указание сэкономленных средств при покупке товара с сайта, значительно повышают вероятность покупки товара. Надпись о том, что вы экономите 20% при покупке данного товара с сайта Интернет магазина, стимулирует к покупке.

Оценка товара

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

Отзывы покупателей

В рассматриваемом блоке товарной карточки поместите ссылку на страницу с комментариями. «Живые» отзывы покупателей, гораздо интереснее для покупателя, чем сухие характеристики товара. По статистике:

  • 61% покупателей читают отзывы до принятия решения о покупке.
  • 63% посетителей лучше покупают на сайте, с оставленными отзывами других покупателей.

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

Для создания отзывов, стимулируйте покупателей опросами, клиентскими вопросами и т.п. Выстраивайте с покупателями двустороннее общение.

Преимущества продукта

Этот модуль поможет покупателю понять, что этот товар именно то, что он искал. Чем товар лучше аналогичных и почему покупателю стоит его купить.

Размер товара на модели

Этот модуль необходим при торговле одеждой и обувью. Применяется этот метод не часто, но, по-моему, он интересен. В этом небольшом модуле укажите размеры одежды, которая одета на модель на фото. Например, вы торгуете куртками. Мужчина на фото демонстрирует эту куртку. Напишите, что «На модели на фото, одета куртка 50 размера, рост модели: 180 см, объем груди- 100 см и т.д.

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

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

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

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

Область покупки

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

Область покупки содержит такую информацию, желательно в том же порядке:

  • Есть ли товар в наличии + информация о товарах на складе;
  • Цвета товара;
  • Таблица размеров (не везде);
  • Наличие размеров (не везде);
  • Кнопка призыва к покупке «Купить сейчас»;
  • Гарантии на товар.
  • Наличие товара

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

Несколько советов по области покупок

Цветовые опции

Совет: Если вы размещаете цветовые опции в области покупок, то сделайте так, чтобы при выборе цвета покупателем, менялся и цвет на картинке товара. Это визуализирует покупку для покупателя. Только подбирайте образцы цветов в соответствии с цветами производителя.

Таблица размеров

Совет 1: Размер товара должен отображаться на карточке товара, а не открываться в отдельном окне. Переходы снижают конверсию.

Совет 2: Очень эффективна ссылка, рядом с размерами: выберете свой размер или таблица размеров. Сделайте таблицу размеров в модальном (всплывающем окне).

Совет 3: На карточке товара должны точно обозначаться какие размеры есть в наличии, какие закончились и какие ожидаются.

Размеры товара

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

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

Это кнопка призыв. Она должна быть

  • Ярко выделена,
  • Размер важен, чем больше, тем лучше;
  • Внешний вид кнопки должен привлекать внимание.

Пояснения рядом с кнопкой помогут усилить уверенность покупателя в правильном действии.

Блок 3 . Область карточки ниже блока 1.

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

Желательно, чтобы заголовок этой области был виден при открытии карточки.

Блок 4. Область под блоком 3 или под блоком 2

Это дополнения к товару на карточке. Здесь уместны модули: «С этим товаром покупают» или «Дополните свой образ». Также уместен модуль «Вы это смотрели ранее».

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

Карточка товара – итоги и вывод

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

  • Покупатель найдет и, главное, купит нужный товар;
  • А продавец достигнет своей цели и удовлетворит своего покупателя.

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

Карточка товара для интернет-магазина: 11 шагов к высокой конверсии

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

Как следствие — отказы, невыполнение плана продаж, снижение рентабельности бизнеса. Качественная карточка товара поможет избежать подобных проблем, обеспечив высокую конверсию потенциальных покупателей в реальных. Специалисты компании ITFactory подробно расскажут, как её создать и на что обратить внимание при заполнении.

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

Зачем нужна карточка товара

Карточка товара — не только неотъемлемый атрибут каждого интернет-магазина, это действенный маркетинговый инструмент.

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

Что должно быть в карточке товара

1. Название товара

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

2. Графический контент

Дарит пользователю нужные впечатления и наглядно демонстрирует плюсы продукции, давая возможность увидеть товар «лицом». Отдавайте предпочтение фото или картинкам с разрешением порядка 1000*1000 px и размером в пределах 200 Кбайт (актуально для платформ, которые не оптимизируют размеры картинок). Имеет смысл интегрировать функцию увеличения, позволяющую увидеть мелкие детали. Видео в превью повышает конверсию на 14%. Можно увидеть, как оно работает, в случае с демонстрацией товаров в интернет-магазине ASOS.

3. Прайс

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

4. Технические характеристики/параметры

Укажите размер, вес, функциональные возможности, другую важную информацию. После её прочтения у потенциального покупателя не должно остаться вопросов о свойствах интересующего его товара. Действенный коммерческий приём — указать размер вещи и антропометрические характеристики человека, презентующего вещь. Его используют на сайте компании ZARA и на других площадках, занимающихся продажей одежды.

5. Описание

Речь идёт не о художественном контенте. Текст должен акцентировать внимание читателя на достоинствах продукта и быть продающим. Максимальная концентрация пользы в каждом предложении: дайте покупателю недвусмысленный ответ на вопрос «Зачем мне это нужно?». По мнению знаменитого маркетолога Брайана Айзенберга это определяющий фактор в процессе принятия решения потребителем на подсознательном уровне.

6. Оценки и отзывы

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

7. Опции заказа

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

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

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

9. Комплекты или дополнение образа

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

10. Ссылки на социальные сети

По данным Statista аккаунты в соцсетях имеют порядка 68-ми миллионов россиян. Размещая в интернет-магазине кнопки «поделиться», вы даёте пользователям возможность сделать бесплатную рекламу вашему товару, которая имеет все шансы стать вирусной.

11. Кнопка «ДОБАВИТЬ В КОРЗИНУ»

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

Расставьте приоритеты

Nielsen Norman Group во главе с Я. Нильсеном провела ряд исследований с использованием технологии окулографии (eye tracking), позволяющей отслеживать движение глаз пользователя по страницам и фиксировать их реакцию на контент. Они показали, что порядка 79% юзеров изучают карточку товара по траектории, напоминающей букву F. Чтобы обеспечить максимальную конверсию, целесообразно размещать наиболее важную информацию в пределах этой траектории.

Препарируем интернет-магазин: из чего состоит карточка товара

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

От впечатления, которое произведет карточка товара на человека, зависят его эмоции. Под их влиянием человек и покупает товары.

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

Как мы смотрим сайты

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

Специалисты выделили две схемы: F- и Z-паттерны.

F-модель просмотра сайта

При такой схеме глаз человека заостряется не некоторых областях страницы. Они образуют контур буквы F.

Исследование провел в 2006 году Я. Нильсен. Оно отвечает на вопрос о том, как человек просматривает страницы сайта, но не относится к текстовому контенту, не учитывает клики человека по меню навигации или хлебным крошкам.

Человек не вчитывается в текст при таком просмотре страницы. Но если мы расположим важные элементы — фото продукта, преимущества или информацию о скидке — с учетом F-паттерна, человек даже при беглом просмотре карточки продукта получит те сведения, которые мы хотим до него донести.

Z-модель просмотра сайта

Другой метод просмотра сайта — Z-паттерн. Точки, привлекающие внимание пользователя, располагаются в форме буквы Z.

Зона 1 получает больше всего внимания человека, а зона 4 — меньше всего.

Согласно исследованию Нильсена, Z-паттерн справедлив для первого экрана. Дальше пользователь изучает сайт, идя вдоль вертикальной оси буквы F. Кроме того, метод описывает метод просмотра для сайта, контент на котором располагается в форме сетки.

Модель Гуттенберга

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

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

Почему важно располагать элементы в верном порядке

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

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

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

Удобство и польза — причины покупок

Информация, которую пользователь видит на карточке товара, рассказывает о пользе товара. Идеальный вариант: человек задает вопрос: «А зачем мне это нужно?», а информация с карточки подробно и емко отвечает на этот вопрос.

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

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

Сделать это можно прямыми и косвенными способами.

Хлебные крошки

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

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

Даже на нашем сайте они есть 🙂

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

Название товара

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

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

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

Фотография продукта

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

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

Посмотрите, например, на фотографии Юлмарта.

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

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

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

Список желаемых товаров

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

  • Направить письмо на почту с напоминанием.
  • Рассказать, если товар из списка желаний продается со скидкой.
  • Предложить схожие товары, которые вы продаете по более низкой цене.

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

Кнопки расшаривания

Добавлять возможность поделиться товаром в социальных сетях не обязательно.

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

Разместите кнопки «Поделиться» на странице подтверждения заказа или в транзакционном письме. Так вы не загромоздите карточку товара, но дадите человеку шанс рассказать о вас.

Цена товара

Несколько лет Amazon тестировал отображение сэкономленных средств. Укажите рекомендуемую цену и текущую, покажите разницу.

Человек увидит выгоду.

Рейтинг продукта

Это оценки, которые люди выставляют конкретному товару.

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

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

Отзывы покупателей и клиентов

Если человек прочитает мнение другого покупателя, он легче примет решение о покупке.

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

Выгода продукта

Этот раздел описания товара напрямую отвечает на вопрос, что получит клиент, если купит продукт.

Не давайте человеку ложных обещаний, не заваливайте абстрактными фразами. Так и скажите:

  • вы получите дневную норму витаминов групп A, B, C из одной капсулы;
  • срок службы вашего двигателя продлится на 3 года;
  • кулер позволит улучшить циркуляцию воздуха внутри системного блока, компьютер не будет перегреваться.

Если сказать нечего — лучше ничего не пишите. Помните: уважение, забота и польза — три кита, на которых стоит описание вашего товара.

Размеры товара

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

Например, на Lamoda указан размер одежды и параметры модели:

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

Артикул товара

Это цифровое обозначение продукта.

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

Варианты доставки

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

Вы уменьшите число брошенных корзин. Человек захочет купить товар, потратит 2 часа на сравнение разных моделей. А на финальном этапе — при оформлении заказа и выборе способа доставки — увидит, что условия ему не подходят. В итоге корзина остается брошенной, а у человека снижается уважение к вашему магазину.

Видеообзор

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

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

Область действия

Наличие

Представьте, какое разочарование. Вы искали товар, сравнили несколько магазинов и нашли самый выгодный сайт. Оформили заказ и узнали, что, оказывается, товара сейчас нет, а будет он неизвестно когда.

Некоторые магазины автоматически затемняют фотографии тех товаров, которые пока недоступны. Вы можете рассказать, какое количество товаров на складе, а можете сказать: «Сейчас в наличии 27 телевизоров. Каждый готов к отправке в ваш город».

Кастомизация продукта

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

Сделайте селектор, который покажет человеку, как будет выглядеть его покупка в итоге.

Этот пример я взял со всем известного китайского сайта.

Таблицы с размерами

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

У Wildberries таблица размеров выглядит так:

Можете сделать ссылку на отдельную таблицу со всеми размерами, которая открывается в новом окне. Так человек останется в карточке товара.

Выбор нужных опций

В том числе, и размеров. Есть два вида реализации:

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

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

Amazon использует оба варианта — зависит от продукции. Вам же стоит учесть, что пользователи пока что охотнее предпочитают списки.

Призыв к действию

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

А если на товар распространяется акция — так и скажите: «Купить со скидкой».

Таким образом, кнопка добавления товара в корзину:

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

Кнопка «Купить в 1 клик»

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

Такая возможность упростит процесс заказа и сохранит вам покупателей.

Триггеры доверия

Гарантия возврата

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

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

Условия гарантийного обслуживания

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

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

Детали продукта

Детальная информация

Чем больше деталей, тем лучше. Укажите:

  • состав;
  • материалы;
  • габариты, вес;
  • инструкции по эксплуатации;
  • руководства.

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

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

Информация о бренде

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

Дополнительный товар

Выпускаем принтеры, но зарабатывать будем на расходниках — красках и тонерах.

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

Работать может и при ведении рассылок. Например, человек купил кепочку и остался ею доволен. Почему бы ему не направить письмо через какое-то время и не предложить купить сумку, которая будет подходить под приобретенную одежду?

Похожие товары

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

Недавно просмотренные товары

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

Краткий итог

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

Топ-пост этого месяца:  Google опубликовал более точную документацию по работе поискового краулера
Добавить комментарий
Наши преимущества Наши цены