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

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

Страница товара + эффектное УТП = продажа

Если вы продаете конкурентный продукт, представленный на рынке в широком ассортименте, то вероятность его быстрого сбыта заметно снижается. Избежать залежа товара поможет уникальное торговое предложение (УТП). Что же это такое? Это небольшое предложение, которое ярко и понятно доносит выгоды покупателю. Прочитав его, потребитель понимает что ему предлагают, какие преимущества или ценности (или и преимущества, и ценность) получит он, купив продукт в вашем интернет-магазине.

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

  1. Конкретность. Заголовок страницы товара должен быть конкретным и недвусмысленным;
  2. Уникальность. Выгода должна быть уникальной - той, которую не предлагают конкуренты;
  3. Эффективность. Предлагайте главную ценность - такую, мимо которой ни один целевой потребитель не сможет пройти мимо.

Уникальное торговое предложение должно действовать на эмоции покупателя, вызывать не только неподдельный интерес, но и положительные эмоции. Потенциальный клиент должен, прочувствовать преимущества, которые ему важны, что и станет отличным мотиватором для выполнения действия. Для составления отличного УТП рекомендуем прислушаться к следующим советам.

Пример карточки товара интернет-магазина одежды

Предложите клиенту главную ценность

Конкуренция на рынке Украины велика, поэтому очень важно предложить клиенту преимущество, которое его заинтересует и мотивирует к покупке. Это может быть:

  • Быстрая доставка;
  • Подарок при покупке и/или бонусы;
  • Возможность купить в рассрочку или кредит;
  • Бесплатные услуги: сервисное обслуживание, доставка, консультация специалиста (например, диетолога, косметолога, спортивного тренера и т.д.);
  • Гарантия качества от производителя или вашего магазина, которая позволит вернуть или обменять продукт в течение гарантийного срока.

Карточка с информацией о товаре

kartochka tovara 3 min

Карточка товара для интернет-магазина - пример акций с таймером

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

Найдите свое уникальное преимущество

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

Оптимизация карточки товара за счет добавление УТП магазина

Используйте триггеры на посадочной странице товара

Создайте ситуацию, которая подтолкнет посетителя к покупке здесь и сейчас. Это может быть триггер срочности (например, акция на получение скидки либо подарка при покупке товара с отсчетом времени), специальное предложение, бесплатная доставка, бонусы и другие плюшки, которые получит клиент, если купит продукт в эту минуту. Очень хорошо работает триггер по принципу выгода+выгода. Например, гарантия того, что покупатель получит свой товар бесплатно, если не получит его в определенный период времени или гарантия обслуживания при заказе товара по скидке.

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

Качественная интернет страница товара

Правильный и уникальный дизайн карточки товара

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

Дизайн карточки товара

Не знаете как подобрать цветовые сочетания для сайта?  Читайте статью о том, как подобрать цвета для сайта

Главное - слева, дополнительное - справа и идеальное оформление карточки товара - готово!

Так как мы читаем слева направо, то информация лучше воспринимается именно в этом порядке. Поэтому лучше оформлять визитную карточку в этой последовательности. Слева лучше разместить фотографию, справа - основную информацию о товаре: стоимость, условия, выгодные предложения. Здесь же лучше размещать триггеры. Они должны выделяться на общем фоне, поэтому используйте более яркие цвета, но при этом сочетающиеся с общим стилем страницы. Если вы планируете разместить более подробное описание продукта, то лучше размещать его ниже и разбивать текст подзаголовками, чтобы он был удобным для чтения. Объем описания может быть любым, но рекомендуемый - до 1500 тысяч. Однако строгих правил по объему нет, и если вы торгуете узкоспециализированным товаром, имеющим ряд технических особенностей и преимуществ, вытекающих из него, то не ограничивайтесь в объеме описания. Главное, избегайте водяного текста. Каждое ценное преимущество увеличивает шансы конверсии. Узнайте как писать эффективные конкурентные преимущества товаров.

Заголовок страницы товара и мета тег description

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

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

Страница товара с описанием и фото

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

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

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

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

Правильно оформленная посадочная страница товара

На карточке товара важна конверсия

