Веб студия » Блог » Идеальная карточка товара в интернет-магазине
Дата публицакии: 6 мая 2021

Идеальная карточка товара в интернет-магазине

Содержание :

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

Что такое карточка товара, ее значение для интернет-магазина

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

Основные задачи карточки товара:

  • привлечь пользователей;
  • сфокусировать внимание покупателя и пробудить к целевому действию;
  • ответить на важный вопрос “Зачем покупателю это надо?”;
  • сделать желаемое действие (оформление покупки) простым;
  • поднять интернет-магазин в поисковой выдаче. 

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

Шаблон идеальной карточки: основные элементы

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

Идеальный шаблон должен выглядеть так:

  1. Навигационная цепочка — для того, чтобы пользователь быстро перемещался между категориями.
  2. Заголовок. Он должен быть содержательным и полностью отражать суть предложения. Идеальное размещение — верхний левый угол страницы или справа от картинки. Заголовок желательно делать информативный. Например, “Юбка/женская/бренд/модель/цвет”. Такой вот заголовок сразу отображает всю суть и пользователю не нужно судорожно искать глазами, того ли производителя юбка.
  3. Описание. Здесь нужно быть внимательным. Основная задача этого блока — указать особенности товара. Расскажите о его характеристиках о том какая есть размерная сетка. Если у вас интернет-магазин техники, то прикрепите инструкцию, как ею пользоваться (формат pdf), комплектация и пр. Текст не должен состоять из ключевых запросов!
  4. Цена. Здесь указываем актуальную стоимость товара. Если к примеру вы забыли поменять цену (товар подорожал в закупке), то пользователь разочаруется и уйдет к конкурентам. Ваша репутация пошатнется. Если на товар идет скидка, то укажите ее рядом с ценой. Таким образом пользователь поймет сколько он может сэкономить. 
  5. Фото и видео. Так как покупка через Интернет не дает возможность покупателям пощупать товар, оценивать приходится полагаясь на фото. К примеру возьмем юбку. Нужно сделать красивые фото с нескольких ракурсов. Неплохо бы добавить и видеообзор. Не рекомендуем брать стоковые фото. К слову, не забывайте и о функции увеличения, “zoom”.
  6. Отзывы. Более 70% людей предпочитает покупать там, где есть отзывы. Да, люди ценят мнение со стороны. Негативные отклики не нужно удалять. Таким образом вы подтверждаете то, что отзывы написанные реальными людьми. 
  7. Функциональные кнопки. Обязательно разместите иконки, призывающие к действию: “Купить” или “Добавить в корзину”, “Написать отзыв”. Делайте их плавающими, чтобы они всегда оставались на видном месте, при просмотре страницы. 
  8. Дополнительные опции. Это поможет вам повысить конверсию. К дополнительным функциям можно отнести: добавить в избранное, добавить в список желаний, задать вопрос менеджеру и пр. На такой сайт пользователь захочет вернуться, так как здесь удобно.
  9. Важные данные. Покупатель должен знать все о доставке, о способах оплаты, о том можно ли осуществить возврат и пр. Эти вопросы волнуют почти каждого покупателя. Чем больше условий, тем лучше для вашего магазина.
  10.  Рекомендации. Чтобы повысить вероятность последующих продаж рекомендуем разместить блоки рекомендуемых позиций: популярные товары, сопутствующие товары и пр. 

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

Изображение товара – уделяйте внимание визуализации

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

Высокое качество изображений товара

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

Взгляд на продукт со всех сторон

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

Изображение всех вариантов продукта

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

Возможность масштабирования

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

Товары в реальной жизни

Сразу перейдем к примеру. Вы продаете сумки. Человека может заинтересовать вопрос, а не будет ли изделие сильно большим? Для того чтобы ответить на него, достаточно просто разместить фотографии в реальной жизни. Например, девушка держит в руках сумку. То же самое можно сказать и о мебели. Сделайте фото стола (как пример) в интерьере. 

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

Главное — слева, дополнительное — справа

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

Правильно выбирайте цвета карточки

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

Создавайте акценты на конверсионных блоках

На самом деле, каждая карточка товара — это самостоятельный, полноценный лендинг. Здесь нужно разместить не только“вкусное” описание, но и призыв к действию — оформить форму обратной связи. 

К самым главным конверсионным инструментам относят:

  • Купить.
  • Добавить в корзину.

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

Создайте удобный функционал карточки товара

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

Видеодемонстрация продукта

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

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

Описание продукта

Разместить фотографии — мало, нужно к ним добавить и качественное описание продукта. При составлении этого текста, важно учесть несколько нюансов.

Определяем нужные текстовые блоки

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

Рассказываем о товаре

Описание товара должно быть уникальным, интересным и информативным. Объем 500-800 символов. В первых предложениях укажите особенности, функции товара. Технические характеристики, лучше расположить в отдельном блоке. 

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

Форматируем текст

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

Распространенные ошибки при составлении описаний

