Как оформить карточку товара в интернет-магазине

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

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

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

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

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

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

Название

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

Название обозначается крупным шрифтом — в виде заголовка H1. В нем указываются ключевые «идентификаторы» товара — тип продукта, бренд, модель, его особенности, такие как цвет, размер, назначение и тому подобное. Чем детальнее и точнее указано название, тем проще найти товар как через поисковые системы, так и непосредственно на сайте интернет-магазина. Также есть определенные стандарты и для места расположения заголовка. Считается, что взгляд пользователей идет по пути, напоминающему букву «F», а значит лучше всего отображать название в левом или правом верхнем углу страницы.

Фотографии и видео

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

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

Цена

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

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

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

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

Условия покупки

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

Описание и характеристики

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

Иногда магазины составляют объемные описания с большим количеством эпитетов и креативными высказываниями.Однако они не имеют особой пользы и не влияют на решение о покупке.Текст следует делать лаконичным, информативным и простым, ведь главная задача этого блока — предоставить пользователю детали, которые помогут понять соответствует ли товар его потребностям и ожиданиям. Для лучшего ранжирования карточки товара поисковыми системами, описание следует дополнять SEO-ключами, но они должны выглядеть максимально органично.

Модификации

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

Отзывы и рейтинг

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

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

Кнопки «Избранное» и «Сравнить»

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

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

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

Комплекты товаров и похожие предложения

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

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

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

Вывод

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

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