Будет ли интернет-магазин приносить прибыль во многом зависит не только от ассортимента, спроса на продукт, цены и условий получения покупки. Зачастую бывает, что небольшие сайты с десятком товаров в каталоге имеют конверсию выше, чем крупные ресурсы с тысячным ассортиментом. Знакомая ситуация?
Специалисты компании «Спектр-Гранд» готовы поделиться опытом решения задач увеличения продаж интернет-магазина. В этой статье мы расскажем о базовых элементах товарной страницы на сайте, особенностях ее оптимизации и тонкостях дизайна. В качестве наглядных примеров хороших и не очень решений обратимся известным российским и зарубежным онлайн-магазинам.
Что такое карточка товара и зачем она нужна
Карточка товара – это отдельная страница интернет-магазина, посвященная непосредственно одному продукту. Если задача главной страницы сайта, каталога и категорий – привлечь внимание пользователя, то главная цель карточки — продать. Чем больше здесь информации о продукте, чем она удобнее и понятнее для пользователя, тем выше шанс конверсии. На самом фундаментальном уровне все люди, принимая решения о покупке, бессознательно мотивируются вопросом: «Зачем мне это нужно и в чем тут выгода для меня?». Опыт мировых маркетологов позволил определить несколько ключевых задач для любой карточки товара, как элемента сайта:
- Сфокусировать внимание.
- Ответить на вопрос «зачем мне это нужно?».
- Обеспечить простоту и очевидность получения желаемого.
- Привлечь внимание к сопутствующим товарам, чтобы закрыть потребность комплексно.
Seo-оптимизация страницы карточки товара на сайте
Если для товарной страницы интернет-магазина выделять в отдельную задачу привлечение органического целевого трафика, тут никак не обойтись без применения базовых этапов поисковой оптимизации карточки товара. Расскажем о них подробнее:
- Ключевые запросы. Как и любая другая страница на сайте, карточка товара должна четко отвечать на спрос пользователей и соответствовать семантике. Именно правильное применение ключевых запросов, позволяет продвигать интернет-магазин в поисковых системах.
- Мета-теги. Обязательными элементами любой страницы на сайте являются заполненные теги Title и Description, и карточка товара тут не исключение. В мета-тегах прописывают полное наименование продукта, марку производителя, иногда даже артикулы и ключевые характеристики модели. В составлении Title и Description для карточек обязательно добавляют коммерческие фразы («цена»/«купить») или географические названия («по России»/«в Москве»).
- Заголовок <H1>. Как правило, заголовком страницы становится само название товара. Но не стоит забывать о его длине и удобочитаемости. Тег h1 на странице товара – один из первых элементов, который видит пользователь, поэтому он должен быть одновременно полным и лаконичным.
- Описание и характеристики. Небольшие, но объемные по своему содержанию, тексты, которые содержат в себе максимум полезной информации о товаре. Характеристики должны соответствовать общепринятым стандартам оформления: вес, мощность, размер и тд. Описания и характеристики могут размещаться на втором экране страницы, отдельной вкладкой или всплывающим окном, но обязательно должны быть доступны к индексированию.
- Визуальный контент. Обязательным элементом карточки товара является фотографии продукции. Подробные и качественные изображения должны быть оптимизированы для поиска по картинкам в поисковых системах, поэтому теги Atl и Title заполнены с применением ключевых слов.
- Коммерческие факторы. Главным коммерческим фактором ранжирования интернет-магазина в поисковиках являются цены. На детальной странице товара обязательно должна быть указана стоимость отдельного продукта, которую также необходимо сделать доступной для индексирования.
- Микроразметка. Разметка данных о товаре с использованием Schema.org позволяет лучше представить товар в поисковой выдаче. А для раскрутки в соцсетях, внедряется разметка Open Graph.
Помимо перечисленного выше, сео-оптимизация карточки товара включает в себя и такие технические показатели качества, как элементы навигации («хлебные крошки»), скорость загрузки (не должна превышать 3 секунды) и наличие адаптивной верстки. Это важно, как для пользователя отдельной страницы, так и для ранжирования всего сайта в поисковых системах. Следование этим рекомендация позволит продвинуть ресурс в поисковиках и привлечь потенциальных клиентов. А далее переходим к основной задаче карточки товара – превратить посетителя в покупателя.
Чек-лист: основные маркетинговые элементы страницы товара
Повлиять на успех конвертации посетителя в покупателя помогают проверенные временем и опытом элементы страницы карточки товара. Она может выглядеть по-разному в плане дизайна и размещения информации, но должна содержать всю ключевую информацию, на основе которой пользователь принимает решение о покупке. Условно ее можно разделить на три группы: «Обязательные», «Опциональные» и «Функциональные». Рассмотрим подробнее и не забудем проверить свой интернет-магазин по этому чек-листу.
Обязательные
- Название товара (может включать в себя марку и артикул);
- Заглавное изображение товара (высококачественное, с возможность увеличения);
- Иллюстрации (фотографии с разных ракурсов с опцией масштабирования, видео, 3D-модели);
- Описание и характеристики (уникальные тексты с преимуществами именно этого продукта, подробные параметры лучше размещать в виде таблицы);
- Цена товара (крупным или жирным шрифтом);
- Наличие на складе (важно ставить отметку о наличии, чтобы не обманывать ожидания покупателя о быстром получении заказа);
- Способы оплаты (текстом или значками платежных систем);
- Условия доставки (текстовая информация или автоматический расчет стоимости и сроков доставки прямо на странице товара);
Опциональные
Добавлять опциональные элементы на карточку товаров необходимо, когда у продукта есть различные модификации, от которых может зависеть цена, наличие и, в конце концов, решение совершить покупку.
Среди основных опций:
- Размеры (если это одежда, то также необходимо указывать размерную сетку в сантиметрах);
- Расцветка;
- Виды упаковки;
- Количество и т.д.
Функциональные
- Кнопка «Купить» (также может называться «Добавить в корзину» и размещаться);
- Сообщить о наличии (если товара нет в наличии, то важно дать пользователю возможность забронировать товар заранее, и его уведомить при поступлении);
- Избранное (функционал называют по-разному «Wish List», «Любимое», «Отложенное», но его цель всегда одна – сохранить понравившиеся товары в отдельный список и уже из него совершать покупки);
- Сравнение (должно происходить по характеристикам и давать возможность сразу положить выбранный товар в корзину);
- «Купить в один клик» (позволяет сократить путь до покупки для пользователя при условии быстрой обратной связи со стороны продавца);
- С этим товаром также покупают (дополнительная группа смежных товаров, которая позволит пользователю закрыть все потребности единой покупкой);
- Оценка товара (визуально «звездочки» или цифровые значения, важно, чтобы пользователь сам мог поставить оценку товару);
- Отзывы (непосредственно в карточке товара потенциальный покупатель должен иметь возможность не только почитать отзывы, но и оставить собственный);
- Поделиться в социальных сетях. (текстовая информация или автоматический расчет стоимости и сроков доставки прямо на странице товара);
Дизайн карточки товара как средство повышения конверсииБ
Еще в 2006 году исследования Якоба Нильсена убедительно доказали, что просмотр информации в Интернете имеет определенный паттерн – F-образную траекторию движение взгляда. Конечно, дальнейшие исследования поведения пользователей на страницах сайтов, позволили выделить и другие шаблоны сканирования контента, которые больше зависят от конкретных индивидуальных целей и видов сайтов.
F-образный паттерн долгое время использовался маркетологами и дизайнерами, что в конечном итоге стал привычным для посетителей интернет-магазинов.
Так наиболее конверсионным дизайн карточки товара становится, когда вся ключевая информация о продукте располагается в пределах этой траектории в области покупки.
Мы не говорим о том, что все перечисленные выше в чек-лист элементы нужно «затолкать» в первый экран просмотра, но обеспечить быстрый доступ и навигацию просто необходимо.
Итак, что же такое «Область покупки». Это первый экран, который видит пользователь при загрузке страницы карточки товара. Именно тут важно сразу привлечь внимание, заинтересовать, акцентировать, направить к конверсионному действию. Рассмотрим два примера:
Хороший
И не очень
Заголовок, заглавное фото, цена и кнопка «Купить», как ключевые элементы карточки товара должны быть самыми крупным, яркими, контрастными. Все остальные элементы важно сгруппировать и разместить контенте области покупок так, чтобы не отвлекать на себя внимание.
Расстановка цветовых акцентов также является отличным триггером к совершению конверсионных действий: сделать кнопку «купить» зеленой, подсвечивать/оттенять элементы и ссылки. Отличным решением, влияющим на конверсию, являются:
- дополнительные маркировки «последняя цена»/«распродажа»/«новинка»;
- визуальное отображение скидки (старая/новая цена);
- счетчик просмотров/покупок товаров.
А если не на сайте, то где?
Среди интернет-маркетологов не так давно стал популярен опыт внедрения много функциональных карточке товаров не только на сайте, но и в других онлайн-инструментах. Рассмотрим наиболее интересные, конверсионные и простые с точки зрения реализации для любого магазина.
Карточка товара в email
Обычно в почтовых рассылках информация о продукте выглядит как статичный маленький блок с картинкой, названием, ценой и кнопкой «купить», ведущей на соответствующую страницу сайта. Разнообразить данный блок можно, если сделать акцент на визуальной составляющей: меньше текста, больше «живых» фото и стильных лаконичных деталей. Чтобы не потерять львиную долю покупателей и эффективно использовать это инструмент, важно, чтобы карточки товаров в e-mail рассылках имели адаптивный дизайн.
Карточка товара в AMP письмах
AMP письмо является формой интерактивного взаимодействия с покупателем и рассылки, которые теперь поддерживаются в таких крупных почтовых сервисах, как Gmail, Mail.ru, Yahoo, Outlook. Этот инструмент позволяет добавить галереи из карточек продукции, позволит сократить длину письма, а покупатель сможет легко и быстро найти именно те товары, которые ему необходимы и совершить покупку не закрывая письмо.
Карточка товара в чат-ботах
Добавить карточки товаров в цепочку чат-ботов в мессенджерах – верный шаг к повышению конверсии. Современные инструменты позволяют отправлять потенциальному покупателю не просто ссылку на товар, а полноценную карточку со всеми необходимыми триггерами: названием, кратким описанием, галереей и любыми кнопками для взаимодействия («узнать подробнее», «положить в корзину», «посмотреть похожие» и т.д.).
Как оценить эффективность карточки товара
Теперь Вам стало известно о товарных страницах интернет-магазина чуть больше. И, возможно, Вы даже уже внедрили часть перечисленных элементов на свой сайт. Остается вопрос: как оценить эффективность карточки товаров?
Специалисты «Спектр-Гранд» рекомендуют проводить А/Б-тестирования функционала и дизайна, а далее структурировать и анализировать полученные данные. Внедрение всех маркетинговых возможностей карточки товара одновременно с глобальным изменением внешнего вида страницы может дать и отрицательный эффект (например, для постоянных покупателей).
Оценка поведения пользователей на странице и отслеживание воронки конверсий позволяет улучшать товарные страницы без ущерба удобству и доверию к интернет-магазину. Результатом 100% работы карточки товара является удовлетворение потребности пользователя через достижения цели продавца – совершение покупки.
Трудности в оценке эффективности и улучшении карточки товара в Вашем интернет-магазине? Обращайтесь! Оставляйте заявку на сайте или звоните – мы поможем!