ИНТЕРНЕТ-МАГАЗИН / КАРТОЧКА ТОВАРА
Хорошая карточка помогает понять, что именно продается, подходит ли товар и на каких условиях его можно получить. Разбираем, как расположить эту информацию и что проверить до запуска.
Краткий ответ. В карточке товара покупателю нужны понятное название, фотографии, характеристики, цена, выбранный вариант, наличие, условия получения и способ купить или задать вопрос. Порядок блоков зависит от товара: для одежды важна посадка, для техники — совместимость и характеристики.
Представьте, что человек открыл товар из поиска и еще не видел ваш каталог. Он должен понять, что перед ним за вещь, в какой комплектации она продается, сколько стоит и доступна ли к заказу. Эта базовая информация нужна рядом с фотографией и действием, а не в конце длинного описания.
Дальше задачи зависят от товара. Покупатель смартфона уточнит память, состояние и гарантию; покупатель кресла — размеры, материал и доставку до квартиры. Выпишите пять вопросов, которые менеджеры слышат чаще всего, и проверьте, отвечает ли на них страница. Если вопросов пока нет, попросите нескольких людей выбрать товар без вашей помощи и запишите, где они остановились.
В кейсе kdmarket.ru при редизайне внимание уделялось товарным фотографиям, цене, характеристикам и действиям. Это полезный принцип для магазина техники: сначала помочь оценить конкретный товар, затем показывать дополнительные предложения.
Название должно различать похожие позиции: тип товара, модель и важный для выбора вариант. Если есть товары с разным состоянием или комплектацией, обозначьте это словами. Покупателю не придется угадывать по скидке, почему два внешне одинаковых товара стоят по-разному.
Главная фотография показывает товар целиком; дополнительные — детали, разъемы, фактуру, упаковку или масштаб. Для одежды полезны фото на человеке и таблица размеров, для техники — вид разъемов и комплекта. Если цвет на изображении может отличаться от реального, напишите об этом рядом с выбором цвета.
Проверьте увеличение, резкость и переключение фотографий на телефоне. Декоративная картинка может задать настроение, но она не заменит фотографию конкретной модели. Если изображение временно отсутствует, страница должна честно обозначать это, а не показывать товар другого варианта.
Варианты — цвет, размер, объем памяти, материал или комплектация — должны иметь понятные названия и видимое выбранное состояние. Если выбор меняет фотографию, цену или наличие, эти данные должны обновляться вместе. Недоступный вариант можно показать с пояснением, а кнопку покупки — заменить действием «Сообщить о поступлении», если магазин действительно принимает такие запросы.
Рядом с ценой уточните условия скидки, если они есть: например, цена действует при оплате определенным способом или по программе лояльности. Не выдавайте предварительную стоимость доставки за окончательную, если она зависит от адреса. Человек должен видеть, что войдет в расчет, до подтверждения заказа.
Проверьте пограничные случаи: вариант закончился между открытием страницы и добавлением в корзину; цена изменилась; у двух вариантов разные сроки доставки. В корзине должны сохраниться именно выбранные характеристики, а о расхождении нужно сообщить до оплаты.
Не смешивайте свойства модели с рекламными обещаниями. Сначала покажите параметры, по которым товар выбирают, затем полный список характеристик и детали использования. Для одежды это может быть состав, размерная сетка и уход; для оборудования — габариты, совместимость, питание и условия установки.
Описание стоит строить вокруг конкретных ситуаций: что входит в комплект, с чем товар совместим, для каких задач подходит и какие ограничения есть. Если данные не подтверждены, лучше указать, что их нужно уточнить, чем заполнять страницу общими фразами.
Отзывы, инструкции и ответы на частые вопросы полезны, когда относятся к нужной модели или ее вариантам. Не переносите оценку одной позиции на другую только потому, что у них похожее название.
Покупателю нужны ориентир по сроку, доступные способы получения и понятный переход к подробным условиям. Если расчет зависит от города, покажите это и предложите выбрать город. Слова «быстрая доставка» без срока или объяснения условий не помогают принять решение.
Ссылки на гарантию, возврат, контакты и оплату должны вести к действующим правилам магазина. Когда консультация действительно нужна для выбора, разместите ее рядом с основным действием и объясните, что сможет уточнить специалист.
На мобильном проверьте, не перекрывают ли плавающие кнопки цену, выбор варианта и важные сообщения. Кнопку покупки нужно видеть и нажимать без борьбы с другими элементами интерфейса.
У каждой индексируемой карточки должны быть понятный адрес, уникальные заголовок и описание, доступная поисковику информация о товаре. Название, цена и наличие в разметке должны соответствовать тому, что видит посетитель, и обновляться вместе с данными магазина.
Для вариантов товара Google описывает разметку ProductGroup и Product. Она помогает поиску понять связь вариантов, но сама по себе не гарантирует расширенное представление в выдаче. Настраивать ее стоит под фактическую структуру каталога и проверять после изменений.
Карточка не живет отдельно от каталога и оформления. Следующий шаг — проверить фильтры и путь к оформлению заказа, чтобы выбранный товар было легко найти и купить.
3UGENE / ОБСУДИМ ЗАДАЧУ
Обсудим ассортимент, вопросы покупателей и то, как показать характеристики, варианты и условия покупки на сайте.