JavaScript must be enabled in order for you to see "WP Copy Data Protect" effect. However, it seems JavaScript is either disabled or not supported by your browser. To see full result of "WP Copy Data Protector", enable JavaScript by changing your browser options, then try again.

Карточка товара в интернет-магазине, часть 1

14.04.2022777

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

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

Карточка товара должна выполнять определенные цели: привлекать внимание, отвечать на вопросы, мотивировать к покупке и присутствовать в поисковой выдаче.

Исходя из этого, сформулируем задачи карточки:

  • подробно представить товар и побудить к покупке;
  • предложить понятный процесс выбора вариантов, если они есть;
  • сделать простым целевое действие – покупку;
  • привлечь внимание к другим товарам (акционным, сопутствующим, похожим и т.д.).

Привычки и эксперименты

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

Это значит, что открывая карточку товара, на первом экране посетитель ожидает вверху увидеть название товара, слева фотографию, справа выбор вариантов, цену и кнопку «Купить». Также справа или внизу он найдет описание. Если же человек пользуется смартфоном, то все элементы выстраиваются сверху вниз примерно в том же порядке: название, картинка, цена, кнопка, описание и т.д. Такой нюанс стоит учитывать при разработке интернет-магазина!

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

Обязательные элементы карточки товара

Оптимальная схема карточки товара в интернет-магазине с примерным расположением основных элементов

1. Заголовок с названием товара

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

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

«GALBIATI рубашка мужская приталенная классическая нарядная однотонная длинный рукав с отложным воротником хлопок 100 % пуговицы Турция»

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

Не будем спорить, но попробуем рассуждать логически.

Что писать в заголовке

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

 

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

Например:
«Рубашка мужская GALBIATI красная 48 размер».
Коротко, содержательно, есть основные ключевые слова.

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

Есть ли смысл в заголовке писать такие опции, как «длинный рукав», «приталенная», «однотонная», «классическая»? Решать вам, но при этом нужно учитывать, по каким запросам люди могут искать ваши товары. Используйте эти ключевые слова в заголовке, но не забывайте про лаконичность – берите самые главные! Все характеристики товара и остальные ключевые слова вы распишите в его описании.

 

В-третьих, по поводу совета сделать меньше размер шрифта. Не нужно пренебрегать работой поисковых систем. А у них мнение однозначное – самый крупный шрифт должен быть у главного заголовка H1. Сделаете меньше шрифт у H1, значит потом придется уменьшать и заголовки более низкого уровня. Разумеется, при этом текст не может быть крупнее заголовков – смогут его прочесть при таком подходе? (рисунок)

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

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

Пример отображения хлебных крошек и длинного заголовка – названия товара на смартфоне

Продолжение следует. Поговорим о картинках…

Поделиться:
Нам важен результат

Поэтому перед тем, как начать работу, сотрудники APRO studio предлагают обсудить ваш проект. Это бесплатно.

Где мы сможем пообщаться?
  • По skype или телефону Договоримся на удобное для вас время и обсудим все вопросы в режим on-line.
  • На личной встрече Если вы находитесь в Германии, организуем встречу в вашем офисе или в офисе агентства APRO studio.


    captcha

    Отправляя заявку, вы даёте согласие на обработку персональных данных.

    Обсудить проект по телефону, WhatsApp или Telegram
    Мы в соцсетях: