Статьи

Время на прочтение: 15 мин

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

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

Что такое карточка товара и зачем она нужна

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

  • Сфокусировать внимание.
  • Ответить на вопрос «зачем мне это нужно?».
  • Обеспечить простоту и очевидность получения желаемого.
  • Привлечь внимание к сопутствующим товарам, чтобы закрыть потребность комплексно.

Seo-оптимизация страницы карточки товара на сайте

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

  1. Ключевые запросы. Как и любая другая страница на сайте, карточка товара должна четко отвечать на спрос пользователей и соответствовать семантике. Именно правильное применение ключевых запросов, позволяет продвигать интернет-магазин в поисковых системах.
  2. Мета-теги. Обязательными элементами любой страницы на сайте являются заполненные теги Title и Description, и карточка товара тут не исключение. В мета-тегах прописывают полное наименование продукта, марку производителя, иногда даже артикулы и ключевые характеристики модели. В составлении Title и Description для карточек обязательно добавляют коммерческие фразы («цена»/«купить») или географические названия («по России»/«в Москве»).
  3. Заголовок <H1>. Как правило, заголовком страницы становится само название товара. Но не стоит забывать о его длине и удобочитаемости. Тег h1 на странице товара – один из первых элементов, который видит пользователь, поэтому он должен быть одновременно полным и лаконичным.
  4. Описание и характеристики. Небольшие, но объемные по своему содержанию, тексты, которые содержат в себе максимум полезной информации о товаре. Характеристики должны соответствовать общепринятым стандартам оформления: вес, мощность, размер и тд. Описания и характеристики могут размещаться на втором экране страницы, отдельной вкладкой или всплывающим окном, но обязательно должны быть доступны к индексированию.
  5. Визуальный контент. Обязательным элементом карточки товара является фотографии продукции. Подробные и качественные изображения должны быть оптимизированы для поиска по картинкам в поисковых системах, поэтому теги Atl и Title заполнены с применением ключевых слов.
  6. Коммерческие факторы. Главным коммерческим фактором ранжирования интернет-магазина в поисковиках являются цены. На детальной странице товара обязательно должна быть указана стоимость отдельного продукта, которую также необходимо сделать доступной для индексирования.
  7. Микроразметка. Разметка данных о товаре с использованием Schema.org позволяет лучше представить товар в поисковой выдаче. А для раскрутки в соцсетях, внедряется разметка Open Graph.

Помимо перечисленного выше, сео-оптимизация карточки товара включает в себя и такие технические показатели качества, как элементы навигации («хлебные крошки»), скорость загрузки (не должна превышать 3 секунды) и наличие адаптивной верстки. Это важно, как для пользователя отдельной страницы, так и для ранжирования всего сайта в поисковых системах. Следование этим рекомендация позволит продвинуть ресурс в поисковиках и привлечь потенциальных клиентов. А далее переходим к основной задаче карточки товара – превратить посетителя в покупателя.

Чек-лист: основные маркетинговые элементы страницы товара

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

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

  1. Название товара (может включать в себя марку и артикул); пример названия продукции на карточке товара в интернет-магазине
  2. Заглавное изображение товара (высококачественное, с возможность увеличения); пример фотографии продукции на карточке товара в интернет-магазине
  3. Иллюстрации (фотографии с разных ракурсов с опцией масштабирования, видео, 3D-модели); пример дополнительных иллюстраций на карточке товара в интернет-магазине
  4. Описание и характеристики (уникальные тексты с преимуществами именно этого продукта, подробные параметры лучше размещать в виде таблицы); пример описаний и характеристик на карточке товара в интернет-магазине
  5. Цена товара (крупным или жирным шрифтом); пример цены на карточке товара в интернет-магазине
  6. Наличие на складе (важно ставить отметку о наличии, чтобы не обманывать ожидания покупателя о быстром получении заказа); пример наличия продукции в карточке товара в интернет-магазине
  7. Способы оплаты (текстом или значками платежных систем); пример способов оплаты продукции в карточке товара в интернет-магазине
  8. Условия доставки (текстовая информация или автоматический расчет стоимости и сроков доставки прямо на странице товара); пример доставки продукции в карточке товара в интернет-магазине

Опциональные

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

