Карточка товара на сайте интернет-магазина | Сайтодром

Какой должна быть продающая карточка товара. Эффективные продажи в интернет-магазине

Создание сайтов

Карточка товара — это информация о товаре, размещенная в интернет-магазине.

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

Почему важна карточка товара?

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

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

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

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

Как сделать карточки, которые будут «продавать»:

  1. Качественные фото. Сделайте профессиональную съёмку ваших продуктов, хорошо если товары будут показаны с разных ракурсов.
  2. Хлебные крошки. Путь, по которому покупатель может вернуться в предыдущий раздел, посмотреть общую страницу каталога.
  3. Возможность увеличения картинки. Людям важно рассмотреть детали, на небольшом фото в каталоге сделать это не получается.
  4. Описание товара достаточно подробное, но емкое. Сконцентрируйтесь на основных характеристиках и преимуществах этого продукта перед другими из того же раздела.
  5. Читабельный шрифт. Он должен легко читаться с любых устройств, витиеватые «надуманные» шрифты читаются плохо и отвлекают внимание от товара.
  6. Цена и информация о скидках и акциях находятся на видном месте. Стоимость — фактор, который интересует покупателя в первую очередь. Если она не видна сразу, он может просто закрыть страницу сайта. Если у вас на данный товар выгодное предложение, или он сейчас на акции, подчеркните это.
  7. Логика расположения контента. Фото-описание-призыв к действию. Все эти элементы должны располагаться последовательно и логично. Человек должен сразу понимать, что он может сделать с товаром. Рассмотреть, прочитать, положить в корзину или добавить в избранное и т.д.
  8. Блок с вариациями товара. Человек находится на странице товара, где показана помада. Покажите, что эта же модель представлена в разных тонах, продумайте удобный переход к ним.
  9. Информация о размерах. Это касается магазинов, продающих мебель, обувь и одежду.
  10. Информация о доставке. В карточке обязательно должны быть показаны все опции по доставке.
  11. Кнопка «Поделиться». Принимая решение о покупке человек часто хочет посоветоваться с кем-то. Дайте ему возможность сделать это проще и быстрее.
  12. Отзывы. Товар с отзывами вызывает больше доверия и желания его приобрести.
  13. Возможность добавление в «Избранное». Не всегда посетитель готов купить сразу, иногда ему нужно время подумать, посоветоваться с кем-то, накопить денег. Если он может оставить товар в избранном, вероятность того, что он вернется за ним именно в ваш магазин возрастает.

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

Что ещё можно добавить в карточку товара?

Опционально в карточке также могут быть:

  • Функционал сравнения товаров.
  • Блок с похожими товарами.
  • Информация о гарантии и сертификатах.
  • Видеообзор товара.
  • Функция «Сообщить, когда появится в наличии».
  • Информация о том, сколько товара осталось на складе.
  • Возможность подписаться на товар и отслеживать изменения цены.

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

Как расположить все элементы в карточке?

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

Классическим считается такое расположение:

  1. Слева — фото товара.
  2. Справа — краткое описание, цена, кнопка «Купить», информация об акциях.
  3. Внизу — подробное описание, дополнительные характеристики, отзывы, рейтинг и другие сопутствующие элементы.

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

Правила SEO-оптимизации продающих карточек товаров

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

  • Использование микроразметки schema.org
    Эта разметка структурирует данные на сайте для поисковиков. Благодаря ей поисковые системы понимают, какую информацию взять для отображения в расширенном сниппете. В случае с карточкой товара это будут его фото, основные характеристики, стоимость. Привлекательный сниппет увеличивает кликабельность сайта и его ранжирование в поиске.
  • Настройка генерации мета-тегов
    Для небольших магазинов прописывать мета-теги можно вручную. На крупных порталах в этом помогут специальные плагины, которые умеют заполнять мета-теги автоматически.
  • Позаботьтесь об атрибутах Alt и Title для картинок
    Атрибут Alt отображается в случаях, когда само изображение по каким-то причинам не загрузилось. Вместо него пользователь увидит текст. Так он сможет узнать о содержимом картинки.
    Title показывает дополнительную информацию об изображении при наведении на него курсором.
    При грамотной проработке этих элементов можно получить дополнительный трафик по картинкам из поисковых систем.
  • Продумайте для всех страниц товаров ЧПУ-ссылки
    Хорошо, если URL будут хорошо читаться и восприниматься простыми пользователями. Так вы упростите для них навигацию по сайту и повысите юзабилити. Если добавить в ЧПУ ключевые слова (название товара), то поисковикам будет проще понимать содержимое страницы и они с большей вероятностью покажут его выше в выдаче.
  • Уберите дубли карточек товаров
    Если один товар подходит для разных категорий и у него там разные URL, пропишите атрибут rel=»canonical». Так вы укажете системе основной адрес карточки.
  • Добавляйте карточки в sitemap.xml и проверяйте на индексацию
    Для быстрой индексации поисковиками карточки необходимо добавлять в карту сайта.
    Карточки, которые не индексируется не приводят трафик на сайт. Проверит индексацию можно через Яндекс. Вебмастер или плагин RDS-bar.
  • Качественное текстовое описание товара
    Текст в описании должен быть ёмким, желательно до 250 символов, seo-оптимизированным и уникальным. Соблюдайте баланс между пользой для покупателей и seo. Текст должен легко читаться и восприниматься, при этом содержать ключевые слова и четкую структуру. Не берите тексты с сайтов производителей.

Тестирование карточек товаров

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

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

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