При составлении карточки товара, нужно помнить, что ошибки неизбежны. Рассмотрим некоторые из них: 

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

Цена и кнопка «Купить»

Основная задача интернет-магазина — продажа товара через Интернет. Значит, кнопка “купить” должна быть удобной и заметной. Проанализируйте, удобная ли она? Никто не будет тратить время на заполнение метровой формы, проще перейти на другой ресурс. Каждый хочет купить товар в один клик. Учтите это. 

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

По данным Vendasta отзывы читают 92% покупателей, при этом 88% принимают решение именно опираясь на них, 76% — формируют свое мнение после 6 отзывов. Рейтинг воспринимается как топовая оценка. Людям проще покупать товар, который уже одобрен пользователями. Стоит воспользоваться этой статистикой. 

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

Рекомендуемые и связанные товары

Существует два основных способа увеличить прибыль своего интернет-магазина:

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

Очевидно, что второй вариант более перспективный, поэтому в карточку товара стоит добавить: “С этим товаром покупают”, “Похожие товары”, “Рекомендуемые”. 

Например, при покупке телефона посоветуйте приобрести чехол, наушники и т.д. 

Сравнение товаров

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

Уведомление о скидках

Конечно человек купит то, что выгодно. И если где-то есть скидки или акции, то купит он товар именно там. Если вы хотите, чтобы покупали товар именно у вас, то сообщайте своим пользователям об акциях. Для этого добавьте: “Следить за ценой”, “Сообщить об акциях”  и пр. 

Кнопка обратного звонка

Чтобы улучшить свою карточку товара, то помните про следующее:

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

Всплывающий чат

Если у покупателя возникнет вопрос он может решить его при помощи лайв-чата. По статистике, всплывающий чат увеличивает конверсию на 45%. Что тоже неплохо. Несколько советов по оформлению всплывающего чата:

  • кнопка чата должна находиться внизу, справа;
  • укажите реальное время ожидания ответа менеджера, даже если это 10-15 минут.

Варианты доставки для пользователя

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

Неплохо разместить калькулятор, который рассчитает стоимость доставки.

Информация о гарантии и возможности возврата

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

Правильная SEO-оптимизация карточки товара в интернет-магазине

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

Пишите правильные теги

К тегам относятся:

  • Tittle — название страницы, которое будет отображено на сайте. В заголовке должен быть ключевой запрос. Для карточек товара — это само название продукта, вещи, предмета. Также сюда входят и заголовки Н1-Н6. Тайтлы тоже должны быть уникальными. Помните, что одинаковый Tittle плохо сказывается на продвижении. 
  • Description — краткое описание страницы (в некоторых случаях сниппет). При этом, он не должен дублировать заголовки. 
  • Alt для картинок. Здесь тоже лучше указать небольшое название товара.

Внедрите микроразметку карточки товара

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

Используйте валидный код

При верстке карточки товара на языке разметки НТML 5 с применением CSS не забывайте использовать валидный код. Важно следить, чтобы не было синтаксических ошибок. 

Почему не нужно удалять карточку товара, которого нет в наличии

Даже если товара нет в наличии, его карточка может принести дополнительный трафик. Сразу к примеру. Если пользователь зашел на товар, которого нет в магазине, при правильном оформлении карточки, он сможет посмотреть “Похожие” варианты. Здесь же можно добавить дополнительную функцию “Уведомление о поступлении”.

Колесников Дмитрий
Технический директор, студии BRAINLAB

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Хотите сделать что-то великое?
Позвольте помочь вам.
Готовы? Свяжитесь сегодня.

Свяжитесь с нами!

info@brainlab.com.ua

Наш офис

Украина, Киев

улица Евгения Сверстюка, 19

Номер телефона

38 (095) 307 888 5

Мы в соц.сетях

Калькулятор стоимости сайта Brainlab

Интересует стоимость разработки сайта? Наш калькулятор дает возможность изучить стоимость каждого этапа и подобрать подходящий под бюджет вариант.
1. Тип сайта
Сайт визитка

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

Подробнее о сайте
Landing Page

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

Подробнее о сайте
Корпоративный
сайт

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

Подробнее о сайте
Сайт-каталог

Представляет собой многостраничный сайт с многоуровневой структурой. Такой сайт содержит каталог продуктов компании, есть возможность указывать цены, скидки, акции, разделять контент для различных групп пользователей (опт/розница).

Подробнее о сайте
Интернет магазин

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

Подробнее о сайте
2. Дизайн
3. Вёрстка
4. Движок CMS
Тип сайта: Не выбрано
0 $
Дизайн: Не выбрано
0 $
Вёрстка: Не выбрано
0 $
Движок CMS: Не выбрано
0 $
Примерная стоимость:0 $
Примерные сроки:0 дней

Хотите сделать что-то великое?
Позвольте нам помочь вам.

Готовы? Свяжитесь сегодня.
Зполните поле
Зполните поле
Зполните поле
Зполните поле
Спасибо за заявку!

Наши менеджеры свяжутся с вами в ближайшее время.