Как правильно оформить страницу товара в интернет-магазине

05 ноября 2020
Автор: Степан Иванов

Товарная карточка – приоритетная страница интернет-магазина. Ее оформление влияет на уровень конверсии. На этой странице содержится вся информация о товаре, его свойствах и преимуществах. Будет ли она эффективной и какое решение примет посетитель? Зависит от контентного наполнения и оптимизации. Как оформить продающие товарные карточки с высокой конверсией – пошаговая инструкция далее.

 

Как выглядит продающая карточка товара: структура, информация

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

Обязательные данные:

  1. Название. Пишется, как заголовок первого уровня Н1 крупным шрифтом, в понятной форме. Не допускаются сокращенные формы и аббревиатуры. Только полное название и краткая дополнительная информация для быстрой ориентации в каталоге. Указывается цвет, модель и другие признаки классификации.
  1. Изображение. Здесь важны уникальность и качество. Старайтесь не использовать стоковые изображения. Разместите фото в высоком разрешении, чтобы пользователь мог разглядеть все детали предлагаемого товара. Используя функцию приближения, сделайте качественные фотографии продукции с разных ракурсов. Из похожих вариаций составьте фоторяд для ознакомления с разными моделями и видами товара. Для хорошего обзора создайте демонстрации с круговым обзором продукции. Главная цель размещения фото на сайте – заменить реальный опыт покупателя при ознакомлении с продуктом.
  1. Цена. Располагается в верхнем правом углу страницы, выделяется крупным шрифтом и цветом. Данные о стоимости должны быть актуальными и привлекательными. Если предлагается скидка, посетитель должен сразу это заметить и оценить выгодность покупки. Зачеркнутая изначальная цена с указанием бонуса – работающий маркетинговый ход. Некорректные данные о цене или отсутствие этой информации – одна из главных причин отказа от покупки.
  1. Побуждение к действию. Активные кнопки с конкретным предложением: «Купить», «Заказать», «Положить в корзину» выделяйте контрастным шрифтом и цветом.
  1. Условия покупки. Система расчета, способы доставки, гарантия – вся эта информация необходима посетителю для принятия решения о покупке. Изложите ее в лаконичной, структурированной форме, добавив ключевые слова для поискового продвижения сайта.

карточка товара в интернет-магазине

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

Это:

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

как настроить карточку товара

Пример карточки товара

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

настройка карточки товара

Сопутствующие товары помогают продажам

  • полезная информация. Презентации, фото- и видеообзоры, инфографика и таблицы со сравнительными характеристиками, – все, что наглядно демонстрирует товар, помогает покупателю сделать выбор;
  • привлекающие надписи. Рекламные наклейки «Акция», «Новинка» привлекают внимание посетителей. Следите чтобы они не «зависали» постоянно в одних и тех же местах. Почаще обновляйте информацию на сайте;
  • отзывы пользователей. Сделать окончательный выбор помогают реальные отзывы покупателей. Собрать их можно, предлагая клиентам бонусы в обмен на отклик. Подробно о том, как собирать отзывы мы писали здесь

 

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

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

 

Главные правила создания продающих карточек

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

Внешний вид

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

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

 

Классическая структура блоков:

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

карточка товара в магазине

Вариант оформления страницы товара

Именно такое расположение блоков наиболее эффективное, учитывая особенности просмотра (слева направо и сверху вниз). Вся самая необходимая информация должна быть размещена до прокрутки, на первом экране. Каждому товару – своя рубрика.

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

 

ЧПУ (Человеко понятные урлы)

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

www.site.ru/product-1023.html - неудачный вариант.

www.site.ru/samsung-j6.html - имеет более понятный вид.

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

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

 

Контент

Качество подачи информации влияет на количество продаж. От уровня проработки текстового и мультимедийного контента зависит интерес посетителя к товару.

Ключевые аспекты:

1. Объем описания

Большинство советов по объему текста в товарных карточках не совсем объективны. Не существует четких границ. Некоторые рекомендуют соблюдать объем в пределах 500-1000 символов. Но важны не на знаки, а правильно подобранные слова. Хорошее описание может серьезно увеличить конверсию.

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

2. Содержание

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

 

Полезно усилить описание с помощью:

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

 

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

3. Лаконичность.

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

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

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

Расскажите о преимущественных отличиях конкретной модели:

  • стоимости;
  • специфических свойствах;
  • гарантиях качества.

