Add new pages for FAQ, Sustainability, Contacts, Technical Requirements, Glossary, and related content

- Created FAQ page with structured questions and answers for customer support.
- Added Sustainability page detailing eco-friendly practices and certifications.
- Introduced Contacts page with comprehensive contact information and forms.
- Established Technical Requirements page outlining SEO and performance standards.
- Compiled a Glossary of terms related to performance, SEO, and construction materials.
This commit is contained in:
2026-02-18 00:04:25 +02:00
parent 0e3a6b61a8
commit e395b2ab84
39 changed files with 2950 additions and 0 deletions

View File

@@ -0,0 +1,234 @@
---
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 — Для архитекторов]]