Страница заказа товара

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

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

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

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

Продающий контент товарной карточки

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

Красочные и «вкусные» фотографии товара

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

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

Картинки в карточке товара

Стильна товарная карточка

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

Разместите видео о товаре в карточку

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

Предоставьте клиентам право голоса

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

Также с помощью блока отзывов можно продвигать карточку с помощью SEO и поддерживать качественную обратную связь со своими клиентами, укрепляя доверие к себе и демонстрируя свое отношение к ним. Отличным примером для вас может стать любая карточка товара Яндекс Маркета - она всегда содержит несколько видео и сотни отзывов от клиентов, что очень хорошо работает на доверие потенциального покупателя к товару.

Пишите информативный и интересный текст для карточки товара

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

Итак, хорошее описание продукта должно включать в себя:

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

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

Не знаете как заставить текст на карточке товара продавать? Читайте наши 10+ рекомендаций о том, как написать продающий текст.

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

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

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

  • Тайтлы. Title для карточки товара должен включать в себя основной запрос с уточнением, например, цвета, марки, размера, УТП или призыв к действию. Рекомендуемый размер заголовка - до 75 символов;
  • H1. Первый заголовок должен содержать полное название товара, быть кратким и лаконичным;
  • Alt. Атрибут для тега img описывает картинку в карточке товара и помогает ей ранжироваться в поисковой системе. Он также должен содержать в себе ключевые слова;
  • Мета тег description карточки товара. С точки зрения СЕО дескрипшн принципиальной роли не играет, но указание в нем уникального торгового предложения или призыва к действию может поспособствовать увеличению кликов на ссылку в выдаче.

Доверьте своему программисту работу по автоматической подстановке ключевых слов или LSI слов к основному ключевому запросу, используя и русский, и английский язык (например, указание модели и бренда товара на двух языках). Автоматическая подстановка позволит генерировать тематические подзаголовки к соответствующим блокам. В качестве дополнительных слов могут использоваться слова: «цена», «описание», «технические характеристики», «отзывы», «видео» и др. Например, создается карточка товара для мобильного телефона Samsung Galaxy J7 J700/DS Black. Автоматическая подстановка ключевых слов в заголовки карточки товара может иметь такие шаблоны:

  • Технические характеристики + «Название товара» (Технические характеристики Samsung Galaxy J7 J700/DS Black),
  • Отзывы о «Название товара» (Отзывы о Samsung Galaxy J7 J700/DS Black),
  • и т.п

Для упрощения работы СЕО-оптимизатора доверьте программисту работу по автоматическому внедрению шаблонных тайтлов и дескрипшнов в каждую страницу карточки.

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

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

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

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

Страница товара, которого нет в наличии: удалять или оставить?

Рано или поздно товар на складе заканчивается. Останавливается производство определенной модели продукции, появляются проблемы с логистикой, вы понимаете, что вам не выгодно продавать этот товар и т.д. Что делать в такой ситуации? Рекомендуем воспользоваться следующими рекомендациями.

Оповещайте клиента

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

Предлагайте альтернативу

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

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

Хотите удержать клиента? Разместите в карточке конверсионный блок. Например, кнопку «сообщить о наличии» или «перезвонить, когда появится». Таким образом, вы получите потенциального заказчика, которого сможете конвертировать в клиента в момент появления товара на складе или с помощью холодного звонка с предложением подбора альтернативы.

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

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

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

Так какая она - правильная продающая карточка товара в интернет-магазине?

Подведем итоги о создании идеальной продающей карточки товара. Она должна:

  • Быть разработана в UX-дизайне;
  • Содержать полный объем ценной информации, яркие фотографии, описание, цену, информацию о наличии;
  • Иметь УТП, заголовки, подзаголовки, лидогенерирующие кнопки и призывы к действию;
  • Правильно оптимизирована;
  • Быть функциональной и удобной в пользовании.

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

Хотите интернет-магазин под ключ?

Понравилась статья? Ставьте лайки и подписывайтесь на наш блог.

Оценить работу
1 1 1 1 1 1 1 1 1 1
4.59/5 (оценок - 11)