Карточка товара

Карточка товара (product page, PDP) — страница интернет-магазина с описанием одного товара, его фото, ценой, вариантами и кнопкой «Купить». Это место, где покупатель окончательно решает, покупать или нет.

Простыми словами

В интернете товар не потрогаешь и не примеришь. Поэтому карточка должна заменить прилавок: показать, как вещь выглядит, из чего сделана, сколько стоит вместе с доставкой и что будет, если не подойдёт. Nielsen Norman Group отмечает, что плохая карточка приводит к двум последствиям: покупатели уходят, потому что не хватает информации, или покупают не то и возвращают (NN/g).

По Baymard, почти все пользователи смотрят карточку товара перед покупкой, и часто именно она определяет, купят или нет (Baymard).

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

NN/g выделяет обязательный минимум (NN/g):

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

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

Где сайты чаще всего ошибаются

Baymard проверял карточки на сайтах США и ЕС. 52% десктопных, 62% мобильных сайтов и 64% приложений получили оценку «посредственно» или хуже. Отдельные цифры из их обзора (Baymard):

• 57% сайтов не показывают размеры кнопками, а прячут в выпадающем списке;
• 37% не имеют фото «в масштабе», хотя 42% пользователей оценивают размер по фото;
• 67% не показывают ориентировочную общую стоимость заказа рядом с кнопкой покупки;
• 44% не дают ссылки на условия возврата из основного контента карточки, при этом 60% пользователей ищут их именно там, а 15% отказывались от заказа из-за неудовлетворительных условий;
• 89% не отвечают на негативные отзывы.

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

Как на это смотрят разные источники

NN/g советует показывать связанные товары «экономно» и только очень релевантные, чтобы они не отвлекали от характеристик (NN/g). Baymard отдельно исследует такие подсказки в корзине и предупреждает, что нерелевантные рекомендации снижают доверие ко всем подсказкам сайта (Baymard). Подробнее: апселл и кросс-селл.

Что касается вариантов товара, NN/g советует одну страницу на один товар с выбором цвета или размера на ней, а отдельные карточки только для вариантов, существенно отличающихся по описанию или функциям (NN/g).

Типичные ошибки

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

FAQ

Что должно быть на карточке товара? Название, качественные фото, полная цена, варианты, наличие, кнопка «В корзину», описание и характеристики, отзывы, условия доставки и возврата.

Сколько фото нужно на карточке? Чёткой цифры в использованных источниках нет. NN/g советует несколько ракурсов, детали и фото в использовании (NN/g).

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

Почему карточка не продаёт? Типичные причины: не хватает информации, не видна полная стоимость, непонятные варианты, нет доверия. Проверяйте это на реальных покупателях и A/B-тестом.

Связанные термины

• Страница категории
• Социальное доказательство и отзывы
• Сигналы доверия
• Апселл и кросс-селл
• Конверсия (conversion rate)
• Юзабилити (usability)

Источники

• Nielsen Norman Group. UX Guidelines for Ecommerce Product Pages — nngroup.com/articles/ecommerce-product-pages
• Nielsen Norman Group. Design Guidelines for Selling Products with Multiple Variants — nngroup.com/articles/products-with-multiple-variants
• Baymard Institute. Product Page UX Best Practices 2026 — baymard.com/research-articles/current-state-ecommerce-product-page-ux
• Baymard Institute. E-Commerce Product Page Usability Research — baymard.com/research/product-page
• Baymard Institute. 6 Ways to Improve the Relevance of Cross-Sells in the Cart — baymard.com/blog/product-recommendations-cart