В этой статье мы расскажем про SEO-оптимизацию карточек товаров - что это такое, какие методы использовать для оптимизации, и как в итоге повысить конверсию. Мы поделимся своим опытом и практическими советами, которые помогут вам сделать карточки товаров более привлекательными для покупателей и поисковых систем.
1. Что такое SEO-оптимизация карточек товаров
Определение и цели оптимизации
SEO-оптимизация карточек товаров - это комплекс мер по улучшению внешнего вида, информативности и релевантности страниц с описанием конкретных товаров. Цель такой оптимизации - повысить видимость карточек в поисковой выдаче, привлечь больше трафика и увеличить конверсию, то есть процент посетителей, которые совершают покупку.
Оптимизированные карточки товаров не только лучше ранжируются в поиске, но и выглядят более привлекательно для покупателей. Они содержат полную информацию о товаре, качественные фото и понятную структуру. Это помогает пользователю быстрее принять решение о покупке и повышает доверие к интернет-магазину в целом.
Основные элементы карточки товара
Давайте разберемся, из каких основных элементов состоит типичная карточка товара:
- Заголовок - название товара, которое должно быть информативным, включать ключевые слова и привлекать внимание.
- Изображения - качественные фото товара с разных ракурсов, возможностью увеличения и дополнительными фото деталей.
- Описание - подробная текстовая информация о товаре, его характеристиках, преимуществах и назначении.
- Цена и условия покупки (наличие, доставка, гарантия).
- Отзывы покупателей и рейтинг товара.
- Рекомендации сопутствующих или похожих товаров.
- Кнопка добавления в корзину и другие призывы к действию.
Все эти элементы важны для оптимизации и влияют на решение пользователя о покупке. Разберем каждый из них подробнее.
2. Текстовая оптимизация
Оптимизация заголовков и мета-тегов
Заголовок карточки товара - один из важнейших элементов для SEO-оптимизации. Он должен четко отражать суть предложения и включать ключевые слова, по которым пользователи ищут такой товар. В то же время заголовок должен быть привлекательным и побуждать кликнуть на него.
Заголовок оформляется в теге <h1>. Важно чтобы на странице был только один такой заголовок. Также ключевые слова нужно включать в мета-теги Title и Description, которые участвуют в формировании сниппета в поисковой выдаче. Например, для карточки iPhone 14 заголовок и мета-теги могут выглядеть так:
- Title: Купить iPhone 14 Pro 128 ГБ серый космос - Цена, фото, описание
- Description: Новый iPhone 14 Pro 128 ГБ в цвете серый космос. Официальная гарантия, бесплатная доставка по Москве. Успейте купить по лучшей цене!
- H1: iPhone 14 Pro 128 ГБ серый космос
Важно чтобы текст в тегах был уникальным для каждой карточки. Мета-описание не должно быть слишком длинным (оптимально - до 150 символов), а заголовок h1 должен отличаться от тега Title.
Оптимизация описаний
Полнота и качество описания товара напрямую влияют на конверсию. Хороший текст должен не только предоставлять исчерпывающую информацию о продукте, но и продавать его, выделяя преимущества и уникальные особенности.
С точки зрения SEO текст описания тоже очень важен. Он должен быть уникальным, структурированным, содержать ключевые слова в нужной пропорции. Но не забываем, что текст пишется в первую очередь для людей. Поэтому он должен хорошо читаться, быть простым и понятным.
При оптимизации описания товара стоит придерживаться следующих рекомендаций:
- Делить текст на абзацы и списки для лучшей читаемости.
- Использовать подзаголовки, таблицы, графические элементы для структурирования информации.
- Писать простым и понятным языком, избегать сложных терминов и канцеляризмов.
- Делать акцент на выгодах и решении проблем покупателя, а не просто на характеристиках.
- Органично включать ключевые фразы, избегать переспама.
- Выделять целевые действия (купить, заказать) призывами и ссылками.
Оптимальный размер текста описания - от 1000 до 3000 символов. Этого обычно достаточно чтобы подробно рассказать о товаре и в то же время не перегрузить страницу лишним контентом.
3. Визуальная оптимизация
Качество и оптимизация изображений
Визуальная составляющая играет огромную роль для конверсии. Качественные фото и видео товара, 3D-модели - все это позволяет покупателю лучше рассмотреть товар и принять решение о покупке.
При этом с точки зрения SEO картинки тоже нужно оптимизировать:
- Использовать форматы JPEG, PNG или WebP.
- Оптимизировать размер файлов, чтобы страница быстрее загружалась. Большинство изображений должны весить не более 100-200 КБ.
- Добавлять alt-текст с ключевыми словами ко всем картинкам. Он помогает поисковым системам понять содержание изображений.
- Использовать уникальные и качественные изображения, а не скачанные с фотостоков.
- Оптимизировать название файлов - оно тоже должно содержать ключевые слова и быть человекочитаемым.
Также стоит позаботиться об удобстве просмотра изображений - предусмотреть возможность увеличения и просмотра с разных ракурсов, добавить лупу и т.п.
Дизайн и юзабилити карточки
Дизайн карточки товара должен быть не только привлекательным и современным, но и удобным для пользователя. Грамотная SEO-оптимизация карточек без хорошего юзабилити не даст желаемых результатов.
Вот основные UX-рекомендации по оформлению карточки:
- Сделать страницу визуально привлекательной и не перегруженной. Использовать достаточно пространства, не располагать элементы слишком тесно.
- Обеспечить удобную навигацию и поиск нужной информации. Самое важное (фото, цена, кнопка заказа) разместить вверху страницы.
- Сгруппировать связанную информацию в блоки, например характеристики, условия покупки, отзывы.
- Карточка должна нормально выглядеть на мобильных устройствах и быстро загружаться. Адаптивный дизайн - обязательное условие.
- Призывы к действию (купить, в корзину) должны быть хорошо заметны и интуитивно понятны.
Также имеет смысл провести A/B-тестирование разных вариантов дизайна и расположения элементов, чтобы выбрать наиболее конверсионный. То, что хорошо выглядит, не всегда лучше продает.
4. Коммерческие факторы
Отзывы и рейтинг товара
Отзывы реальных покупателей - мощнейший инструмент продаж. Даже не самый лестный, но честный отзыв повышает доверие к магазину. А хорошие отзывы и высокий рейтинг просто творят чудеса с конверсией.
Поисковые системы тоже любят отзывы. Часто они выводятся в расширенных сниппетах и повышают CTR. А еще отзывы - это источник естественных ключевых слов, которые добавляют странице тематической релевантности.
Поэтому советуем:
- Позволять оставлять отзывы только реальным покупателям.
- Мотивировать их писать развернутые комментарии, а не только ставить оценки.
- Публиковать как положительные, так и отрицательные отзывы. Но модерировать их на предмет спама, мата и т.п..
- Разместить отзывы и рейтинг на видном месте, сразу под фото и ценой.
- Разрешить сортировку и фильтрацию отзывов (по дате, оценке, наличию фото и т.д.).
Кстати, наличие отзывов на странице товара может повысить его позиции даже в поиске по информационным запросам - например, обзорам или сравнениям.
Поведенческие факторы
Поведение пользователей на сайте - один из важнейших коммерческих факторов ранжирования. Поисковые системы учитывают и метрики вовлеченности (среднее время на сайте, количество просмотров), и конверсионные факторы (клики по кнопкам, заказы).
Чтобы улучшить поведенческие факторы карточки товара, нужно не только заниматься SEO-оптимизацией, но и работать над юзабилити, удобством и привлекательностью страницы в целом. Вот несколько конкретных советов:
- Разместить самую важную информацию и кнопки призыва к действию вверху страницы, чтобы посетитель сразу их видел.
- Настроить перелинковку с другими релевантными страницами сайта (категориями, похожими товарами). Это увеличит глубину просмотра.
- Добавить блок "С этим товаром покупают" или "Похожие товары". Он помогает удержать пользователя и стимулирует к дополнительным покупкам.
- Реализовать удобные фильтры, поиск, сортировку для быстрой навигации.
- Указать несколько способов связи с магазином, работающие контакты и оперативно отвечать на вопросы покупателей.
- Сделать кнопку добавления в корзину максимально заметной, желательно sticky, т.е. плавающей при прокрутке.
Общая цель всех этих улучшений - увеличить время пребывания посетителя на странице, вовлечь его в изучение товара и сайта, подтолкнуть к покупке и к возврату на сайт в будущем. Ну и конечно, соблюсти базовые требования поисковых систем к юзабилити.
5. Технические факторы
Оптимизация скорости и мобильности
Скорость загрузки и корректность отображения карточки товара на разных устройствах - это базовые факторы хорошего ранжирования. Причем важна не только общая скорость, но и то, как быстро загружается контент в видимой области экрана.
Оптимизировать загрузку карточки можно такими способами:
- Использовать оптимизированные изображения и ленивую загрузку для контента ниже первого экрана.
- Минимизировать размер и количество файлов CSS, JS. Не подключать лишние скрипты.
- Включить кеширование и сжатие на сервере.
- Оптимизировать работу самого движка сайта, запросы к базе данных.
- Использовать CDN для ускорения загрузки статики.
Чтобы проверить скорость, можно использовать такие инструменты как Google PageSpeed Insights, GTmetrix, Sitespeed. Они покажут общую оценку и дадут рекомендации по ускорению.
Что касается адаптивности, то сейчас более 60% трафика в Рунете приходится на мобильные устройства. Поэтому критически важно, чтобы карточка товара корректно отображалась не только на десктопах, но и на смартфонах и планшетах. Причем недостаточно просто "сжать" контент под маленький экран. Нужно адаптировать весь интерфейс и логику работы под особенности мобильных:
- Применить адаптивную или отзывчивую верстку, проверить на разных разрешениях экрана.
- Увеличить кнопки и отступы для удобства нажатий пальцем.
- Оптимизировать формы заполнения, убрать лишние поля.
- Заменить ховеры (недоступные на touchscreen) альтернативными способами вызова.
- Настроить автоматическое определение геолокации для персонализации контента.
- Реализовать AMP-версию карточки для ускоренной загрузки с мобильного поиска.
Мобильный трафик особенно важен для онлайн-магазинов, потому что люди все чаще выбирают и покупают товары со смартфонов. В некоторых нишах (например, фэшн) доля мобильных заказов достигает 80%. Поэтому проработка мобильного опыта - must have для коммерческого сайта.
Микроразметка Schema.org
Микроразметка позволяет передать поисковым системам дополнительную информацию о товаре в структурированном виде. Благодаря этому сайт может получить богатые сниппеты в выдаче, а также повысить шансы на попадание в блок с товарами.
Самый популярный вид микроразметки - Schema.org. Для интернет-магазинов рекомендуется использовать следующие типы:
- Product - для карточек товаров. Позволяет указать название, описание, цену, рейтинг, валюту, доступность и другие данные о продукте.
- Offer - информация о предложении: цена, срок действия, продавец и т.д.
- AggregateRating - средняя оценка товара и количество отзывов.
- Review - для отзывов, содержит автора, дату, текст и оценку.
- BreadcrumbList - для хлебных крошек, указывает иерархию страниц.
Чтобы внедрить микроразметку, можно прописать ее вручную, сгенерировать на сайтах-генераторах или подтянуть данные из YML-фида. Главное - следить за актуальностью и валидностью разметки, использовать соответствующие типы и атрибуты для своей тематики.
Выводы
Итак, мы рассмотрели основные методы оптимизации карточек товаров для повышения конверсии и улучшения поискового ранжирования. Комплексная SEO-оптимизация карточек включает в себя работу над текстами, визуалом, юзабилити, коммерческими и техническими факторами.
Вот ключевые моменты, которые нужно проработать в рамках этого процесса:
- Оптимизировать заголовки, мета-теги, описания, Alt-тексты картинок под ключевые запросы.
- Использовать качественные и оптимизированные изображения, добавить видео, 3D-модели.
- Улучшить дизайн и юзабилити карточки: структурировать информацию, сделать удобную навигацию, адаптировать под мобильные.
- Работать с отзывами и рейтингом как ценным пользовательским контентом.
- Повысить скорость загрузки, особенно на мобильном.
- Внедрить микроразметку Schema.org для расширенных сниппетов и участия в блоке с товарами.
Часто задаваемые вопросы
1. Как понять, какая информация важна для карточки товара, а какая - нет?
Нужно исходить из интересов целевой аудитории. Составьте список вопросов, которые обычно задают покупатели по этой категории товаров, и давайте на них четкие ответы в описании. А второстепенную информацию можно вынести в дополнительные вкладки или разделы.
2. Сколько изображений товара оптимально для карточки?
Чем больше, тем лучше. Но с точки зрения конверсии, достаточно 3-5 качественных фото с разных ракурсов, чтобы составить полное впечатление о товаре. Также желательно добавить несколько фото "в интерьере", с живыми людьми для ощущения масштаба и стиля.
3. Как побудить пользователей оставлять больше отзывов?
Есть несколько проверенных способов: попросить об отзыве на странице благодарности после покупки, отправить email-рассылку через пару недель после заказа, дать скидку или бонусы за отзыв, опубликовать отзывы с других площадок (маркетплейсы, соцсети). Главное - не скатываться к накруткам и публиковать и положительные, и отрицательные мнения.
4. Надо ли создавать AMP-версии карточек товаров?
AMP-формат хорошо ускоряет загрузку страниц на мобильных устройствах, особенно в регионах с медленным интернетом. Но технология пока применима в основном для статей и landing page. Для полноценных интернет-магазинов есть ряд ограничений, поэтому universal AMP пока не получил широкого распространения. Но за этой технологией будущее в мобильной коммерции.
5. Может ли повредить избыточная оптимизация текстов?
Безусловно! Переспам ключевыми словами, шаблонные тексты, многократные повторы - все это может привести к фильтрам и потере позиций. Оптимизация должна быть умеренной и естественной. Ваш ориентир - интересный и полезный контент для посетителей, а не для поисковых роботов.