Советы по созданию продающей карточки товара

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

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

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

Коммерческий фактор ранжирования и карточка товара

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

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

К коммерческим факторам ранжирования относятся:

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

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

А теперь к элементам!

Как составлять карточки товара. Основные советы по оформлению

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

• слева ― фото товара;
• справа ― описание, цена и кнопки с призывом к покупке;
• под фото и кратким описанием подробные характеристики и отзывы.
• ниже товарные рекомендации.

Вот пример оформления:

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

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

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

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

Размещайте их вверху страницы. Так посетителям будет проще их заметить.

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

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

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

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

Еще полезные советы по фото:

1. Нелишним будет добавить на фото функцию приближения (лупу);
2. В некоторых случаях нужно отдельно показать материал, его фактуру;
3. Позвольте пользователю оценить размеры вещи. Для этого поставьте товар на фоне предмета, размер которого знаком большинству. В противном случае пользователь может заказать кепку на куклу, вместо желаемого головного убора для себя;
4. Чтобы не размещать несколько фото с разных ракурсов, используйте фото в формате 360 градусов.
5. Используйте не только фото, но и видео. Во-первых, это наглядно. Во-вторых, увеличивает время нахождения на сайте, что влияет на SEO-продвижение.

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

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

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

Цена

Стоимость товара ― информация, которая обязана быть в карточке товара. Лучше размещать ее сразу под названием. Обязательно выделяйте цену жирным шрифтом и ярким цветом. Если есть скидка, укажите ее. Можно воспользоваться старым, но действенным методом ― зачеркнуть старую цену и написать новую. А еще лучше указать, сколько процентов скидки было сделано.

Краткое описание

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

Подробные характеристики

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

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

Функциональные кнопки

Основных кнопок три:

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

Конечно же, самая главная кнопка ― «Купить». Эта кнопка также может называться «Заказать» или «Положить в корзину». Ради нажатия на эту кнопку и затевалась вся страница. Она должна быть большой и на видном месте. Целесообразно размещать ее рядом с ценой и кратким описанием. Справа от фото. Можно продублировать ее внизу под характеристиками, для тех, кто подробно изучал все параметры. Только не делайте её кричащего цвета. Особенно красного. Лучше используйте зеленый, голубой или другой цвет, который созвучен вашему дизайну.

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

Дополнительно можно разместить кнопку «Поделиться». На случай если клиент захочет посоветовать товар другу или попросит его в подарок.

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

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

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

Любимый раздел многих онлайн-шопоголиков. Здесь пользователи делятся впечатлениями и помогают подобрать нужный размер. Раздел «Отзывы» обычно находится ниже характеристик или в соседней вкладке от них. Однако ссылку на них можно дать в начале под заголовком.

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

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

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

Товары, которые могут понравиться пользователю

Страничка одного товара – отличное место, чтобы продвинуть другой товар. Это называется up-sell и cross-sell. Задача обоих подходов ― мотивировать покупателя потратить больше денег. Только подход к этой задаче разный.

При up-sell (поднятие суммы продажи) продавец предлагает более дорогой товар из той же категории или бо́льший объем выбранного продукта. Например, пользователь заказывает 1 пачку печенья, а вы предлагаете две со скидкой. Или другой пример. Человек заказывает телефон с памятью в 100ГБ, а вы предлагаете ему ту же модель, но с памятью в 200ГБ, цена которой несильно выше.

При cross-sell (перекрестные продажи) магазин предлагает товары из других категорий, которые могут пригодиться покупателю. Например, при покупке платья клиенту предлагаются туфли или украшения.

Дополнительные маркетинговые инструменты

Также хочется рассказать о небольших маркетинговых элементах, которые могут повлиять на продаваемость товара. Использовать их необязательно, но они доказали свою эффективность. Узнать, подходят ли они именно вашему бизнесу, можно с помощью A/B-теста.

1. Используйте наклейки «Скидка», «Новинка», «Бестселлер», «Хит», «Популярный товар». Если товар действительно много покупают, почему бы не вынести это преимущество на первый план. Таким образом, вы упростите пользователю выбор.
2. Покажите количество просмотров и покупок товара. Пользователи не любят быть первыми покупателями, поэтому они быстрее решаются на покупку, если видят, что товаром уже кто-то интересовался.
3. Если вы делаете бесплатную доставку от определенной суммы, также указывайте это. Такая мелочь может сильно повысить средний чек. Вспомните себя, когда заказываете доставку еды. Вам может не хватать 100 рублей до бесплатной доставки и из-за этого вы тратите еще 250 на то, чего не планировали покупать.

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

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