- html5css.dev
- SEO
- SEO продвижение
- Сайт целиком и коммерция
- Карточка товара
Карточка товара
Карточка — страница, на которой принимают решение. Разбираем обязательный состав и то, чем она отличается от копии прайса.
Обязательный состав
- Название так, как товар ищут, а не как он значится в прайсе.
- Цена заметно, без «уточняйте».
- Наличие и срок поставки.
- Кнопка покупки — на первом экране.
- Характеристики таблицей, а не абзацем.
- Фотографии с разных сторон, крупные, с увеличением.
- Доставка и оплата кратко прямо в карточке.
- Отзывы и вопросы покупателей.
- Похожие и сопутствующие товары.
Чем карточка отличается от копии прайса
| Копия прайса | Рабочая карточка |
|---|---|
| Описание поставщика | Свой текст: для чего подходит, для чего нет |
| Фото из каталога производителя | Собственные снимки, в том числе распакованного товара |
| Голые характеристики | Пояснение, что означает каждая |
| «Цена по запросу» | Цена или диапазон |
| Нет отзывов | Отзывы и ответы продавца |
| Нет ограничений | Честно сказано, кому не подойдёт |
Разметка
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Product",
"name":"Название товара","sku":"12345",
"image":["https://example.com/img/tovar-1.jpg"],
"offers":{"@type":"Offer","price":"18900","priceCurrency":"RUB",
"availability":"https://schema.org/InStock",
"url":"https://example.com/tovar/"}}
</script>
Цена и наличие в разметке обязаны совпадать с видимыми на странице и обновляться автоматически. Общий разбор — в уроке о Schema.org.
Варианты товара
Цвета и размеры лучше собирать в одной карточке с переключателем: так не плодятся почти одинаковые страницы. Отдельная страница нужна там, где вариант ищут отдельно как самостоятельный товар. Подробный разбор интерфейса — в уроке о карточках товаров.
Итог
Карточка обязана давать цену, наличие, характеристики и способ купить на первом экране, а отличаться — собственными фотографиями, ответами на вопросы и честными ограничениями. Дальше — доставка и транспортные услуги.
Частые вопросы
Что обязательно должно быть в карточке товара?
Название, цена, наличие, кнопка покупки, характеристики, собственные фотографии, условия доставки и оплаты, отзывы. Всё это — на первом-втором экране, а не в конце страницы.
Можно ли использовать описание от поставщика?
Можно, но оно одинаково у сотни магазинов и ничего не добавляет. Работает то, чего у других нет: ваши фотографии, замеры, ответы на вопросы покупателей, честные ограничения.
Нужна ли разметка Product?
Да. Она позволяет показать в выдаче цену, наличие и рейтинг. Требование одно — данные в разметке должны совпадать с видимыми на странице.
Нужна ли отдельная страница каждому товару?
Да, если по товару есть спрос. Варианты одного товара по цвету или размеру лучше собирать в одной карточке с переключателем.
Вся глава «Сайт целиком и коммерция» — 22 урока
- Соотношение текста и HTML
- Выделения слов в тексте
- Использование заголовков H1, H2, H3
- Наличие мобильной версии сайта
- Структура сайта
- Число страниц сайта
- Простота и удобство использования
- Карта сайта или Sitemap
- Хлебные крошки
- Доменные зоны: ccTLD и gTLD
- Возраст домена
- Выделенный IP-адрес
- Коммерческие факторы ранжирования
- Контактная информация
- Профили компании в социальных сетях
- Отсутствие сторонней рекламы
- Ассортимент товаров
- Карточка товара
- Доставка и транспортные услуги
- Служба поддержки клиента
- Онлайн-консультант
- Скидки и акции