Интерфейс · функцииProduct detail page · страница товара
Карточка товара
Карточка товара — это страница, где собраны фото, цена, варианты, условия доставки и обмена одного товара, чтобы клиент решился на покупку.
Это как консультант в магазине, который берёт товар в руки и всё подробно рассказывает. В интернете эту роль выполняет карточка товара.
Чуть подробнее
Страница должна заранее отвечать на вопросы, которые клиенты задают перед покупкой (размер · материал · срок доставки · возможность обмена).
Часто карточку товара делают одной длинной картинкой, но текст на изображении поисковикам и AI читать трудно. Ключевую информацию лучше продублировать текстом.
Для онлайн-продаж установлено, какие сведения обязательно сообщать по каждой категории товаров (обязательное раскрытие информации о товаре), а также правила информирования об обмене и возврате.
В каком порядке размещать информацию в карточке товара?
Вверху карточки размещают «информацию для решения о покупке», а ниже — «информацию для проверки». Клиент смотрит фото, цену и варианты и, если заинтересовался, листает вниз, чтобы уточнить детали вроде доставки и обмена.
Исследовательская компания Nielsen Norman Group тоже подчёркивает, что на странице товара клиент должен быстро находить ключевую информацию — цену, варианты, доставку. Если сведения разбросаны по странице, клиент оставляет вопрос или просто уходит.
На телефоне этот порядок ещё важнее. Экран узкий, и если под фото сразу не видно цены, вариантов и кнопки покупки, клиент, даже если товар понравился, тратит время на поиски, где его купить.
Таблицу можно прокручивать в сторону
| Место | Что разместить | Зачем |
|---|---|---|
| В самом верху | Главное фото, название, цена, варианты, кнопка покупки | Информация, нужная для решения о покупке |
| Сразу ниже | Особенность в одну строку, три ключевых преимущества | Быстро объясняет, почему именно этот товар |
| В середине | Фото деталей, сцены использования, описание размеров · материалов | Восполняет то, что нельзя увидеть вживую |
| Ниже | Отзывы, частые вопросы | Опыт других клиентов снимает сомнения |
| В самом низу | Обязательная информация о товаре, условия доставки · обмена · возврата | Полностью раскрывает то, что обязательно сообщать |
Что указать в обязательном раскрытии информации о товаре?
Обязательное раскрытие информации о товаре регулируется уведомлением Комиссии по добросовестной конкуренции Кореи «О предоставлении информации о товарах в электронной торговле», где для каждой товарной группы установлены обязательные пункты. Например, для одежды — материал · цвет · размер · производитель · способ стирки, для пищевых продуктов — состав · объём · срок годности.
Сначала определите, к какой товарной группе относится ваш товар, и сведите её пункты в таблицу. Точный перечень можно найти в тексте уведомления в Национальном центре правовой информации Кореи.
Нужно позаботиться и о данных продавца и информации об отказе от покупки. Закон об электронной торговле по умолчанию требует указывать данные продавца — название, руководителя, регистрационный номер предпринимателя — и предусматривает отказ от покупки в течение 7 дней со дня получения товара. Но есть исключения, поэтому уточняйте по тексту закона или у специалиста.
Как снимать и отбирать фото для карточки товара?
Фото должны заменять то, что клиент проверяет, держа товар в руках в магазине. Поэтому несколько фото с разными задачами полезнее одного красивого главного снимка.
Фото с цветокоррекцией, не совпадающей с реальностью, — одна из самых частых причин обменов и возвратов. Снимайте при естественном свете, а для товаров, где важен цвет, добавляйте пометку вроде «цвет может немного отличаться в зависимости от экрана».
Чем больше фото, тем лучше, но страница не должна становиться тяжёлой. Если уменьшить детальные фото под размер экрана и загружать нижние с задержкой, даже множество фото не замедлит первый экран.
Если снимать самому сложно, доверьте профессионалу хотя бы главное фото, а детали и сцены использования можно снять на телефон. Главное — чтобы у каждого фото была понятная задача.
- Главное фото: товар целиком на светлом фоне
- Детальные фото: материал, отделка, швы · глазурь крупным планом
- Фото для сравнения размера: рядом с предметами, по которым понятен масштаб, — рукой · чашкой · линейкой
- Фото в использовании: товар в деле или на человеке
- Фото комплектации: что лежит в коробке
В каком порядке делать карточку товара?
Начинать стоит не с дизайна, а со сбора вопросов клиентов. Когда ответы на вопросы собраны, фото и текстам остаётся только эти ответы показать.
Если не знаете, что писать, можно просто превратить вопросы клиентов в заголовки, а ответы — в текст. Под вопросом «Можно ли подарочную упаковку?» написать «Да, упакуем и вложим открытку с пожеланием» — и карточку будет легко читать.
Если загружать фото и текст отдельно, при изменении цены или вариантов их проще править. Сплошную картинку придётся переделывать даже из-за одной буквы.
- 01Соберите около 10 вопросов, которые клиенты чаще всего задают в магазине и в сообщениях.
- 02Проверьте обязательные пункты для вашей товарной группы в правилах раскрытия информации о товаре.
- 03Сначала текстом подготовьте ответы на вопросы и обязательные пункты.
- 04Составьте список фото, которые покажут эти ответы, и проведите съёмку.
- 05Разместите фото и тексты в порядке из таблицы выше.
- 06Проверьте на телефоне, видны ли цена, варианты и кнопка покупки без прокрутки.
- 07После запуска добавляйте поступающие вопросы в раздел частых вопросов.
Как сделать, чтобы поисковики и AI хорошо читали информацию о товаре?
Пропишите ключевую информацию текстом и продублируйте её «структурированными данными». Структурированные данные — это настройка, при которой название, цена, наличие, рейтинг отзывов и другие сведения записываются на странице в формате, удобном для поисковиков.
Центр Google Поиска сообщает, что при наличии структурированных данных о товаре в результатах поиска могут отображаться цена, наличие и рейтинг. Но решение о показе принимает Google, и наличие разметки не гарантирует отображение, а в структурированных данных должно быть то же, что реально видно на странице.
Карточки товаров из одной длинной картинки здесь проигрывают. Текст на изображении поисковикам и AI трудно прочитать точно, поэтому ту же информацию лучше продублировать текстом.
AI-поиск, рассказывая о товаре, тоже строит ответ на тексте страницы, поэтому если описать материал, размер и способ использования предложениями, больше шансов, что ваш товар представят точно.
Какие примеры есть для разных сфер и какие ошибки частые?
У небольшого заведения товаров немного, зато можно глубоко рассказать историю каждого. Если добавлять информацию под свою сферу, как в примерах ниже, появятся преимущества, которых нет у больших магазинов.
Частая ошибка — указывать стоимость доставки и правила обмена только мелким шрифтом в самом низу. Если клиент впервые видит стоимость доставки прямо перед оплатой, он легко передумывает, поэтому указывайте её рядом с ценой.
Не прячьте и цены вариантов. Если крупно указана только базовая цена, а сумма растёт при каждом выборе варианта, клиент разочаровывается, поэтому лучше сразу показывать цену каждого варианта.
Спросите у веб-студии, сможете ли вы сами вводить на экране добавления товара обязательные пункты, варианты и стоимость доставки и можно ли загружать текст и фото раздельно вместо сплошной картинки.
- Керамика из мастерской: пометка, что изделия ручной работы и каждое немного отличается формой · цветом, можно ли мыть в посудомоечной машине · греть в микроволновке.
- Набор дрип-пакетов из кафе: дата обжарки, происхождение зёрен, варианты подарочной упаковки · открытки.
- Средства для домашнего ухода из салона: порядок применения, рекомендации по типу волос, объём и срок использования.
- Онлайн-магазин одежды: таблица реальных замеров, рост модели · размер на ней, способ стирки.
Например
- Кольцо из мастерской: под фото текстом описываем, как измерить размер, материал, срок изготовления и возможность гравировки.
- Кофе в зёрнах из кафе: в таблице показываем страну происхождения, дату обжарки, описание вкуса и варианты помола.
Проверьте только это
- Указаны ли текстом цена, варианты, срок доставки и правила обмена
- Совпадают ли цвета на фото с реальным товаром
- Есть ли на странице ответы на частые вопросы клиентов
Нужно ли это моему бизнесу?
Нужна, если вы продаёте или представляете товары на сайте.
В ISSYMO
В сайтах с индивидуальными функциями типа «Интернет-магазин · e-commerce» продажа товаров и онлайн-оплата включены по умолчанию. К другим типам и к «Лендингу» можно добавить опцию «Продажа товаров» — с каталогом, карточками товаров, корзиной и заказами. Если писать тексты сложно, есть опция «Написание текстов».
Смотреть опцииЧастые вопросы
Источники
- Национальный центр правовой информации Кореи · Уведомление о предоставлении информации о товарах в электронной торговле
- Национальный центр правовой информации Кореи · Закон о защите прав потребителей в электронной торговле
- Центр Google Поиска · Структурированные данные о товарах
- Nielsen Norman Group · Рекомендации по UX страниц товаров в e-commerce
Последнее обновление: