Бесплатный вебинар от SEMANTICA «Обзор инструментов Яндекс Директа: итоги 2024 и прогнозы 2025» Зарегистрироваться
Елена Кузнецова
Контент-менеджер

Карточка товара – настоящее поле битвы за сердца покупателей. Все ее элементы и их взаимное расположение работают на одну цель – облегчить клиенту выбор и последующую покупку. В этой статье подробно рассказываем о создании и оформлении каталога для интернет-магазина или маркетплейса.

Что такое карточка товара

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

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

Как сделать продающую карточку товара

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

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

Таким образом «траектория внимания» имеет форму буквы F.

Как оформить карточку товара, исходя из этих знаний? Очевидно, что самые важные элементы нужно располагать в зонах максимальной сосредоточенности, слева вверху или посередине экрана. Правый нижний угол – самое провальное место, в которое заглядывают только самые въедливые посетители.

Коммерческий трафик
Коммерческий трафик
Продвижение по коммерческому трафику от студии SEMANTICA – привлечение целевых пользователей из систем Яндекс и Google. Мы работаем над внутренними и внешними факторами ранжирования и видимостью сайта в поисковиках. Вы получаете рост посещаемости и высокий охват среди своих потенциальных клиентов.

Основные элементы

Страница товара – это не только его описание и пара фотографий, но и ряд менее очевидных, но крайне важных функциональных деталей.

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

Это последовательность разделов и подразделов сайта, которую прошел посетитель.

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

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

Как сделать и создать свой сайт с нуля: пошаговая инструкция по самостоятельному созданию
Как сделать и создать свой сайт с нуля: пошаговая инструкция по самостоятельному созданию
Определяем цель Это первоочередное – разобраться с вашими задачами и тематикой. Сначала решите, сайт будет продавать или информировать. Выбираем тип Будет площадка повышать имидж бренда, продавать товары, предоставлять место для дискуссий или просто развлекать – с этим надо заранее определиться. Ниже перечислим основные виды. Интернет-магазин В 2022 году один из самых популярных типов интернет-ресурсов. Его также называют e-shop. Основная цель – онлайн-торговля по всему миру. Клиенты магазина получают возможность сформировать заказ на покупку, выбрать способ оплаты и доставки, сравнивать характеристики…

2. Название продукта

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

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

Если ваши покупатели часто ищут по артикулу – укажите и его! Это относится, в основном, к бытовой и строительной технике, инструментам.

Рассмотрим названия продуктов на иллюстрации.

С первым примером все отлично. Сразу очевидно, что это смартфон, бренда Vivo, модели V21E. Он отличается от других объемом памяти (12Гб) и текстурой задней поверхности (Алмазная мозаика). 

А вот второй продукт назван неудачно. В названии вырвались вперед второстепенные характеристики (бумажная обертка в корейском стиле), а более важные глобальные свойства даже не указаны. Ведь, прежде всего, это букет, а потом уже – соответствующим образом оформленный. Гораздо правильнее выглядело бы название: «Букет из хризантем и альстромерий (Эквадор) в корейском стиле».

Мария Албегова
Мария Албегова
редактор блога

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

3. Главное изображение

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

 К фото, которое расположено первым, предъявляются особые требования. Изображение должно быть четким, с разрешением не менее 72 точек на дюйм, а его цветопередача — в точности соответствовать реальному предмету. Если есть техническая возможность, можно предусмотреть функцию «лупы», чтобы побудить посетителя рассмотреть вещь в деталях.

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

Что можно показать на других фотографиях?
  • Товар в разных ракурсах, чтобы дать точное представление о его пропорциях и размерах;
  • Полный состав комплекта, если продукт продается с аксессуарами;
  • Процесс использования объекта или его вид в интерьере;
  • Важные отличительные черты – детали, материал, текстуру.
Улучшение и оптимизация поведенческих факторов на сайте: способы, как улучшить ПФ
Улучшение и оптимизация поведенческих факторов на сайте: способы, как улучшить ПФ
При продвижении веб-ресурсов важно знать, что такое улучшение поведенческих факторов (ПФ) на сайте для ранжирования, способы оптимизации под потребности пользователей и поисковых систем, чтобы сделать ресурс конкурентоспособным. Эти знания позволят оптимизировать интернет-площадку, а значит, она будет привлекать внимание целевой аудитории, а после — алгоритмы поиска поднимут его на верхние строчки выдачи, что еще больше увеличит охват и эффективность. Общие сведения Под ПФ понимают все действия, которые веб-пользователи совершают на веб-сайте. Поисковые системы начали уделять особое внимание этому критерию, так как…
Подумайте, какой именно результат хочет увидеть ваш покупатель после покупки – и покажите его на фото!
  • Если женщина кладет в корзину платье в вертикальную полоску, она рассчитывает на то, что покупка будет ее визуально стройнить.
  • Если глава семейства покупает наушники с шумоподавлением, то, возможно, ему нужна возможность сосредоточиться и поработать дома.
  • Если родители выбирают для сына воздушного змея, то надеются на то, что он будет красиво смотреться в небе и радовать их ребенка.

Подберите иллюстративный ряд к этим ситуациям, это подтолкнет посетителей страницы к покупке.

4. Список желаний / отложенные товары / избранное / любимые модели

У посетителя не всегда есть возможность оформить заказ немедленно. В большинстве маркетплейсов и интернет-магазинов понравившиеся вещи можно отложить в «избранное». Этот список желаний может стать эффективным инструментом продаж, если с умом воспользоваться им.

Например:
  • Можно напоминать клиенту о его мечтах по электронной почте, в соцсетях или мессенджере;
  • Можно предлагать скидки на эти вещи, побуждая все-таки совершить покупку;
  • Можно поторопить покупателя, сообщив, что этот продукт заканчивается или снимается с производства;
  • Ко Дню рождения клиента или к общегосударственным праздникам можно создать и предложить клиенту возможность намекнуть о желаемом подарке друзьям и близким. Список «избранного» послужит отличным виш-листом, особенно, если его красиво и компактно оформить.

5. Кнопки «расшара» в социальных сетях

Людям нравится делится полезными находками, именно поэтому они охотно делятся ими в соцсетях. Этим свойством человеческой натуры можно и нужно пользоваться – сделайте на странице удобные и заметные кнопки «поделиться в соцсетях» и те клиенты, кто уже совершил покупку или только намеревается, приведут к вам новых лояльных пользователей.

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

6. Цена продукта

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

Хороший прием: разместить в карточке две цены – рекомендуемую розничную и ту, которая действует непосредственно в данный момент. Посчитайте процент экономии и укажите его, ведь выгода – мнимая или настоящая! – мощнейший фактор, влияющий на принятие решения о покупке. 

7. Оценка

Людям важно знать, что они не одиноки в своем выборе, и их решение разделяет множество других покупателей. В карточках для интернет-магазина может быть указание на то, как оценивают продукт те, кто его уже купил – это снизит тревожность клиентов и обеспечит вашему бренду начальный кредит доверия.

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

Количество заказов и отзывов также косвенно сигнализирует покупателю, что этот продукт востребован. Маркетплейсы дополнительно снабжают карточки популярных предложений отметками «Хит продаж» или «Бестселлер» - они тоже позитивно влияют на продажи.

Как написать хороший отзыв: образец написания положительного комментария
Как написать хороший отзыв: образец написания положительного комментария
Почему отзывы в интернете — это так важно? Потому что все принимают решение о покупке, опираясь на отзывы. Не важно, идет речь о покупке товара, услуги или инфопродукта.Пандемия сильно изменила то, как мы покупаем. Долгие месяцы карантина побудили нас совершать покупки онлайн. Пандемия закончится, а привычка останется. Видимо, частота покупок онлайн будет расти даже в секторе потребительских товаров. Пару лет назад люди практически не покупали онлайн в продуктовых магазинах. Сейчас любая розничная сеть предлагает возможность онлайн-заказа и доставку. Большое исследование…

8. Элемент выбора вариантов

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

9. Кнопка «Купить»

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

Еще одна полезная кнопка – «Купить в один клик». Она ускоряет покупку и позволяет осуществить ее, не регистрируясь на сайте. В этом случае для оформления заказа потребуется минимальное количество информации — имя, фамилию, номер телефона или электронную почту, а также адрес доставки или ближайшего пункта выдачи.

10. Контентное наполнение

Описание карточки товара представляет покупателю его исчерпывающую характеристику и отвечает на самые распространенные вопросы. Однако не пытайтесь «вывалить» на посетителя странице всю имеющуюся у вас информацию, выделите лишь самое важное, что может привлечь его внимание.

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

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

Объем текста

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

Первая представляет собой краткое описание: что это за продукт? Для кого он предназначен? Каким целям служит?

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

SEO-анализ текста: что это такое, сервисы и программы для проверки
SEO-анализ текста: что это такое, сервисы и программы для проверки
Посещаемость веб-сайта зависит от его положения в выдачи поисковика. Позиции в рейтинге, в свою очередь, зависят от качества контента. Определить, насколько качественным текстом наполнен сайт, поможет seo-анализ – показатели этой проверки покажут релевантность опубликованной информации пользовательским запросам, а также соответствие техническим требованиям поисковых систем. Общее представление Любой текст, размещаемый в интернете, должен быть легко читаем, структурирован и удовлетворять запросам пользователей. Чтобы информация интересовала большой поток посетителей, она должна быть качественной. Именно для оценки факторов, влияющих на качество контента, и направлена…

Содержательность

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

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

Список важных характеристик можно и нужно структурировать – принципиальные достоинства лучше разместить вверху списка, менее значимые – в конце.

Краткость

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

Конкурентные преимущества

Название, описание и фотографии товара есть у всех, в том числе и у ваших конкурентов. Чтобы посетитель пришел именно к вам, и купил именно у вас, требуется еще кое-что.

11. SEO-оптимизация

Первые «читатели» вашей продуктовой карточки – поисковые роботы, а значит, их требования тоже нужно учесть.

  • Внимательно отнеситесь к тэгам Title и H1. Текст, который будет отражаться в поисковой выдаче, в наименовании вкладки и при репосте должен включать в себя полное название, а при желании и дополнительные ключевые слова, такие как «купить», «в Москве», «с доставкой». Н1 виден только на самой карточке, поэтому в этой графе нужно прописать более компактное имя.
  • Составьте короткое описание для метатега Description. Используйте для этого средне- и низкочастотные ключевые слова, по которым пользователи ищут ваш продукт. Не увлекайтесь и пишите по-человечески, заспамленный ключами текст не любят в равной мере поисковики и пользователи. Создавая дескрипшен, думайте о выгоде, которые получит клиент.
  • Не воруйте описания, неуникальный контент плохо влияет на рейтинг. Опишите конкретно свои преимущества, даже если продаете товар, который можно найти у других продавцов. Наверняка у вас есть какие-то особенные условия доставки или программы лояльности. В крайнем случае сделайте качественный рерайт нескольких самых удачных описаний.

12. Дополнительная ценность

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

Дополнительные блоки

  • Видеоролики. Они незаменимы при продаже сложных или инновационных продуктов, с их помощью можно продемонстрировать все возможности, показать, как его настраивать и как с ним работать.
  • Размерная сетка. Такая шпаргалка поможет сориентироваться покупателям, которые не уверены в том, какого размера вещь им нужна.
  • Кнопка «купить в кредит или рассрочку». Безусловно, такая возможность превратит некоторую часть случайных посетителей в постоянных клиентов.
  • Калькулятор входит в оформление в интернет-магазине и может помочь, если вы продаете товары в разной комплектации
  • «Звездочки» рейтинга. Результаты маркетинговых исследований говорят о том, что более 90% людей учитывают отзывы других покупателей при принятии решения о покупке. Правильная карточка обязательно должна их содержать. 
  • Кнопка обратной связи. Возможность получить быструю консультацию продавца и ответы на свои вопросы, также способствует покупкам.

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

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

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

Микроразметка для поисковиков

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

Примеры хорошего оформления

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

Пример 1. 

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

Пример 2.

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

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

Пример 3.

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

Пример 4.

Есть дополнительная кнопка «проверить наличие в магазине». Она позволяет найти ближайшую торговую точку в которой это кольцо можно примерить и осмотреть «вживую». Для ювелирных изделий это довольно важная функция.

Скидка, рейтинг, размерный ряд и хорошие иллюстрации

Пример 5.

Эта страница не идеальна, но тем не менее она содержит ряд полезных элементов: 
  • значок «распродажа»;
  • несколько вариантов цены в зависимости от способа доставки;
  • кнопку «купить в кредит» и «в резерв»;
  • возможность поместить продукт в «избранное»;
  • «описание», которая открывает эту страницу в отдельной вкладке.

Заключение

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

Получите профессиональный взгляд со стороны на свой проект

Специалисты студии SEMANTICA проведут комплексный анализ сайта по следующему плану:

– Технический аудит.
– Оптимизация.
– Коммерческие факторы.
– Внешние факторы.

Мы не просто говорим, в чем проблемы. Мы помогаем их решить