Среди основных опций:

  • Размеры (если это одежда, то также необходимо указывать размерную сетку в сантиметрах);
  • Расцветка;
  • Виды упаковки;
  • Количество и т.д.
пример опциональных элементов в карточке товара интернет-магазина

Функциональные

  1. Кнопка «Купить» (также может называться «Добавить в корзину» и размещаться); пример кнопки в корзину в карточке товара интернет-магазина
  2. Сообщить о наличии (если товара нет в наличии, то важно дать пользователю возможность забронировать товар заранее, и его уведомить при поступлении); пример кнопки уведомления в карточке товара интернет-магазина
  3. Избранное (функционал называют по-разному «Wish List», «Любимое», «Отложенное», но его цель всегда одна – сохранить понравившиеся товары в отдельный список и уже из него совершать покупки); пример избранного в карточке товара интернет-магазина
  4. Сравнение (должно происходить по характеристикам и давать возможность сразу положить выбранный товар в корзину); пример сравнения в карточке товара интернет-магазина
  5. «Купить в один клик» (позволяет сократить путь до покупки для пользователя при условии быстрой обратной связи со стороны продавца); пример купить в один клик в карточке товара интернет-магазина
  6. С этим товаром также покупают (дополнительная группа смежных товаров, которая позволит пользователю закрыть все потребности единой покупкой); пример дополнений в карточке товара интернет-магазина
  7. Оценка товара (визуально «звездочки» или цифровые значения, важно, чтобы пользователь сам мог поставить оценку товару); пример оценки продукции в карточке товара интернет-магазина
  8. Отзывы (непосредственно в карточке товара потенциальный покупатель должен иметь возможность не только почитать отзывы, но и оставить собственный); пример отзывов в карточке товара интернет-магазина
  9. Поделиться в социальных сетях. (текстовая информация или автоматический расчет стоимости и сроков доставки прямо на странице товара); пример шаринга в карточке товара интернет-магазина

Дизайн карточки товара как средство повышения конверсииБ

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

F-образный паттерн долгое время использовался маркетологами и дизайнерами, что в конечном итоге стал привычным для посетителей интернет-магазинов.

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

F-паттерн просмотра страницы сайта Якоба Нильсена

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

Итак, что же такое «Область покупки». Это первый экран, который видит пользователь при загрузке страницы карточки товара. Именно тут важно сразу привлечь внимание, заинтересовать, акцентировать, направить к конверсионному действию. Рассмотрим два примера:

Хороший

пример хорошей карточки товара

И не очень

пример ошибок в карточек товара

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

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

  • дополнительные маркировки «последняя цена»/«распродажа»/«новинка»;
  • визуальное отображение скидки (старая/новая цена);
  • счетчик просмотров/покупок товаров.
пример акцентов на карточке товаров в интернет-магазине

А если не на сайте, то где?

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

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

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

пример карточки товара в e-mail рассылках

Карточка товара в AMP письмах

AMP письмо является формой интерактивного взаимодействия с покупателем и рассылки, которые теперь поддерживаются в таких крупных почтовых сервисах, как Gmail, Mail.ru, Yahoo, Outlook. Этот инструмент позволяет добавить галереи из карточек продукции, позволит сократить длину письма, а покупатель сможет легко и быстро найти именно те товары, которые ему необходимы и совершить покупку не закрывая письмо.

Карточка товара в чат-ботах

Добавить карточки товаров в цепочку чат-ботов в мессенджерах – верный шаг к повышению конверсии. Современные инструменты позволяют отправлять потенциальному покупателю не просто ссылку на товар, а полноценную карточку со всеми необходимыми триггерами: названием, кратким описанием, галереей и любыми кнопками для взаимодействия («узнать подробнее», «положить в корзину», «посмотреть похожие» и т.д.).

Как оценить эффективность карточки товара

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

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

Оценка поведения пользователей на странице и отслеживание воронки конверсий позволяет улучшать товарные страницы без ущерба удобству и доверию к интернет-магазину. Результатом 100% работы карточки товара является удовлетворение потребности пользователя через достижения цели продавца – совершение покупки.

Трудности в оценке эффективности и улучшении карточки товара в Вашем интернет-магазине? Обращайтесь! Оставляйте заявку на сайте или звоните – мы поможем!

Рейтинг
(0)
Поделиться: