Ivan Liashkevich
ef38a90059
- Created a sustainability page with detailed eco-friendly practices and certifications. - Added a contacts page featuring multiple communication channels and company details. - Introduced a comprehensive technical requirements document covering Core Web Vitals and SEO best practices. - Developed a glossary of terms related to performance, SEO, technical development, and marketing.
235 lines
8.0 KiB
Markdown
235 lines
8.0 KiB
Markdown
---
|
||
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 — Для архитекторов]]
|