что такое карточка товара в интернет магазине
Идеальная товарная карточка: как привлечь максимальное количество пользователей из органики и смотивировать их купить продукт
Многие коммерческие сайты пренебрегают важностью оптимизации карточек товара. В особенности если в ассортименте интернет-магазина более тысячи товаров. Заполнять карточку товара нужно не только чтобы занять топовые места в выдаче, но и замотивировать пользователя совершить конверсию. Ведь даже если страница листинга или главная будут точками входа, по итогу покупка совершается именно с продуктовой страницы. Оптимизировать карточки под поисковые системы также важно: даже если в вашей тематике больше категорийный спрос, нежели товарный, всё равно доля трафика на страницы карточек товара из поиска может составлять более 25%.
В этой статье мы разберём основные моменты, на которые стоит обратить внимание при оптимизации страницы, с целью занять высокие позиции в поисковых системах и увеличить конверсию.
1. Составляем заголовки Title и H1 для карточки товара
Заголовки важны как для поисковых систем, так и для вашей целевой аудитории. Убедитесь, что заголовки страницы вашего товара хорошо продуманы, уместны, читабельны, и последнее, но не менее важное, включают в себя вхождения ключевых слов.
Что важно включить в заголовки:
2. Готовим метатеги Description
Зачастую метаописания носят шаблонный вид, где изменяется только название продукта. Несмотря на то что поисковые системы не рекомендуют заполнять шаблонно метатег Description (свидетельствует о том, что сайту уделяется мало внимания), мы считаем, что это допустимо, так как на ранжирование не влияет. Когда ваши карточки будут в идеальном состоянии (уникальные описания товаров на страницах, качественные медиафайлы и т. д.), можно будет заняться уникализацией Description.
А пока несколько советов, что стоит использовать в метаописании продуктовой карточки:
3. Готовим качественные и уникальные описания товара
Описание товара на странице важно:
Во-первых, с помощью уникальных, качественных и оптимизированных описаний товара увеличиваются шансы ранжироваться выше по ключевым словам, связанным с товаром. Во-вторых, хорошо написанные описания продуктов могут привлечь посетителей и превратить в платящих клиентов.
Не стоит копировать описания товара с сайтов производителей, так как это снизит коэффициент конверсии и позиции из-за дублирующегося контента.
Не пишите тексты ради текстов. Составьте такое описание товара, чтобы нельзя было выкинуть ни одно предложение без потери важной информации.
Чтобы понять, какая информация будет полезна, изучите вопросы и комментарии, которые пользователи пишут про этот товар на других сайтах.
4. Наполняем карточки товара качественным медиаконтентом
Карточки товара без изображений или с фотографиями низкого качества негативно влияют на доверие к сайту и конверсии. Также вы лишаете себя возможности получать трафик из поиска по изображениям.
4.1. Изображения (фотографии) товара
В первую очередь изображения должны быть высокого разрешения и такого размера, чтобы пользователи могли легко увидеть детали продукта и понять, как он будет выглядеть при получении.
Изображения, которые либо слишком маленькие, либо слишком большие (таким образом, что они не умещаются на экране), могут негативно повлиять на пользовательский опыт.
Лучше всего использовать изображения одинакового размера и позволить посетителям сайта увеличивать масштаб, чтобы более детально рассмотреть детали.
Чтобы качественные фотографии не нагружали страницу дополнительным весом и загрузка страницы была быстрой, используйте следующие форматы:
Также следует предварительно сжать изображения, чтобы уменьшить их вес без потери качества, сделать это можно с помощью специальных сервисов:
Чтобы у пользователей была возможность рассмотреть товар с разных ракурсов, следует разместить на странице сразу несколько изображений.
4.2. Видеообзоры товара
Почему видео на странице карточек товара важны:
Наличие видео на страницах положительно сказывается и на конверсиях. Исследование Нила Пателя показало, что потребители на 64-85% чаще покупают после просмотра видео.
Некоторые рекомендации по размещению видео:
4.3. 3D-модели
Ещё одна фишка, которую редко встретишь на сайтах — это 3D-обзор товара. Как и видео на странице, 3D-модели улучшают пользовательский опыт.
5. Используем микроразметку для выгодного отображения в поисковой выдаче и социальных сетях
5.1. Schema.org для товарных карточек
Микроразметка Schema.org сообщает поисковой системе больше информации о продукте. Она может включать такие характеристики, как описание продукта, производителя, модель, название, размеры и цвет, цену, валюту и т. д.
Дополнительным плюсом станет выгодное отображение в поисковой выдаче, что будет мотивировать пользователей переходить на сайт.
Основные пункты, которые следует добавить:
Проверить корректность микроразметки можно инструментом от Google.
5.2. Open Graph для продуктовых страниц
Разметка Open Graph очень похожа на разметку Schema.org. Как и последняя, она разделяет страницу на фрагменты, но они уже, в свою очередь, предназначены не для поисковиков, а для социальных сетей.
Основные пункты, которые следует добавить:
Проверить корректность разметки Open Graph можно дебаггером Facebook.
6. Улучшаем Usability на товарных карточках
Поисковые системы всё больше беспокоятся о своих пользователях и их опыте. Прежде всего, вы должны сделать свой интернет-магазин удобным и полезным для покупателей, чтобы добиться их уважения. Что хорошо и уникально для ваших клиентов — то хорошо для поисковиков.
Когда люди больше времени проводят на вашем сайте и меньше переходят назад на страницу результатов поиска, это самый лучший сигнал для поисковиков.
Разберём несколько способов, как улучшить пользовательский опыт и повысить конверсии.
6.1. Выбор цвета, размера, количества товара
Вся идея состоит в том, чтобы облегчить пользователю поиск и покупку нескольких продуктов одновременно вместо того, чтобы заставлять его возвращаться и покупать снова. Кроме того, если у вас есть продукт, который доступен в разных цветах, размерах, лучше создать его как один продукт с возможностью выбора трёх разных цветов вместо поиска на сайте трёх разных страниц.
6.2. Отображение на мобильных устройствах
Сейчас всё больше пользователей совершают покупки через мобильные устройства. Так, по проведённому в Украине исследованию компанией IPSOS по заказу «Google Украина», 82% покупок одежды/обуви совершили через сайт, при этом каждый третий заказ был размещён и оплачен при помощи мобильного устройства.
Поэтому крайне важно провести тестирование сайта на разных мобильных устройствах и браузерах, чтобы избежать подобных ошибок:
При переходе на карточку товара отсутствовала кнопка «Купить» и вся остальная информация, кроме фотографий
6.3. Время загрузки
Долгое время загрузки сайта отрицательно сказывается на пользовательском опыте:
Так как скорость загрузки — один из важных факторов ранжирования в Google, стоит всерьёз заняться вопросом увеличения скорости загрузки страниц. Подробнее о способах оптимизации скорости загрузки читайте у нас в блоге.
6.4. Возможность сравнивать товары и добавлять в «Избранное»
7. Мотивируем совершить покупку
Даже пользователей, которые приходят на сайт уже с целью купить определённый товар, нужно дополнительно мотивировать завершить покупку, так как любая мелочь может вернуть их на страницу поиска и искать более выгодные условия. Поэтому крайне важно использовать все методы, чтобы раскрыть преимущества оформления заказа на вашем сайте. Всё должно быть удобным и доступным для пользователя: от информации о доставке до процесса оформления online-покупки.
7.1. Раскрываем преимущества оформления заказа на сайте
В первую очередь нужно говорить о своих преимуществах. Даже если это иногда банальные вещи, вашим плюсом будет то, что никто из ваших конкурентов об этом не говорит.
На уровне подсознания у пользователей будет более доверительное отношение к интернет-магазину, даже не посещая главную страницу, страницу «О компании» или другие. Уже со страниц карточек товара идёт чёткий посыл о преимуществах покупки на сайте.
7.2. Информация о доставке, оплате и самовывозе
Основная информация о доставке, способе оплаты и самовывозе должна быть на первом экране продуктовых страниц.
Эта информация интересна любому пользователю. Таким образом вы улучшите его опыт: облегчите ему задачу за счёт того, что не придётся самому искать эту информацию на сайте.
7.3. Гарантии
Информация о гарантиях повышает доверие пользователя. Гарантия возврата денег или бесплатный ремонт изделий обеспечивают спокойствие потребителя. Эти сигналы заверяют потенциальных клиентов, что в случае, если они передумают или будут недовольны покупкой, то их деньги будут защищены.
7.4. Кнопки «Купить», «Купить в 1 клик», «Купить в кредит»
В первую очередь нужно оговорить момент, о котором многие забывают: кнопка купить должна первой бросаться в глаза пользователю, если хотите, чтобы он совершил покупку. Невзрачная кнопка, которая не будет выделяться, не мотивирует пользователей кликать по ней.
При этом, если на продуктовой карточке есть дополнительные кнопки «Купить в 1 клик» или «Купить в кредит», акцент должен быть на одной, а не на трёх сразу, так как внимание пользователя будет рассеиваться.
7.5. Количество товара в наличии
Ничто так не мотивирует пользователя купить товар, как скидки и позиции, которые заканчиваются. Это не означает, что для всех карточек товара нужно указать, что товара остались считанные единицы. Выводите реальные данные. Необязательно указывать точное число, достаточно даже будет сделать шкалу (много — средне — мало).
7.6. Цены и скидки
Расположения цены и скидки также играют немаловажную роль в конверсии. Актуальная цена (со скидкой) должна выделяться на фоне старой: размер шрифта должен быть больше, цвет ярче, шрифт более жирный, левее или ниже от цены без скидки.
Пример неправильного размещения (сначала бросается в глаза цена без скидки)
Пример правильного размещения (первой внимание притягивает актуальная цена)
Горящие акции (с фиксированными сроками) и товар, который заканчивается, тоже являются некими триггерами, которые провоцируют клиента купить товар. Бессрочные акции действуют не так эффективно.
8. Внедряем рейтинг и отзывы о товаре
Живые отзывы и рейтинг, который тоже формируется за счёт оценок покупателей, повышают доверие к сайту. Даже негативные отзывы вероятнее могут смотивировать поискать другой товар на этом сайте, нежели отсутствие их вовсе.
Однозначный плюс в отзывах — пользователи сами создают уникальный контент для вашего интернет-магазина, и это бесплатно (или почти, если вы предлагаете скидку на следующую покупку, если пользователь оставит отзыв). Это положительно скажется и на переобходе страниц поисковыми роботами, так как страница постоянно будет обновляться.
Наличие рейтинга на странице позволит вывести его в сниппет.
9. Даём возможность задать вопрос: в комментариях или online-консультанту
Пользователям часто не хватает общения с консультантом: разузнать подробнее о товаре, подобрать нужный им размер, дополнительно узнать про доставку — вот чего хотят посетители.
Отсутствие такой возможности часто становится камнем преткновения, и пользователи покидают сайт, не получив нужной им информации.
Комментарии, как и отзывы, помогут уникализировать контент на странице. Активное общение в online-чате может поднять конверсию до 4%.
Подробнее о том, как online-консультант повышает конверсию на сайте, читайте в нашем блоге.
10. Внедряем дополнительные товарные предложения
Когда клиент положительно настроен, можно предложить ему приобрести что-то дополнительно к основному товару.
Три вида дополнительных блоков с товаром на продуктовых карточках:
Вместо заключения: для тех, кто дочитал до конца
Ещё несколько советов, как улучшить продуктовые страницы:
Хотите узнавать о новых статьях прямо из фейсбука?
Идеальная карточка товара для интернет-магазина: заполнение и оформление
Карточка товара – это страница интернет-магазина, на которой представлены описание, фото, характеристики товара. Это самый главный тип страниц для интернет магазина, потому что именно с этой страницы совершаются покупки. И именно на эти страницы идет самый конверсионный, низкочастотный трафик.
Поэтому оформлению карточки товара нужно уделить максимум внимания. Необходимо правильно составить описание товара, представить его покупателям. О поисковом продвижении тоже забывать не стоит.
Рекомендуем: Click.ru – маркетплейс рекламных платформ:
Как это сделать – читайте в этом материале.
Правильное заполнение и оформление карточки товара
Условно содержание каждой карточки товара можно разделить на основные и дополнительные элементы. Все они играют свою роль, и создают общее впечатление как о товаре, так и о вашем магазине в целом.
Начнем с основных элементов.
Презентация товара, которая подталкивает купить его даже без чтения описания – это уже половина успеха. И презентовать товар в интернете, где его нельзя потрогать руками, можно только с помощью фото.
Давайте подумаем: в какой магазин заходить приятнее – где одежда аккуратно развешана на вешалках и представлена на манекенах, или туда, где она просто валяется в коробках? Конечно, первое.
Что касается сети, то здесь многое зависит от качества фотографии. Она должна быть:
Отличная функция – зум, или увеличение, чтобы можно было рассмотреть детали типа пуговиц, фурнитуры, надписей и проч.
Приближение при наведение мышки на фотографию товара
Технологии позволяют сделать демонстрацию товара в 3D — например, технику или автомобили. Например, так делает Эльдорадо:
Хочется немного подробнее остановиться именно на одежде. Если вы выбрали для себя эту нишу, позаботьтесь о хороших фотографиях для своего магазина. Для этого лучше всего нанять моделей и фотографа, и сделать хорошие снимки. Не нужно надевать на себя и фотографироваться в зеркало, какая бы хорошая фигура у вас (вашей жены/тещи/бухгалтера) не была. Красивые люди, которые умеют позировать на камеру, стать в правильную позу, продадут ваш товар лучше, чем любое описание. Красиво смотрится на ком-то? Значит и на мне будет не хуже – так думает каждая дама, которая совершает покупки в сети.
Эта девушка точно знает, как сделать так, чтобы любое платье смотрелось на ней шикарно. А то, что она как бы делает селфи (на самом деле снято на профессиональный фотоаппарат), делает фотографию натуральнее.
Не экономьте на фото – это основной элемент карточки товара!
Описание товара
Описание товара должно быть полным и уникальным (по возможности). Очень часто владельцы магазинов падают в две крайности: либо заказывают слепой и в результате глупый рерайт описаний с сайта производителя, либо просто берут описания с сайта производителя, без каких-либо исправлений и дополнений.
Конечно же, идеально – написать свое описание. Как это сделать?
Насколько длинным должно быть описание? Настолько, насколько нужно, чтобы донести до покупателя информацию о нем, без воды дать ответ на интересующие его вопросы.
На сайте книжного магазина, описание оформлено в виде аннотации к произведению
Описание должно быть чётким и понятным. Представьте, словно вы объясняете о товаре покупателю, который зашел в реальный магазин – вот так и надо писать.
Характеристики
Технические характеристики товара, такие как размер, цвет, материал, из которого он изготовлен, вес, позволяют посетителю «пощупать» данную вещь, получить ответы на все вопросы, которые могут остаться после описания. Войдет ли этот диван в мою спальню? Смотри ширину, длину и высоту – и все поймешь.
Перечислите здесь все, что может интересовать покупателя. Берите пример с Amazon: у него очень детальные характеристики у всех товаров. А чтобы эта масса информации не мешала изучать все остальное, их можно свернуть.
Видеообзор
С недавних пор он стал обязательным элементом карточки товара, в особенности тех магазинов, которые торгуют техникой и игрушками. Одно видео может вполне заменить описание – демонстрация товара «вживую» стоит многого. Если вы не добавите видео в карточку, то его пойдут искать на YouTube. Потому что сегодня покупатель точно знает, что должен быть видеообзор товара. Особенно, если это трендовая вещь типа новой модели телефона. Но зачем вам упускать возможность улучшить поведенческие факторы за счет большего времени пребывания на странице?
Снимайте видеообзоры сами или стимулируйте делать это ваших покупателей. Дарите скидку или бонусы взамен за видеообзор приобретенного у вас товара, и делайте карточку товара еще убедительнее и полнее.
Отзывы
Кроме видеообзора, каждый пользователь изучает в сети отзывы о товаре, прежде чем решается на покупку. Это нормально – мы склонны доверять мнению других людей, тех, у кого уже есть определенный опыт.
Один плохой отзыв уже может отпугнуть пользователя от совершения покупки. Но это не значит, что вы должны заказывать хвалебные речи у фрилансеров на биржах. Нет, просто старайтесь продавать хороший товар и обеспечивать достойный сервис.
Оставьте в карточке место для того, чтобы пользователь мог оставить отзыв. И просите их оставлять отзывы – люди ленивы, и никогда не подумают, что нужно написать.
(Да что там, меня один магазин уже полгода просит отзыв написать о купленном товаре — я игнорирую).
Стимулируйте покупателей бонусами, подарками, скидками – так они будут оставлять отзывы куда охотнее.
Вот пример блока отзывов о товаре прямо в карточке. Обратите внимание, добавили еще и шкалу оценок для наглядности:
Отзывы на странице товара – это еще и бесценный с точки зрения SEO пользовательский контент. Он увеличивает общую длину страницы, содержит в себе ключевые слова (каждый напишет в отзыве название товара), и это именно тот контент, который ищут, и который помогает улучшить поведенческие факторы – глубину просмотра и время пребывания на странице.
Рекомендуемые товары
Хотите увеличить средний чек? Тогда не забывайте в карточке товара указать ссылки на другие карточки. Это могут быть:
Гарантия, возврат, условия доставки
Есть у каждого клиента вопросы, на которые нельзя дать ответ в описании или в технических характеристиках, так как эти вопросы касаются уже не товара, а организационных моментов.
Есть ли возврат? Если да, то как вернуть вещь?
Есть ли какие-либо гарантии на товар (в первую очередь касается техники)?
Куда и каким способом осуществляется доставка? Если вы знаете стоимость – укажите и ее.
Вот пример идеального оформления карточки в этом смысле:
Можно все это вынести в отдельный раздел на сайте. Но обязательно данная информация должна присутствовать и в карточке товара. Не заставляйте пользователя блудить по сайту – он может не вернуться обратно в карточку, и не довести до конца процесс покупки.
Дополнительные элементы
Уже приведенных выше элементов вполне достаточно, чтобы убедить посетителя сделать покупку. Но можно еще и подтолкнуть его сделать это быстрее, снять возражения, если снабдить страницу товара дополнительными элементами.
Заполнение метатегов карточки товара для SEO
Кроме, так сказать, видимого наполнения карточки товара, вам нужно позаботиться еще о некоторых элементах, которые отыгрывают важную роль в поисковом продвижении. Это метатеги.
К ним относится title (название страницы), description (описание страницы) и заголовки Н1-Н6.
Title отражается на вкладке браузера и в сниппете в поисковой выдаче. По нему поисковые машины ориентируются, что находится на данной странице. Заголовок обязан включать в себя ключ, и чаще всего для карточки товара это название самого товара. Поэтому тайтл можно составить по следующей формуле:
Title: [Название товара] – купить с доставкой по [ВАШ ГОРОД] и России. Фото, отзывы, цена
Помните, что тайтлы должны быть уникальными. Два одинаковых тайтла создадут дубль, а это плохо сказывается на продвижении. Вписывайте название товара или его ID – в таком случае тайтл уже будет уникальным.
Description представляет собой краткое (максимум 250 знаков) описание страницы. Иногда оно, это писание, тоже участвует в формировании сниппета (это скорее к Google относится). Описание не должно повторять заголовок, а словно дополнять, расширять его. Составить можно по такому примеру:
Description: Продаем [название товара] по оптимальный ценам – от ___ руб. Доставка по по [ВАШ ГОРОД] и России. Заказ товара на сайте и по телефону – [ВАШ ТЕЛЕФОН].
В заголовок Н1 лучше всего вписать название товара.
В описании тоже нужно хотя бы раз вписать основной ключ, по которому продвигается страница, в прямом вхождении.
Пример заполнения метатегов карточки товара
Когда магазин небольшой, то карточки нет труда составлять вручную. И теги все эти заполнить руками (тем более если есть шаблон) – тоже не беда, хотя тоже трудоемкая работа.
Да, это не идеальный вариант, но он сэкономит вам кучу времени и сил.
Старайтесь максимально полно заполнять карточки товара: делать отличные фото, снимать видео, старайтесь предоставить максимально полное описание. Расскажите, какие гарантии есть на товар, и как вы его доставите к покупателю. Предложите купить что-то еще. Чтобы сайт был готов к продвижению, не забывайте заполнять метатеги.