---
tags:
  - сайт
  - страница
  - товар
  - seo
  - schema
url: /catalog/{category}/{product-slug}/
created: 2026-02-16
---

# 🧱 Карточка товара

> [!tip] Роль страницы
> Ключевая конверсионная страница. Максимум информации для принятия решения + визуализация + путь к конверсии (образец / дилер / расчёт).

## Мета-данные

| Поле | Значение |
|---|---|
| **Title** | `{Название продукта} — фасадная плитка/кирпич \| {Бренд}` |
| **Description** | `{Название}: {цвет}, {формат} мм, {текстура}. Характеристики, фото кладки, цена от производителя. Заказать образец.` |
| **Schema** | `Product` + `BreadcrumbList` + `FAQPage` + `AggregateRating` |

---

## Блоки страницы

### 1. Breadcrumbs

```
Главная > Каталог > {Категория} > {Продукт}
```

- **Schema:** `BreadcrumbList`

---

### 2. Галерея изображений (левая колонка)

- 5-8 фото:
	- Крупный план текстуры
	- Фото кладки (несколько кирпичей вместе)
	- Фото на реальном объекте
	- 360° поворот (если доступно)
- Zoom-on-hover
- Формат: AVIF/WebP, `srcset` для разных экранов
- **Alt-тег:** `«{название} — фасадный кирпич {цвет} {формат} текстура крупным планом»`

> [!important] LCP
> Главное фото — LCP-элемент. Preload с `fetchpriority="high"`.

---

### 3. Основная информация (правая колонка)

- **H1:** Название продукта
- Коллекция (ссылка на серию)
- Формат: `250 × 120 × 65 мм`
- Цветовые вариации — swatches (реальные фото текстур, кликабельные)
- **Цена:** за м² / за штуку
- Наличие: «В наличии» / «Под заказ — {N} дней»
- **Кнопки:**
	- ==**«Заказать образец»**== (primary, яркий CTA)
	- `Добавить в сравнение`
	- `Скачать TDS` (PDF)
	- `Рассчитать расход` → [[10 — Калькулятор расхода]]

> [!warning] Mobile
> Sticky-панель снизу: цена + «Заказать образец» + «Где купить»

---

### 4. Табы с информацией

#### Таб «Характеристики»

| Параметр | Значение | Schema property |
|---|---|---|
| Размеры (Д×Ш×В) | 250 × 120 × 65 мм | `width`, `height`, `depth` |
| Вес | 3.2 кг | `weight` |
| Водопоглощение | ≤ 6% | `additionalProperty` |
| Морозостойкость | F100 | `additionalProperty` |
| Прочность на сжатие | ≥ 30 МПа | `additionalProperty` |
| Теплопроводность | 0.7 Вт/(м·К) | `additionalProperty` |
| Группа скользкости | R10 | `additionalProperty` |
| Стандарт | ДСТУ / EN 771-1 | `additionalProperty` |

#### Таб «Описание»

- 200-400 слов экспертного текста
- Области применения
- Особенности поверхности
- Рекомендации по дизайну
- Внутренние ссылки на связанные статьи [[11 — Блог]]

#### Таб «Монтаж»

- Рекомендации по укладке
- Тип клея и расход
- Ширина шва и тип затирки
- Ссылка на видео инструкцию

---

### 5. Конфигуратор-виджет (inline)

- «Посмотрите этот кирпич на фасаде»
- Выбор:
	- Тип кладки (ложковая / фламандская / штабельная)
	- Цвет затирки
- Рендер в реальном времени (WebGL, lazy load)
- **CTA:** `Открыть полный конфигуратор` → [[09 — Конфигуратор фасада]]

---

### 6. Использовано в проектах

- Слайдер 3-5 проектов с этим продуктом
- Фото + название + город
- Ссылки → [[08 — Галерея проектов]]

> E-E-A-T: Experience — реальные объекты

---

### 7. Совместимые продукты

- Угловые элементы
- Подоконники
- Затирки
- Клеевые смеси
- Каждый — карточка с фото, ценой, ссылкой

> Cross-sell + internal linking

---

### 8. Похожие товары

- 4-6 товаров: по цвету, формату или коллекции
- Карточки аналогичные каталогу
- **Цель:** удержание + альтернативный выбор

---

### 9. Документы для скачивания

| Документ | Формат | Аудитория |
|---|---|---|
| Technical Data Sheet | PDF | Все |
| Сертификат соответствия | PDF | Архитекторы, подрядчики |
| Tileable-текстуры | JPG 4K+ / PBR | Архитекторы, визуализаторы |
| BIM / Revit-семейство | RFA | Архитекторы |
| DWG-узлы | DWG | Проектировщики |

→ См. также [[06 — Для архитекторов]]

---

### 10. Отзывы

- Отзывы строителей / архитекторов
- Рейтинг (звёзды), фото, имя, проект
- **Schema:** `Review` + `AggregateRating` → звёзды в SERP

---

### 11. FAQ по продукту

Примеры вопросов:
- «Подходит ли для цоколя?»
- «Какой клей использовать?»
- «Расход на 1 м²?»
- «Можно ли использовать для интерьера?»
- «Какой запас брать при покупке?»

- **Schema:** `FAQPage` → FAQ rich snippet в SERP

---

### 12. Sticky-панель (mobile)

- Зафиксированная снизу экрана
- Содержит: цена + «Заказать образец» + «Где купить»
- **CRO:** CTA всегда в зоне видимости

---

## Product Schema (JSON-LD)

```json
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Клинкерный кирпич Madrid Red",
  "image": ["url1.avif", "url2.avif"],
  "description": "...",
  "brand": { "@type": "Brand", "name": "{Бренд}" },
  "manufacturer": { "@type": "Organization", "name": "{Компания}" },
  "material": "Клинкерная глина",
  "color": "Красный",
  "width": { "@type": "QuantitativeValue", "value": "120", "unitCode": "MMT" },
  "height": { "@type": "QuantitativeValue", "value": "65", "unitCode": "MMT" },
  "depth": { "@type": "QuantitativeValue", "value": "250", "unitCode": "MMT" },
  "weight": { "@type": "QuantitativeValue", "value": "3.2", "unitCode": "KGM" },
  "additionalProperty": [
    { "@type": "PropertyValue", "name": "Водопоглощение", "value": "≤6%" },
    { "@type": "PropertyValue", "name": "Морозостойкость", "value": "F100" },
    { "@type": "PropertyValue", "name": "Прочность на сжатие", "value": "≥30 МПа" }
  ],
  "offers": {
    "@type": "Offer",
    "priceCurrency": "UAH",
    "price": "25.00",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "reviewCount": "86"
  }
}
```

---

## Связанные страницы

- [[02 — Каталог]]
- [[09 — Конфигуратор фасада]]
- [[10 — Калькулятор расхода]]
- [[08 — Галерея проектов]]
- [[06 — Для архитекторов]]
