Карточка товара — пример дизайна карточки товара для интернет магазина

1. Что такое продающая карточка товара

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

Итак, с чего стоит начать?

2. Какие элементы нужны для карточки товара

Желательно взять 5-7 конкурентов в нише и оценить их карточки товаров. Шаг за шагом внимательно просматриваете каждый сайт (в идеале по 2-3 товара). В результате такого аудита должно появиться общее понимание, какие разделы нужно добавить.

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

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

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

Правильное расположение названия

Правильное расположение названия

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

Постарайтесь максимально кратко, но информативно описать товар. Достаточно нескольких предложений.

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

5. Преимущества товара

Постарайтесь ответить на основные вопросы клиента и перечислить главные выгоды товара. Напишите максимально кратко и четко (без воды) 3-4 тезиса. Иногда этот пункт можно «сливать» с описанием товара.

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

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

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

Как создать идеальную карточку товара для интернет магазина?

Примеры преимуществ

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

Вот пример указания характеристик товара.

Пример указания характеристик товара

Пример указания характеристик товара

Этот пункт важен. Стремитесь сделать его чуть лучше, чем у конкурентов. Например, на других сайтах Вы видите 8-10 базовых характеристик аналогичного товара. Проанализируйте их и добавьте на свой сайт — 11-12. Чем больше конкретной информации получит пользователь, тем проще ему будет сделать свой выбор.

7. Правильное главное изображение товара

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

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

Пример плохого главного изображения

Пример плохого главного изображения

А вот на этом же сайте — классное главное изображение (так делать НУЖНО).

Пример хорошего главного изображения

Пример хорошего главного изображения

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

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

Фотографии в карточке товара

Фотографии в карточке товара

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

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

10. Отзывы о товаре

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

11. Данные о доставке

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

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

Пишите, есть ли товар в наличии, или он доступен только под заказ.

Необычайно важный момент:

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

Это важно, потому что:

  1. Плотность листинга товара имеет значение (грубо говоря, чем больше товаров, тем лучше);
  2. Конкретная карточка товара могла быть проиндексирована. Удалив её с сайта, Вы рискуете получить 404 ошибку.

13. Единица учета/код товара

Другими словами, это некий идентификатор конкретного SKU. Наличие данной информации упрощает пользователю поиск товара в каталоге (при условии, что покупатель изначально знает этот уникальный код).

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

14. Размер товара

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

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

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

15. Опции размера

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

Опции размера с подсказками

Опции размера с подсказками

16. Цена товара

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

Цена на товар с указанием акции

Цена на товар с указанием акции

Должна быть указана валюта (например, «руб»).

Указание валюты

Указание валюты

Также приветствуется слово “Цена” рядом с прайсом. Это необходимо для задания максимальной плотности по данному ключу (важно для алгоритмов поисковых систем). Но это актуально скорее для дизайна карточки в общем каталоге.

Повышение плотности ключевых слов

Повышение плотности ключевых слов

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

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

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

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

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

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

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

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

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

Кнопка

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