Пн-Пт 9:30-18:00

Как создать идеальную карточку товара?

Апрель 2, 2020

Расскажем, как увеличить продажи с помощью оптимизации карточки товара.

Работа с элементами карточки товара

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

Структурируем информацию

Не стоит изобретать велосипед — мы рекомендуем использовать логически выверенную структуру страниц интернет-магазинов:

  • в левой части страницы название товара и картинка,

  • в правой – цена и яркая кнопка «Купить»,

  • в нижнем блоке характеристики и описания.

Такое расположение элементов значительно упрощает взаимодействие со страницей.

Создаем понятный URL

Бессмысленный набор символов в ссылке не вызывает доверия. В карточке товара рекомендуем использовать человекопонятные URL (ЧПУ). Это позволяет:

  • повысить юзабилити — пользователи больше доверяют ЧПУ, так как понимают, о чем данная страница,

  • упростить навигацию — возможность ориентироваться в логической структуре сайта, уровне вложенности,

  • способствовать продвижению сайта в выдаче — вхождения ключевых слов в url сайта служат дополнительной подсказкой поисковой системе о содержании страницы.

1.jpg

Указываем точное название 

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

2.jpg

Прописываем заголовки и мета-теги

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

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

Рекомендуем отказаться от сокращений в заголовке (за исключением общепринятых — «б/у», «кг», «л» и т. п.).

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

Уникальные и продуманные метатеги вызывают доверие и больше желания перейти по ссылке. Сравните сниппеты:

3.jpg

Размещаем уникальный медиаконтент

В данном случае актуально вспомнить старую поговорку: «Лучше один раз увидеть, чем сто раз услышать». Покупатель должен представить, как он пользуется продуктом, наглядно оценить выгоду покупки товара или услуги.

Рекомендуем рассмотреть дополнительные приемы для изображений, которые повышают конверсию:

  • ZoomВозможность приблизить фото иногда оказывается решающим фактором, подталкивающим к покупке. Разглядеть дополнительную застежку или двойную подкладку - бесценно, когда именно это и искал.

    4.jpg

  • Фото «как в жизни». Демонстрация товара в сравнении с чем-либо избавит от заблуждений по поводу размеров и параметров. Если речь идет, к примеру, об одежде, обязательно указывайте параметры и рост модели.

    5-1.jpg

  • 3D-обзор. Обзор на 360 градусов дает возможность рассмотреть товар со всех сторон. Дайте посетителю сайта возможность «повертеть» товар так, как если бы он изучал его вживую в магазине.

    6.jpg

  • Цветовые опции. Мало добавить в описание перечисление доступных цветов – важно показать на фото, как товар выглядит в том или ином цвете/комплектации. Это значительно сократит количество возвратов.

    7.jpg

Видеообзоры

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

Пишем качественные описания и размещаем характеристики

Качественные, уникальные и хорошо оптимизированные описания помогают выполнить две важных задачи:

  • увеличить вероятность попадания сайта в топ,

  • привлечь внимание пользователей, превращая их в покупателей.

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

С характеристиками обратная ситуация: их лучше взять на сайте производителя. В этом случае вы получаете полные и достоверные данные.

8.jpg

Создаем полезный функционал

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

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

9-1.jpg

Используем микроразметку

Использование микроразметок Schema.org и Open Graph структурирует информацию о товаре и повышает привлекательность сниппета в результатах поисковой выдачи. Вероятность клика по ссылке Вашего магазина возрастает, если в сниппет подтягивается оценка, стоимость и характеристики товара.

10.jpg

Улучшаем юзабилити

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

11.jpg

  • Время загрузки
    Работайте над скоростью загрузки страниц. Низкая скорость приводит к потере клиентов, которые покидают страницу, не дождавшись загрузки. Как следствие, рост показателя отказов, который дает сигнал поисковикам о некачественности сайта, что приводит к снижению позиций в выдаче.

Мотивируем совершить покупку

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

12.jpg

Внедряем дополнительные товарные предложения

  • «С этим товаром покупают»
    Блок с рекомендованными товарами отличный способ дополнить заказ аксессуарами и полезными мелочами, о которых покупатель не подумал.

  • «Похожие товары»
    Полезная функция для тех, кто не определился. Блок с похожими товарами задержит посетителя на сайте, привлекая внимание ассортиментом.

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

13.jpg

Не забываем об очевидных деталях

Полностью раскрываем информацию о товаре и условиях его приобретения:

  • Цена продукта. Рекомендуем указывать розничную цену и стоимость текущей продажи. При этом лучше наглядно отображать количество сэкономленных средств. Помните трюк с перечеркнутой ценой?
  • Оценка товара. Данный параметр для многих людей является показателем качества продукта и может подтолкнуть к совершению покупки растерявшегося посетителя.
  • Отзывы покупателей. Часто их наличие может стать решающим фактором для совершения покупки. Рекомендуем мотивировать своих покупателей оставлять отзывы о приобретенных товарах. Вам – дополнительные конверсии, клиенту – приятный бонус.
  • Условия оплаты и доставки. Укажите все способы оплаты и варианты доставки. Предупредите о платной доставке в карточке товара, а не по факту получения!
  • Информация о наличии товара. Сэкономьте свое время и время клиента — сообщите об отсутствии товара сразу. Покупатель сможет подписаться на оповещения о поступлении или выбрать что-то другое.

Вместо заключения: для тех, кто дочитал до конца

Еще несколько рекомендаций при разработке интернет-магазина:
  • дополняйте товар вопросами и информативными ответами в формате FAQ,

  • добавьте чат для связи с онлайн-консультантом,

  • разместите заметную кнопку «Заказать звонок»,

  • поиск и фильтрация товаров — необходимые функции в Интернет-магазине с большим ассортиментом,

  • информация о гарантии и возвратах,

  • используйте программу лояльности клиентов,

  • не забывайте о сезонных предложениях и праздниках.

Успехов в продажах!