Почему компанию выбирают:

  • оперативная доставка;
  • доступная цена;
  • забота о клиентах и чувство юмора сотрудников.

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

 

SEO

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

Поработайте над такими элементами:

  • Сниппеты. Правильно составленные Title, Description, Keywords (название + описание + ключевые слова) позволяют вывести сайт на первые позиции поисковой выдачи и увеличить долю целевого трафика. Если возможно, воспользуйтесь готовыми шаблонами для создания мета-тегов.

сниппеты интернет-магазина Вариант сниппета

  • Описание картинок. Обязательно прописывайте мета-теги для всех изображений. Это Аlt и title – текстовые описания графического содержимого. Так вы обеспечите хорошую видимость сайта и дополнительный поток трафика из систем поиска изображений.

оформление изображений в интернет-магазине

Вариант выдачи Яндекса

  • Микроразметка страниц. Используйте теги Product и Offer для настройки микроразметки товарной карточки. С их помощью в сниппете можно размещать рекламные элементы и важные данные для привлечения пользователей. Добавляя теги для отзывов (Review), рейтинга (AggregateRating) и стоимости, вы оформляете важные данные для поисковых систем и покупателей.
  • Мобильная версия. Обязательно адаптируйте сайт под планшеты и смартфоны. Скорость загрузки, правильное отображение текстового и мультимедийного содержимого на разных устройствах – важные факторы ранжирования. Поработайте над всеми версиями сайта и убедитесь в их корректности.
  • Оптимизация. Все текстовое и графическое содержимое товарных карточек должно быть уникальным. Копипаст ухудшает продвижение и рейтинг сайта. Текст должен содержать краткое описание продукции с кнопкой внизу, при нажатии на которую открывается подробная информация. Под заголовком Н2 размещайте характеристику продукции с использованием низко- и среднечастотных запросов. Воспользуйтесь сервисами подбора ключевых слов и словосочетаний «Google Adwords» и «Яндекс.Wordstat». Оптимизируйте ссылочную структуру ресурса.

 

Вспомогательные ценные свойства

Улучшить индексирование и показатели конверсии товарной карточки помогут дополнительные преимущества. Какие – зависит от сферы деятельности и особенностей продукции.

Эффективные варианты:

  • видео обзоры. Короткие ролики до 5 минут с демонстрацией и пояснениями функций товара повысят лояльность клиентов. Это уместный, эффективный контент для продажи цифровой техники и видеорегистраторов;
  • таблица размеров. Размерные сетки определенных брендов с параметрами и разными размерными шкалами помогают выбрать одежду и обувь;
  • программы лояльности и покупка в один клик. Формы упрощенной покупки, скидки и рассрочки увеличивают продажи;
  • калькулятор цены. Нужная функция при реализации изделий разной комплектности;
  • информация об акциях. Снижение цены на товар мотивирует к покупке здесь и сейчас;
  • рейтинг. Более 90% целевых посетителей перед покупкой товара детально изучает отзывы и оценки реальных пользователей;
  • оперативная обратная связь. Всплывающий чат и кнопка звонка помогают клиенту закрыть все свои вопросы. Активное общение с клиентами увеличивает конверсию сайта на 30-40%.

 

Примеры правильных товарных карточек товара

В качестве эталона можно рассмотреть товарные страницы с грамотно оформленной структурой. В сфере электронной коммерции таких много. Оцените уникальные предложения и привлекательный визуал на веб-страницах таких известных компаний, как: Amazon, Kupivip, Ozon, Litres, Wildberries.

вариант карточки товара на Amazon

Помимо грамотного оформления, у них есть свои «фишки»:

  • быстрые подсказки. Данные о доставке продукции и гарантиях на сайте Ozon оформлены в виде графических элементов и краткого сопровождающего описания;
  • демонстрация выбора цвета. На площадке Amazon изображение карточки товара меняется при наведении на другие цвета, такая возможность предусмотрена и на платформе Recommerce;
  • всплывающая размерная сетка. Сайт Kupivip демонстрирует инструкцию по выбору размера в виде сплывающего окна.

Равняясь на удачные проекты, не потеряйте «лицо» вашего бренда. Больше всего клиентов привлекают свежие предложения на рынке.

Выводы

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

Другие статьи по теме:

Понравилась статья? Поделитесь с друзьями!