commit 8b137e567b6926e4c12929b04660e15ad2f7a5cc Author: Ivan Liashkevich Date: Mon Feb 16 23:09:05 2026 +0200 Add landing pages for architects and builders, project gallery, configurator, calculator, blog, FAQ, sustainability, and contacts; implement technical requirements and SEO strategies for improved performance and user engagement. diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f6b6248 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.obsidian/ diff --git a/00 — Карта сайта.md b/00 — Карта сайта.md new file mode 100644 index 0000000..dc5bc23 --- /dev/null +++ b/00 — Карта сайта.md @@ -0,0 +1,59 @@ +--- +tags: + - сайт + - структура + - sitemap +created: 2026-02-16 +--- + +# 🗺️ Карта сайта — Производитель фасадной плитки и кирпича + +> [!info] TL;DR +> 14 страниц, оптимизированных под E-E-A-T, Core Web Vitals и тренды 2026 (AI-поиск, AR-визуализация, WebGPU). Структура основана на анализе конкурентов (Feldhaus Klinker, Cerrad, Ströher, Wienerberger, King Klinker). + +## Sitemap + +``` +/ (Главная) +├── /catalog/ → [[02 — Каталог]] +│ ├── /catalog/fasadnaya-plitka/ +│ │ └── /catalog/fasadnaya-plitka/{product-slug}/ → [[03 — Карточка товара]] +│ ├── /catalog/oblitsovochnyy-kirpich/ +│ ├── /catalog/klinkernyy-kirpich/ +│ ├── /catalog/termopaneli/ +│ └── /catalog/aksessuary/ +├── /projects/ → [[08 — Галерея проектов]] +├── /configurator/ → [[09 — Конфигуратор фасада]] +├── /calculator/ → [[10 — Калькулятор расхода]] +├── /about/ → [[04 — О компании]] +├── /dealers/ → [[05 — Представительства]] +├── /for-architects/ → [[06 — Для архитекторов]] +├── /for-builders/ → [[07 — Для строителей]] +├── /samples/ (форма заказа образцов) +├── /blog/ → [[11 — Блог]] +├── /sustainability/ → [[13 — Экологичность]] +├── /faq/ → [[12 — FAQ]] +├── /contacts/ → [[14 — Контакты]] +├── /privacy-policy/ +└── /sitemap.xml +``` + +## Навигация по файлам + +| Страница | Файл | URL | +|---|---|---| +| Главная | [[01 — Главная]] | `/` | +| Каталог | [[02 — Каталог]] | `/catalog/` | +| Карточка товара | [[03 — Карточка товара]] | `/catalog/{cat}/{slug}/` | +| О компании | [[04 — О компании]] | `/about/` | +| Представительства | [[05 — Представительства]] | `/dealers/` | +| Для архитекторов | [[06 — Для архитекторов]] | `/for-architects/` | +| Для строителей | [[07 — Для строителей]] | `/for-builders/` | +| Галерея проектов | [[08 — Галерея проектов]] | `/projects/` | +| Конфигуратор | [[09 — Конфигуратор фасада]] | `/configurator/` | +| Калькулятор | [[10 — Калькулятор расхода]] | `/calculator/` | +| Блог | [[11 — Блог]] | `/blog/` | +| FAQ | [[12 — FAQ]] | `/faq/` | +| Экологичность | [[13 — Экологичность]] | `/sustainability/` | +| Контакты | [[14 — Контакты]] | `/contacts/` | +| Тех. требования | [[15 — Технические требования]] | — | diff --git a/01 — Главная.md b/01 — Главная.md new file mode 100644 index 0000000..73554e8 --- /dev/null +++ b/01 — Главная.md @@ -0,0 +1,161 @@ +--- +tags: + - сайт + - страница + - главная + - seo +url: / +created: 2026-02-16 +--- + +# 🏠 Главная + +> [!tip] Роль страницы +> Первое впечатление, навигационный хаб, витрина бренда. Максимум доверия и конверсии за первый экран. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `{Бренд} — Производитель фасадной плитки и кирпича \| {Город/Страна}` | +| **Description** | `Фасадная плитка и облицовочный кирпич от производителя. Клинкер, термопанели, аксессуары. Доставка по {регион}. Бесплатные образцы.` | +| **Schema** | `Organization` + `WebSite` + `SearchAction` | + +--- + +## Блоки страницы + +### 1. Hero-секция (полноэкранная) + +> [!important] LCP-элемент — оптимизировать в первую очередь + +- Видео/фото объекта с продукцией компании (full-bleed) +- **H1:** «Фасады, которые служат поколениям» +- Подзаголовок с ключевым УТП +- **2 CTA:** + - `Каталог продукции` → [[02 — Каталог]] + - `Подобрать фасад` → [[09 — Конфигуратор фасада]] +- Формат: AVIF/WebP с `srcset`, poster-кадр для видео + +--- + +### 2. Категории продукции (4-6 карточек) + +- Визуальная сетка категорий: + - Фасадная плитка + - Облицовочный кирпич + - Клинкер + - Термопанели + - Аксессуары +- Каждая карточка: фото текстуры + название + количество товаров +- **Цель:** внутренняя перелинковка на категории [[02 — Каталог]] +- Alt-теги: `«фасадная клинкерная плитка — каталог {Бренд}»` + +--- + +### 3. Конфигуратор-тизер + +- Интерактивный блок: «Примерьте фасад онлайн» +- Превью конфигуратора с анимацией смены текстур на 3D-доме +- **CTA:** `Попробовать` → [[09 — Конфигуратор фасада]] + +> [!note] Дифференциатор +> По анализу конкурентов (Feldhaus Klinker, Ströher) — конфигуратор фасада является главным конкурентным преимуществом. + +--- + +### 4. Преимущества / УТП (3-5 карточек) + +Иконки + анимированные цифры: +- `30+ лет` производства +- `F100` морозостойкость +- `50 лет` гарантии +- `Собственные карьеры` сырья +- `Бесплатные образцы` + +> E-E-A-T: сигналы опыта и экспертности + +--- + +### 5. Избранные проекты (слайдер) + +- 3-6 проектов: фото + название + город + использованный продукт +- Ссылки на полные кейсы → [[08 — Галерея проектов]] +- **Цель:** Social proof + E-E-A-T (Experience) + +--- + +### 6. Калькулятор-тизер + +- «Рассчитайте расход за 30 секунд» +- Мини-форма: площадь стены → количество кирпича/плитки + стоимость +- **CTA:** `Точный расчёт` → [[10 — Калькулятор расхода]] +- **Цель:** лид-генерация через полезный инструмент + +--- + +### 7. Отзывы / Социальное доказательство + +- Карусель отзывов архитекторов и строителей +- Каждый отзыв: фото, имя, компания, название проекта +- Интеграция Google Reviews +- **Schema:** `Review` + +--- + +### 8. Блог-превью (3 статьи) + +- Карточки: изображение + заголовок + дата + время чтения +- Категории: «Технологии», «Дизайн», «Монтаж» +- Ссылки → [[11 — Блог]] +- **Цель:** топикальная авторитетность, свежий контент + +--- + +### 9. Экологичность-баннер + +- «Зелёное строительство» — сертификаты (EPD, ISO 14001) +- Вклад в LEED/BREEAM +- **CTA:** `Узнать больше` → [[13 — Экологичность]] + +> [!tip] Тренд 2026 +> ESG-требования становятся обязательными при выборе материалов архитекторами + +--- + +### 10. Представительства / Где купить + +- Мини-карта + поиск по городу +- «Найдите ближайшую точку продаж» +- **CTA:** `Все представительства` → [[05 — Представительства]] +- **Schema:** `LocalBusiness` + +--- + +### 11. Подписка на рассылку + +- Email-форма: «Получайте новинки и проектные решения» +- Privacy-согласие (чекбокс) +- Exit-intent popup с предложением скачать каталог PDF + +--- + +### 12. Footer (все страницы) + +- Контакты: телефон, email, физический адрес +- Меню сайта (дублирование навигации) +- Соцсети: Instagram, Facebook, YouTube, LinkedIn, Pinterest +- Логотипы сертификатов (ISO, CE) +- Юридическая информация, Privacy Policy +- **Schema:** `Organization` + +--- + +## Связанные страницы + +- [[02 — Каталог]] +- [[09 — Конфигуратор фасада]] +- [[10 — Калькулятор расхода]] +- [[08 — Галерея проектов]] +- [[05 — Представительства]] +- [[15 — Технические требования]] diff --git a/02 — Каталог.md b/02 — Каталог.md new file mode 100644 index 0000000..88379a8 --- /dev/null +++ b/02 — Каталог.md @@ -0,0 +1,136 @@ +--- +tags: + - сайт + - страница + - каталог + - seo +url: /catalog/ +created: 2026-02-16 +--- + +# 📦 Каталог — Все товары + +> [!tip] Роль страницы +> Центр выбора продукции. Двойная навигация (коллекции + товары), мощная фильтрация, визуальные swatches текстур. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Каталог фасадной плитки и кирпича — {Бренд} \| Все коллекции` | +| **Description** | `{N}+ видов фасадной плитки, облицовочного и клинкерного кирпича от производителя. Фильтр по цвету, формату, текстуре. Цены, образцы, доставка.` | +| **Schema** | `ItemList` + `BreadcrumbList` | + +--- + +## Блоки страницы + +### 1. Breadcrumbs + +``` +Главная > Каталог +``` + +- **Schema:** `BreadcrumbList` → breadcrumbs в SERP + +--- + +### 2. H1 + вводный текст + +- **H1:** «Каталог фасадной плитки и кирпича» +- 150-300 слов уникального экспертного текста о типах продукции, материалах, применении + +> [!important] Критично для SEO +> Уникальный контент на листинге обязателен. Конкурент Cerrad использует описательный текст на каждой категориальной странице — это позволяет ранжировать каталог по информационным запросам. + +--- + +### 3. Двойная навигация + +> [!note] Best practice от Cerrad +> Переключатель: **«По коллекциям»** / **«Все товары»** + +- **По коллекциям:** визуальные карточки с lifestyle-фото (серия + стиль + кол-во товаров) +- **Все товары:** сетка с фильтрами + +Два пути к товару = разные ключевые запросы + выше конверсия. + +--- + +### 4. Панель фильтров (sidebar / top-bar) + +| Фильтр | Тип | Примечание | +|---|---|---| +| Категория | Чекбоксы | Фасадная плитка, кирпич, клинкер, термопанели | +| Цвет | **Визуальные swatches** | Реальные фото текстур, НЕ цветные кружки | +| Формат | Чекбоксы | NF / DF / RF / WF / Long format | +| Текстура | Чекбоксы | Гладкий / Рустик / Ручная формовка / Античный | +| Применение | Чекбоксы | Фасад / Цоколь / Интерьер / Мощение | +| Морозостойкость | Диапазон | F25 — F100 | +| Цена | Слайдер | Мин — Макс | +| Доп. | Тоглы | Новинки / В наличии / Акция | + +> [!warning] Техническое +> - AJAX-фильтрация без перезагрузки (INP < 200ms) +> - `rel=canonical` на основную страницу для faceted navigation +> - `noindex` на комбинации фильтров с низкой ценностью + +--- + +### 5. Сетка товаров + +Карточка товара в сетке: +- Фото текстуры (основное) +- Hover → второе фото (кладка на стене) +- Название +- Формат (мм) +- Цена за м² / за штуку +- Бейджи: `NEW` / `ХИТ` / `АКЦИЯ` +- Кнопки: `В сравнение` + `Заказать образец` + +Клик → [[03 — Карточка товара]] + +--- + +### 6. Сравнение товаров (sticky-панель) + +- Плавающая панель внизу экрана +- Появляется при добавлении первого товара в сравнение +- Показывает миниатюры выбранных товаров (до 3) +- **CTA:** `Сравнить` +- Увеличивает время на сайте + помогает принять решение + +--- + +### 7. SEO-текст внизу страницы + +- Развёрнутый текст (300-500 слов) о выборе фасадной плитки/кирпича +- Советы по подбору по архитектурному стилю +- Внутренние ссылки на категории и статьи [[11 — Блог]] + +--- + +### 8. Пагинация + +- Гибрид: кнопка «Показать ещё» + пагинация с номерами +- `` для crawler +- Lazy loading изображений (Intersection Observer) + +--- + +## Технические SEO-требования каталога + +- [ ] URL фильтров: не индексировать комбинации → `robots.txt` / `noindex` +- [ ] Canonical: все фильтрованные → основная категория +- [ ] Image sitemap для всех товаров +- [ ] Сортировка: по популярности (default), по цене, по новизне +- [ ] Mobile: фильтры в drawer, sticky CTA «Заказать образец» + +--- + +## Связанные страницы + +- [[01 — Главная]] +- [[03 — Карточка товара]] +- [[11 — Блог]] +- [[15 — Технические требования]] diff --git a/03 — Карточка товара.md b/03 — Карточка товара.md new file mode 100644 index 0000000..4c114de --- /dev/null +++ b/03 — Карточка товара.md @@ -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 — Для архитекторов]] diff --git a/04 — О компании.md b/04 — О компании.md new file mode 100644 index 0000000..77750e5 --- /dev/null +++ b/04 — О компании.md @@ -0,0 +1,115 @@ +--- +tags: + - сайт + - страница + - о-компании + - eeat +url: /about/ +created: 2026-02-16 +--- + +# 🏭 О компании + +> [!tip] Роль страницы +> Главная страница E-E-A-T. Доверие, экспертность, опыт. Обязательна для Google-оценки качества сайта. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `О компании {Бренд} — Производитель фасадной плитки и кирпича с {год} года` | +| **Description** | `{Бренд} — {N} лет производства фасадной плитки и кирпича. Собственные карьеры, современное оборудование, {N}+ стран экспорта.` | +| **Schema** | `Organization` + `AboutPage` | + +--- + +## Блоки страницы + +### 1. Hero + +- Фото производства / команды (full-width) +- **H1:** «{Бренд}: {N} лет создаём фасады» +- **Цель:** E-E-A-T — Experience + +--- + +### 2. История компании (интерактивный таймлайн) + +- Scroll-triggered анимация (тренд 2026: data storytelling) +- Ключевые вехи: + - Год основания + - Запуск первой производственной линии + - Начало экспорта + - Получение ключевых сертификатов + - Запуск новых коллекций + - Открытие шоурумов/представительств +- Каждая веха: дата + краткий текст + фото + +--- + +### 3. Цифры компании + +Анимированные счётчики: +- `{N}+` лет на рынке +- `{N} млн` м² произведено +- `{N}` стран экспорта +- `{N}+` объектов облицовано +- `{N}` сотрудников + +--- + +### 4. Производство + +- Фото/видео-тур по заводу +- Этапы: карьер → подготовка сырья → формовка → обжиг → контроль качества → упаковка +- Экспертный текст о технологии производства + +> [!note] E-E-A-T: Experience + Expertise +> Видео must be оптимизировано: poster + lazy load + Video schema + +--- + +### 5. Команда + +- Фото + имена + должности ключевых специалистов: + - Директор + - Главный технолог + - Руководитель R&D + - Руководитель отдела продаж +- Ссылки на LinkedIn +- **Цель:** эти люди — авторы технических статей в [[11 — Блог]] + +--- + +### 6. Сертификаты и награды + +- Сетка логотипов: ISO 9001, ISO 14001, CE, ДСТУ, EPD, отраслевые награды +- Каждый кликабельный → скачать PDF сертификата +- **Schema:** `hasCertification` + +--- + +### 7. Миссия и ценности + +- Иконки + краткий текст: + - 🎯 Качество + - 🌱 Экология → [[13 — Экологичность]] + - 💡 Инновации + - 🤝 Партнёрство + +--- + +### 8. CTA-блок + +- «Хотите стать партнёром?» → [[05 — Представительства]] +- «Нужна консультация?» → [[14 — Контакты]] + +--- + +## Связанные страницы + +- [[01 — Главная]] +- [[05 — Представительства]] +- [[13 — Экологичность]] +- [[11 — Блог]] +- [[14 — Контакты]] diff --git a/05 — Представительства.md b/05 — Представительства.md new file mode 100644 index 0000000..9e81a9a --- /dev/null +++ b/05 — Представительства.md @@ -0,0 +1,113 @@ +--- +tags: + - сайт + - страница + - представительства + - дилеры + - local-seo +url: /dealers/ +created: 2026-02-16 +--- + +# 📍 Представительства / Где купить + +> [!tip] Роль страницы +> Критическая точка конверсии B2B/B2C. Дилерский локатор + посадочные по городам для локального SEO. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Где купить фасадную плитку {Бренд} — Представительства и дилеры` | +| **Description** | `{N} точек продаж фасадной плитки {Бренд} в {N} городах. Найдите ближайшего дилера, шоурум или склад.` | +| **Schema** | `LocalBusiness[]` + `BreadcrumbList` | + +--- + +## Блоки страницы + +### 1. H1 + подзаголовок + +- **H1:** «Где купить продукцию {Бренд}» +- Подзаголовок: «{N} точек продаж в {N} городах {страны}» + +--- + +### 2. Поиск дилера + +- Поле поиска по городу / почтовому индексу +- Кнопка геолокации: «Найти рядом со мной» (Geolocation API) +- Фильтр по типу: Шоурум / Дилер / Склад + +--- + +### 3. Интерактивная карта (full-width) + +- Карта с пинами всех представительств +- Кластеризация маркеров при масштабировании +- Клик по пину → popup: + - Название + - Адрес + - Телефон, email + - Часы работы + - Фото + - Ссылка «Построить маршрут» +- **Технология:** Google Maps / Leaflet (opensource) +- **Schema:** `LocalBusiness` для каждой точки + +--- + +### 4. Список представительств + +> [!note] Для SEO +> Дублирование данных карты текстом — crawler не читает интерактивную карту. + +- Карточки с фильтром по региону/типу: + - Логотип партнёра + - Адрес + - Контакты + - Типы продукции в наличии + - «Построить маршрут» (Google Maps deeplink) + +--- + +### 5. CTA для партнёров + +- «Хотите стать дилером {Бренд}?» +- Анкета заявки: компания, ИНН, город, контактное лицо, телефон, email +- **Цель:** B2B лид-генерация + +--- + +### 6. CTA для покупателей + +- «Не нашли в вашем городе? Закажите напрямую» +- Форма: имя, телефон, город, выбор продукта +- **Цель:** конверсия при отсутствии дилера + +--- + +## Посадочные по городам + +> [!important] Локальное SEO +> Создать уникальную страницу для каждого крупного города. + +**URL:** `/dealers/{город}/` + +| Элемент | Содержание | +|---|---| +| **Title** | `Фасадная плитка {Бренд} в {Город} — Дилеры и представительства` | +| **H1** | `Где купить фасадную плитку {Бренд} в {Город}` | +| **Контент** | Уникальный текст (100-200 слов) + список дилеров в городе + карта | +| **Schema** | `LocalBusiness` с `areaServed` | + +Примеры городов: Киев, Харьков, Одесса, Днепр, Львов... + +--- + +## Связанные страницы + +- [[01 — Главная]] +- [[02 — Каталог]] +- [[03 — Карточка товара]] +- [[14 — Контакты]] diff --git a/06 — Для архитекторов.md b/06 — Для архитекторов.md new file mode 100644 index 0000000..e63a8c6 --- /dev/null +++ b/06 — Для архитекторов.md @@ -0,0 +1,100 @@ +--- +tags: + - сайт + - страница + - посадочная + - архитекторы + - b2b +url: /for-architects/ +created: 2026-02-16 +--- + +# 📐 Для архитекторов (посадочная) + +> [!tip] Роль страницы +> B2B-посадочная для архитекторов и проектировщиков. BIM-файлы, текстуры, спецификации — всё для включения продукта в проект. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Для архитекторов — BIM-файлы, текстуры и спецификации \| {Бренд}` | +| **Description** | `BIM-библиотека (Revit, DWG, IFC), PBR-текстуры 4K, TDS и сертификаты. Бесплатно для архитекторов и проектировщиков.` | +| **Schema** | `WebPage` + `BreadcrumbList` | + +--- + +## Блоки страницы + +### 1. Hero + +- «Проектируйте с {Бренд}» +- Фото знакового архитектурного объекта с продукцией +- **CTA:** `Скачать BIM-библиотеку` + +--- + +### 2. BIM / CAD библиотека + +- Revit-семейства (RFA) +- DWG-узлы (AutoCAD) +- IFC-файлы (BIM) +- Фильтр по типу продукта +- **Регистрация для скачивания** (лид-генерация) + +> [!note] SEO +> Целевые запросы: «BIM фасадный кирпич», «Revit клинкер скачать» + +--- + +### 3. Текстуры для визуализации + +- Tileable-текстуры в высоком разрешении (4K+) +- PBR-карты: albedo, normal, roughness, displacement +- Совместимость: 3Ds Max, Blender, SketchUp, Unreal Engine +- Предпросмотр текстуры на 3D-плоскости + +--- + +### 4. Техническая документация + +- Technical Data Sheet (TDS) — PDF +- Сертификаты соответствия +- Протоколы испытаний (EN / ДСТУ) +- Детали крепления (узлы) +- EPD (Environmental Product Declaration) → [[13 — Экологичность]] + +--- + +### 5. Конфигуратор + +- Ссылка на 3D-конфигуратор фасада → [[09 — Конфигуратор фасада]] +- «Визуализируйте кладку в реальном времени» + +--- + +### 6. Кейсы с архитекторами + +- Проекты с комментариями архитекторов +- «Почему выбрали {Бренд}» +- Фото + имя архитектора + бюро + ссылка на объект +- → См. также [[08 — Галерея проектов]] + +> E-E-A-T: Experience + Social proof + +--- + +### 7. Форма консультации + +- «Подберём решение для вашего проекта» +- Поля: имя, email, телефон, описание проекта, загрузка чертежа +- **Цель:** квалифицированный B2B лид + +--- + +## Связанные страницы + +- [[03 — Карточка товара]] +- [[08 — Галерея проектов]] +- [[09 — Конфигуратор фасада]] +- [[13 — Экологичность]] diff --git a/07 — Для строителей.md b/07 — Для строителей.md new file mode 100644 index 0000000..743a3e1 --- /dev/null +++ b/07 — Для строителей.md @@ -0,0 +1,101 @@ +--- +tags: + - сайт + - страница + - посадочная + - строители + - b2b +url: /for-builders/ +created: 2026-02-16 +--- + +# 🔨 Для строителей (посадочная) + +> [!tip] Роль страницы +> B2B-посадочная для строительных бригад и подрядчиков. Инструкции по монтажу, калькулятор, сертификация монтажников. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Для строителей — Инструкции по монтажу, калькулятор расхода \| {Бренд}` | +| **Description** | `Видео-инструкции по укладке фасадной плитки, калькулятор расхода, таблицы совместимости клеев. Программа сертификации монтажников.` | +| **Schema** | `WebPage` + `HowTo` + `BreadcrumbList` | + +--- + +## Блоки страницы + +### 1. Hero + +- «Надёжный материал для профессионалов» +- Фото процесса монтажа на реальном объекте +- **CTA:** `Скачать инструкцию по монтажу` + +--- + +### 2. Видео-инструкции по монтажу + +- Пошаговые видео: + - Подготовка основания + - Нанесение клея + - Укладка плитки / кирпича + - Затирка швов + - Работа с углами и откосами +- Длительность каждого видео, привязка к типам продуктов +- **Schema:** `HowTo` → How-to rich results в SERP +- Встроенный YouTube + дубль на сайте + +--- + +### 3. Калькулятор расхода + +- Встроенный → [[10 — Калькулятор расхода]] +- Площадь → количество кирпича + клей + затирка + крепёж +- Скачать расчёт в PDF + +--- + +### 4. Таблица совместимости + +| Тип продукта | Рекомендуемый клей | Затирка | Крепёж | +|---|---|---|---| +| Клинкерная плитка NF | Ceresit СМ 17 | Ceresit CE 43 | — | +| Термопанели | — | — | Дюбель-гриб 10×120 | +| Облицовочный кирпич | Раствор М75 | Цветной кладочный | — | + +--- + +### 5. Сертификационная программа + +- «Станьте сертифицированным монтажником {Бренд}» +- Обучение (онлайн + очно) +- Выдача сертификата +- Попадание в реестр рекомендуемых бригад на сайте +- **Цель:** лояльность + B2B лид-генерация + +--- + +### 6. Партнёрская программа + +- Скидки для постоянных подрядчиков +- Приоритетные поставки +- Бесплатная доставка от {N} м² +- **CTA:** `Стать партнёром` + +--- + +### 7. Форма + +- «Получить оптовый прайс» +- Поля: компания, телефон, email, объём закупки +- **Цель:** B2B-конверсия + +--- + +## Связанные страницы + +- [[10 — Калькулятор расхода]] +- [[02 — Каталог]] +- [[05 — Представительства]] +- [[03 — Карточка товара]] diff --git a/08 — Галерея проектов.md b/08 — Галерея проектов.md new file mode 100644 index 0000000..79ea7b4 --- /dev/null +++ b/08 — Галерея проектов.md @@ -0,0 +1,90 @@ +--- +tags: + - сайт + - страница + - проекты + - портфолио + - eeat +url: /projects/ +created: 2026-02-16 +--- + +# 🏗️ Галерея проектов + +> [!tip] Роль страницы +> Главный инструмент E-E-A-T (Experience). Реальные объекты = социальное доказательство + вдохновение + SEO по запросам «фасад из кирпича фото». + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Проекты с фасадной плиткой {Бренд} — Фото облицовки домов и зданий` | +| **Description** | `{N}+ реализованных проектов с фасадной плиткой и кирпичом {Бренд}. Частные дома, коммерческие здания. Фото, архитекторы, использованные материалы.` | +| **Schema** | `CollectionPage` + `ImageObject[]` | + +--- + +## Блоки страницы + +### 1. H1 + вводный текст + +- **H1:** «Наши проекты» +- 100-200 слов о разнообразии применения продукции +- Упоминание количества реализованных проектов + +--- + +### 2. Фильтры + +| Фильтр | Варианты | +|---|---| +| Тип здания | Частный дом / Коммерческий / Общественный / Многоквартирный | +| Продукт | Выбор из каталога | +| Цвет | Визуальные swatches | +| Город / регион | Текстовый поиск | +| Архитектор / бюро | Текстовый поиск | + +--- + +### 3. Masonry-сетка проектов + +- Magazine-style layout (тренд 2026) +- Карточка проекта: + - Фото (главное) + - Hover: второе фото + overlay с деталями + - Название проекта + - Город + - Использованный продукт (кликабельная ссылка → [[03 — Карточка товара]]) +- Lazy loading изображений + +--- + +### 4. Страница отдельного проекта (`/projects/{slug}/`) + +- Full-width галерея (lightbox, swipe) +- **H1:** название проекта +- Описание проекта (200-400 слов) +- Архитектор / бюро (с ссылкой, если есть сайт) +- Список использованной продукции → ссылки на [[03 — Карточка товара]] +- Карта локации +- **Schema:** `ImageObject` с `license` + `author` + +> [!important] Перелинковка +> Каждый проект ссылается на конкретные карточки товаров → мощный internal linking. + +--- + +### 5. CTA + +- «Хотите показать свой проект?» +- Форма: загрузка фото + описание + контакты +- **Цель:** UGC-контент + сбор кейсов + +--- + +## Связанные страницы + +- [[03 — Карточка товара]] +- [[01 — Главная]] +- [[06 — Для архитекторов]] +- [[09 — Конфигуратор фасада]] diff --git a/09 — Конфигуратор фасада.md b/09 — Конфигуратор фасада.md new file mode 100644 index 0000000..119b4cc --- /dev/null +++ b/09 — Конфигуратор фасада.md @@ -0,0 +1,100 @@ +--- +tags: + - сайт + - страница + - конфигуратор + - ar + - визуализация +url: /configurator/ +created: 2026-02-16 +--- + +# 🎨 Конфигуратор фасада + +> [!tip] Роль страницы +> Главный дифференциатор (конкуренты: Feldhaus Klinker, Ströher). Увеличивает время на сайте в 3-5 раз. Ключевой конверсионный инструмент. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Конфигуратор фасада — Визуализируйте кирпич на вашем доме \| {Бренд}` | +| **Description** | `Онлайн-конфигуратор фасада: выберите кирпич, тип кладки и цвет затирки. Посмотрите, как будет выглядеть ваш дом. AR-режим на мобильном.` | +| **Schema** | `WebApplication` + `BreadcrumbList` | + +--- + +## Блоки / Функциональность + +### 1. Выбор шаблона / загрузка фото + +- **10+ шаблонов домов:** + - Одноэтажный + - Двухэтажный + - Коттедж + - Таунхаус + - Коммерческое здание +- **ИЛИ** загрузка своего фото фасада +- AI-сегментация: автоматическое выделение зон стен + +--- + +### 2. Панель продуктов + +- Каталог текстур из [[02 — Каталог]] с превью +- Фильтр: цвет / формат / коллекция +- Drag & drop текстуры на зоны фасада +- Возможность разных текстур на разных зонах (цоколь отдельно) + +--- + +### 3. Настройки кладки + +| Параметр | Варианты | +|---|---| +| Тип кладки | Ложковая / Фламандская / Штабельная / Ёлочка | +| Цвет затирки | 10+ вариантов (визуальные swatches) | +| Ширина шва | 8 / 10 / 12 мм | + +- Рендеринг в реальном времени (WebGL / WebGPU) + +--- + +### 4. Панель финализации + +- **Сохранить проект** (аккаунт или по ссылке) +- **Скачать рендер** (PDF / PNG) +- **Поделиться ссылкой** (unique URL) +- ==**«Заказать образцы выбранных продуктов»**== (primary CTA) +- `Рассчитать стоимость` → [[10 — Калькулятор расхода]] +- `Найти дилера` → [[05 — Представительства]] + +--- + +### 5. AR-режим (mobile only) + +- «Наведите камеру на стену» +- WebXR overlay текстуры на реальную поверхность +- Progressive enhancement: работает как 2D на слабых устройствах + +> [!note] Технология 2026 +> WebXR API + 8th Wall / AR.js. Без установки приложения. + +--- + +## Технические требования + +- [ ] WebGL / WebGPU для рендеринга +- [ ] Lazy load конфигуратора (не блокировать LCP первого экрана) +- [ ] Progressive enhancement: 2D fallback на low-end +- [ ] Mobile-first (большинство пользователей — смартфоны) +- [ ] PWA-возможности для офлайн-работы (выставки, стройки) + +--- + +## Связанные страницы + +- [[02 — Каталог]] +- [[03 — Карточка товара]] +- [[10 — Калькулятор расхода]] +- [[05 — Представительства]] diff --git a/10 — Калькулятор расхода.md b/10 — Калькулятор расхода.md new file mode 100644 index 0000000..2021a32 --- /dev/null +++ b/10 — Калькулятор расхода.md @@ -0,0 +1,100 @@ +--- +tags: + - сайт + - страница + - калькулятор + - инструмент + - лидогенерация +url: /calculator/ +created: 2026-02-16 +--- + +# 🧮 Калькулятор расхода + +> [!tip] Роль страницы +> Инструмент лид-генерации. Реальная польза = высокий intent. PDF-расчёт в обмен на контакт. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Калькулятор расхода фасадной плитки и кирпича — Онлайн расчёт \| {Бренд}` | +| **Description** | `Рассчитайте количество фасадной плитки или кирпича на ваш дом. Укажите площадь стены — получите расход, вес, стоимость. Бесплатный онлайн калькулятор.` | +| **Schema** | `WebApplication` + `FAQPage` + `BreadcrumbList` | + +--- + +## Блоки страницы + +### 1. H1 + инструкция + +- **H1:** «Калькулятор расхода фасадной плитки и кирпича» +- Краткая инструкция (2-3 предложения) + +> [!note] SEO +> Целевые запросы: «калькулятор кирпича онлайн», «расчёт плитки на фасад», «сколько кирпича на дом» + +--- + +### 2. Пошаговый wizard + +> Wizard (multi-step) конвертирует лучше, чем одна длинная форма. + +**Шаг 1:** Выбор продукта +- Выпадающий список или визуальная сетка → товары из [[02 — Каталог]] + +**Шаг 2:** Размеры стены +- Длина (м) × Высота (м) +- ИЛИ: Общая площадь (м²) + +**Шаг 3:** Вычеты +- Количество окон (стандарт / нестандарт с размерами) +- Количество дверей +- Другие проёмы + +**Шаг 4:** Параметры кладки +- Тип кладки (ложковая / фламандская / штабельная) +- Ширина шва (мм) + +**Шаг 5:** Результат + +--- + +### 3. Результат расчёта + +| Показатель | Значение | +|---|---| +| Количество штук | {N} шт. | +| Площадь | {N} м² | +| Общий вес | {N} кг | +| Расход клея | {N} мешков ({N} кг) | +| Расход затирки | {N} кг | +| **Стоимость материалов** | **{N} грн** | + +- **CTA:** `Скачать PDF-расчёт` (в обмен на email → лид) +- **CTA:** `Отправить расчёт на email` + +--- + +### 4. CTA-блок + +- `Заказать эту продукцию` → [[05 — Представительства]] +- `Получить точный расчёт от менеджера` → форма (имя, телефон, email, комментарий) + +--- + +### 5. FAQ + +- «Как учесть подрезку?» — рекомендуем +10% запас +- «Какой запас брать?» — 5-10% на подрезку и бой +- «Как измерить площадь сложного фасада?» — разбить на прямоугольники +- **Schema:** `FAQPage` + +--- + +## Связанные страницы + +- [[02 — Каталог]] +- [[03 — Карточка товара]] +- [[05 — Представительства]] +- [[07 — Для строителей]] diff --git a/11 — Блог.md b/11 — Блог.md new file mode 100644 index 0000000..8f535fe --- /dev/null +++ b/11 — Блог.md @@ -0,0 +1,115 @@ +--- +tags: + - сайт + - страница + - блог + - контент + - topical-authority +url: /blog/ +created: 2026-02-16 +--- + +# 📝 Блог / База знаний + +> [!tip] Роль страницы +> Топикальная авторитетность. Драйвер органического трафика. E-E-A-T через экспертный контент с именными авторами. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Блог {Бренд} — Статьи о фасадной плитке, кирпиче и дизайне фасадов` | +| **Description** | `Экспертные статьи о выборе фасадных материалов, монтаже, дизайне и трендах. Видео-инструкции, кейсы, технические гиды.` | +| **Schema** | `Blog` + `Article` + `Person` (автор) | + +--- + +## Контентные кластеры (topical authority) + +### Кластер 1: Выбор материала + +| Статья | Ключевые запросы | +|---|---| +| «Клинкер vs керамика: что выбрать для фасада» | клинкер или керамика, выбор фасадной плитки | +| «Гид по форматам кирпича: NF, DF, RF, WF» | размеры кирпича, форматы клинкера | +| «Облицовочный кирпич vs фасадная плитка — сравнение» | плитка или кирпич на фасад | +| «Как выбрать цвет фасада: 7 правил от архитектора» | выбор цвета фасада дома | +| «Что такое термопанели и кому они подходят» | термопанели фасадные плюсы минусы | + +### Кластер 2: Монтаж + +| Статья | Ключевые запросы | Schema | +|---|---|---| +| «Как облицевать фасад клинкерной плиткой: пошаговая инструкция» | укладка клинкерной плитки | `HowTo` | +| «5 ошибок при укладке фасадного кирпича» | ошибки монтажа кирпича | `Article` | +| «Выбор клея для фасадной плитки: таблица совместимости» | клей для клинкерной плитки | `Article` | +| «Виды кладки кирпича: от ложковой до фламандской» | виды кирпичной кладки | `HowTo` | + +### Кластер 3: Дизайн + +| Статья | Ключевые запросы | +|---|---| +| «Тренды фасадного дизайна 2026» | фасад дома тренды 2026 | +| «5 способов комбинировать кирпич на фасаде» | комбинирование кирпича на фасаде | +| «Кирпичный фасад в стиле лофт: идеи и примеры» | лофт фасад кирпич | +| «Белый кирпич на фасаде: за и против» | белый кирпич на фасаде | + +### Кластер 4: Техническое + +| Статья | Ключевые запросы | +|---|---| +| «Морозостойкость кирпича: что значат циклы F25-F100» | морозостойкость кирпича | +| «Теплопроводность фасадных материалов: сравнительная таблица» | теплопроводность кирпича | +| «Водопоглощение плитки: почему это важно» | водопоглощение клинкера | + +### Кластер 5: Проекты / Кейсы + +| Статья | Ключевые запросы | +|---|---| +| «Кейс: облицовка бизнес-центра {N} м² за 3 месяца» | облицовка фасада кирпичом проект | +| «Как архитектор {Имя} создал фасад мечты из клинкера» | — | + +--- + +## Блоки страницы блога + +### Листинг `/blog/` + +- Фильтры по категориям/тегам (табы или sidebar) +- Карточки статей: + - Изображение + - H2 (заголовок) + - Дата публикации + - Автор (фото + имя → ссылка на `/about/#team`) + - Время чтения + - Категория / тег +- **Sidebar:** + - Популярные статьи + - Подписка на рассылку + - CTA: «Заказать образец» + +### Страница статьи `/blog/{slug}/` + +- **Schema:** `Article` + `Person` (автор) + `BreadcrumbList` +- Breadcrumbs: Главная > Блог > Категория > Статья +- H1 + дата + автор + время чтения +- Содержание (table of contents) — якорные ссылки +- Структурированный контент с H2/H3 +- Изображения с alt-тегами +- Внутренние ссылки на [[03 — Карточка товара]], [[02 — Каталог]], другие статьи +- Блок автора внизу: фото, имя, должность, биография (E-E-A-T) +- Похожие статьи (3-4) +- CTA: «Заказать образец» / «Скачать каталог» + +> [!important] AI-поиск (тренд 2026) +> В начале каждой статьи — concise answer block (2-3 предложения, отвечающие на главный вопрос). Это оптимизация под AI Overviews и featured snippets. + +--- + +## Связанные страницы + +- [[01 — Главная]] +- [[02 — Каталог]] +- [[03 — Карточка товара]] +- [[04 — О компании]] +- [[07 — Для строителей]] diff --git a/12 — FAQ.md b/12 — FAQ.md new file mode 100644 index 0000000..23b1ec0 --- /dev/null +++ b/12 — FAQ.md @@ -0,0 +1,90 @@ +--- +tags: + - сайт + - страница + - faq + - seo +url: /faq/ +created: 2026-02-16 +--- + +# ❓ FAQ + +> [!tip] Роль страницы +> FAQ rich snippets в SERP. Снижение нагрузки на поддержку. Ответы на запросы AI Overviews. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Часто задаваемые вопросы — Фасадная плитка и кирпич {Бренд}` | +| **Description** | `Ответы на вопросы о фасадной плитке и кирпиче {Бренд}: цены, доставка, монтаж, гарантия, образцы. Помощь в выборе.` | +| **Schema** | `FAQPage` + `BreadcrumbList` | + +--- + +## Категории вопросов + +### О продукции + +- **Чем клинкер отличается от обычного кирпича?** + - Клинкер обжигается при температуре 1100-1300°C (обычный — 800-1000°C), что обеспечивает минимальное водопоглощение (≤6%) и морозостойкость F100+. +- **Какая морозостойкость у вашей продукции?** + - От F50 до F100 в зависимости от серии. Подробные характеристики — в карточке каждого товара. +- **Подходит ли фасадная плитка для цоколя?** + - Да, при условии водопоглощения ≤3% и морозостойкости F75+. Рекомендуем серии {X}, {Y}. +- **Можно ли использовать фасадную плитку для интерьера?** + - Да, клинкерная плитка подходит для интерьера в стилях лофт, кантри, минимализм. +- **Какие форматы кирпича вы производите?** + - NF (240×71), DF (240×52), RF (240×65), WF (210×50), Long Format (490×52). Полный каталог → [[02 — Каталог]] +- **Какой срок службы продукции?** + - Более 100 лет без потери цвета и прочности при соблюдении правил монтажа. + +### О покупке + +- **Какие цены на продукцию?** + - Цены зависят от серии и формата. Актуальные цены — в [[02 — Каталог|каталоге]]. Для оптовых заказов — запросите индивидуальный прайс. +- **Какой минимальный объём заказа?** + - Минимальный заказ — от 1 поддона. Для образцов минимума нет. +- **Как заказать бесплатный образец?** + - Через форму на карточке товара или на странице «Заказать образцы». Доставка бесплатно по {стране}. +- **Осуществляете ли вы доставку?** + - Да, доставка по всей {стране}. Сроки — 3-7 рабочих дней в зависимости от региона. → [[05 — Представительства]] +- **Где можно посмотреть продукцию вживую?** + - В наших шоурумах и у дилеров. → [[05 — Представительства]] + +### О монтаже + +- **Какой клей подходит для фасадной плитки?** + - Ceresit СМ 17, Ceresit СМ 117, Mapei Keraflex. Полная таблица совместимости → [[07 — Для строителей]] +- **Нужна ли расшивка швов?** + - Для фасадных работ расшивка обязательна. Рекомендуемая ширина шва — 10-12 мм. +- **Можно ли клеить на утеплитель?** + - Напрямую — нет. Используйте термопанели или систему с армирующей сеткой. +- **Какой расход клея на 1 м²?** + - 5-8 кг сухой смеси на 1 м² в зависимости от формата и ровности основания. + +### О гарантии + +- **Какой срок гарантии?** + - 50 лет на сохранение цвета и прочности при соблюдении правил монтажа. +- **Что покрывает гарантия?** + - Сколы, изменение цвета, разрушение при нормальной эксплуатации. Не покрывает: механические повреждения, нарушения технологии укладки. +- **Как подать гарантийное обращение?** + - Через форму на странице [[14 — Контакты]] или по email. Ответ — в течение 3 рабочих дней. + +--- + +> [!important] Schema +> Каждый вопрос + ответ → `FAQPage` schema → FAQ rich snippet в SERP. +> Ответы должны быть concise (2-4 предложения) для AI Overviews. + +--- + +## Связанные страницы + +- [[03 — Карточка товара]] +- [[05 — Представительства]] +- [[07 — Для строителей]] +- [[14 — Контакты]] +- [[02 — Каталог]] diff --git a/13 — Экологичность.md b/13 — Экологичность.md new file mode 100644 index 0000000..0a7ae4b --- /dev/null +++ b/13 — Экологичность.md @@ -0,0 +1,103 @@ +--- +tags: + - сайт + - страница + - экологичность + - esg + - sustainability +url: /sustainability/ +created: 2026-02-16 +--- + +# 🌱 Экологичность + +> [!tip] Роль страницы +> ESG-тренд 2026: экологические характеристики — обязательное требование при спецификации материалов архитекторами. Дифференциатор от конкурентов. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Экологичное производство — Фасадная плитка и кирпич {Бренд} \| Sustainability` | +| **Description** | `EPD, ISO 14001, LEED/BREEAM contribution. Экологически ответственное производство фасадных материалов. Углеродный след, вторичная переработка.` | +| **Schema** | `WebPage` + `BreadcrumbList` | + +--- + +## Блоки страницы + +### 1. Hero + +- «Ответственное производство» +- Фото «зелёного» производства / природного ландшафта рядом с заводом +- **H1:** «Экологичные фасады для устойчивого будущего» + +--- + +### 2. Экологические сертификаты + +| Сертификат | Описание | +|---|---| +| EPD (Environmental Product Declaration) | Декларация экологических показателей продукции | +| ISO 14001 | Система экологического менеджмента | +| LEED contribution | Вклад в получение баллов LEED | +| BREEAM contribution | Вклад в получение баллов BREEAM | + +- Скачиваемые PDF сертификатов +- Логотипы сертифицирующих органов (IBU, EPD International) + +> [!note] Конкурентный анализ +> Ströher и Cerrad уже активно используют EPD/IBU и ISO 17889-1. Это must-have для работы с архитекторами. + +--- + +### 3. Производственный цикл (инфографика) + +- Интерактивная инфографика: от карьера до готового продукта +- На каждом этапе — экологические метрики: + - Расход воды + - Выбросы CO₂ + - Использование вторсырья + - Энергоэффективность печей +- Тренд 2026: data storytelling с scroll-triggered анимацией + +--- + +### 4. Вторичная переработка + +- % переработанных материалов в составе +- Программа возврата боя и бракованной продукции +- Zero-waste инициативы на производстве + +--- + +### 5. Долговечность (LCA) + +- «100 лет без замены» +- Сравнительная таблица lifecycle cost: + +| Материал | Срок службы | Стоимость за 10 лет | Стоимость за 50 лет | Стоимость за 100 лет | +|---|---|---|---|---| +| **Кирпич/плитка** | **100+ лет** | **{X} грн/м²** | **{X} грн/м²** | **{X} грн/м²** | +| Штукатурка | 10-15 лет | {X} грн/м² | {X} грн/м² | {X} грн/м² | +| Сайдинг | 20-30 лет | {X} грн/м² | {X} грн/м² | {X} грн/м² | +| Композит | 25-40 лет | {X} грн/м² | {X} грн/м² | {X} грн/м² | + +- **Аргумент:** самый экологичный материал — тот, который не нужно менять + +--- + +### 6. CTA-блок + +- `Скачать EPD` (PDF) +- `Связаться с отделом спецификаций` → [[14 — Контакты]] +- → См. также [[06 — Для архитекторов]] + +--- + +## Связанные страницы + +- [[04 — О компании]] +- [[06 — Для архитекторов]] +- [[03 — Карточка товара]] +- [[11 — Блог]] diff --git a/14 — Контакты.md b/14 — Контакты.md new file mode 100644 index 0000000..75a4eeb --- /dev/null +++ b/14 — Контакты.md @@ -0,0 +1,90 @@ +--- +tags: + - сайт + - страница + - контакты + - trust +url: /contacts/ +created: 2026-02-16 +--- + +# 📞 Контакты + +> [!tip] Роль страницы +> Trust-сигнал E-E-A-T. Множественные каналы связи. Телефон + форма + карта + реквизиты. + +## Мета-данные + +| Поле | Значение | +|---|---| +| **Title** | `Контакты {Бренд} — Телефон, email, адрес производства` | +| **Description** | `Свяжитесь с {Бренд}: телефон, email, форма обратной связи. Адрес головного офиса и производства. Отдел продаж, техподдержка, дилерский отдел.` | +| **Schema** | `ContactPage` + `Organization` + `LocalBusiness` | + +--- + +## Блоки страницы + +### 1. H1 + +- **H1:** «Свяжитесь с нами» + +--- + +### 2. Контактная информация + +| Отдел | Телефон | Email | +|---|---|---| +| Отдел продаж | +380 XX XXX XX XX | sales@brand.ua | +| Техническая поддержка | +380 XX XXX XX XX | support@brand.ua | +| Дилерский отдел | +380 XX XXX XX XX | dealers@brand.ua | +| Приёмная | +380 XX XXX XX XX | info@brand.ua | + +--- + +### 3. Форма обратной связи + +- Имя +- Email +- Телефон +- Тема (выпадающий список: Покупка / Техвопрос / Партнёрство / Другое) +- Сообщение +- Privacy-согласие (чекбокс) +- **CTA:** `Отправить` + +--- + +### 4. Карта + +- Расположение головного офиса и производства +- Google Maps embed с пином +- Текстовый адрес под картой + +--- + +### 5. Реквизиты + +- Полное название компании +- ЕГРПОУ / ИНН +- Юридический адрес +- Банковские реквизиты + +--- + +### 6. Мессенджеры и соцсети + +- Telegram +- Viber +- WhatsApp +- Instagram +- Facebook +- YouTube +- LinkedIn + +--- + +## Связанные страницы + +- [[05 — Представительства]] +- [[01 — Главная]] +- [[04 — О компании]] diff --git a/15 — Технические требования.md b/15 — Технические требования.md new file mode 100644 index 0000000..53429fb --- /dev/null +++ b/15 — Технические требования.md @@ -0,0 +1,122 @@ +--- +tags: + - сайт + - технические-требования + - seo + - cwv + - тренды-2026 +created: 2026-02-16 +--- + +# ⚙️ Технические требования (все страницы) + +> [!info] Общие требования +> Этот документ описывает технические требования, которые применяются ко ВСЕМ страницам сайта. Используйте как чеклист при разработке и кросс-ревью. + +## Core Web Vitals (2026) + +| Метрика | Что измеряет | Целевое значение | Приоритет для сайта | +|---|---|---|---| +| **LCP** | Скорость загрузки | ≤ 2.5 сек | Hero-изображения, фото продукции: AVIF/WebP, `srcset`, CDN | +| **INP** | Интерактивность | ≤ 200 мс | Фильтры каталога, конфигуратор — минимум JS на main thread | +| **CLS** | Визуальная стабильность | ≤ 0.1 | `width`/`height` на всех ``, reserve space для lazy-loaded | + +--- + +## Изображения + +- [ ] Формат: AVIF > WebP > JPEG (progressive) +- [ ] Lazy loading (Intersection Observer) для всех изображений кроме LCP +- [ ] `srcset` + `sizes` для responsive +- [ ] `width` и `height` атрибуты на каждом `` +- [ ] Image CDN с автоматической оптимизацией +- [ ] Отдельная Image Sitemap + +--- + +## Рендеринг + +- [ ] SSR (Server-Side Rendering) или SSG (Static Site Generation) для каталога +- [ ] НЕ SPA для каталога — crawler должен видеть контент без JS +- [ ] Конфигуратор: lazy load WebGL-модуля после загрузки основного контента + +--- + +## Schema.org (структурированные данные) + +| Тип Schema | Страницы | Цель | +|---|---|---| +| `Organization` | Все (footer) | Knowledge Graph | +| `WebSite` + `SearchAction` | [[01 — Главная]] | Sitelinks searchbox | +| `Product` | [[03 — Карточка товара]] | Product rich snippets | +| `AggregateRating` + `Review` | [[03 — Карточка товара]] | Звёзды в SERP | +| `BreadcrumbList` | Все | Breadcrumbs в SERP | +| `FAQPage` | [[03 — Карточка товара]], [[12 — FAQ]] | FAQ rich snippets | +| `HowTo` | [[11 — Блог]] (монтаж) | How-to rich results | +| `LocalBusiness` | [[05 — Представительства]] | Local pack | +| `Article` + `Person` | [[11 — Блог]] | Article rich results | +| `ItemList` | [[02 — Каталог]] | Carousel в SERP | +| `ImageObject` | [[08 — Галерея проектов]] | Image license metadata | +| `WebApplication` | [[09 — Конфигуратор фасада]], [[10 — Калькулятор расхода]] | Software app info | + +--- + +## Технический SEO чеклист + +- [ ] Mobile-first indexing: весь контент доступен на мобильной версии +- [ ] HTTPS на всех страницах и ресурсах +- [ ] XML Sitemap: main + image + video +- [ ] `robots.txt`: блок фильтрованных URL каталога +- [ ] `hreflang` (если мультиязычный сайт) +- [ ] Canonical на каждой странице +- [ ] `` для пагинации +- [ ] Faceted navigation: `noindex` на low-value комбинации фильтров +- [ ] 404 страница с навигацией и поиском +- [ ] Редиректы: 301 для постоянных, без цепочек +- [ ] Скорость сервера: TTFB ≤ 200 мс + +--- + +## Конверсионные элементы (все страницы) + +- [ ] Sticky header: логотип + навигация + телефон + CTA «Заказать образец» +- [ ] Плавающая кнопка «Заказать образец» (mobile) +- [ ] Чат-бот / онлайн-консультант (Tawk.to / Intercom / кастом) +- [ ] Exit-intent popup: скачать каталог PDF +- [ ] Cookie consent (GDPR-compliant) +- [ ] Retargeting pixels: Meta Pixel, Google Ads, LinkedIn Insight Tag + +--- + +## Оптимизация под AI-поиск (тренд 2026) + +> [!important] AI Overviews +> Google AI Overviews и другие AI-ассистенты извлекают structured data и concise answers. + +- [ ] Структурированные данные на всех страницах (см. таблицу выше) +- [ ] Concise answer blocks в начале каждой статьи (2-3 предложения) +- [ ] FAQ с чёткими, прямыми ответами +- [ ] Таблицы характеристик (легко парсятся AI) +- [ ] `speakable` schema (для голосовых ассистентов) — опционально + +--- + +## Мониторинг + +| Инструмент | Что мониторить | +|---|---| +| Google Search Console | Индексация, CWV, rich results, позиции | +| PageSpeed Insights | LCP, INP, CLS | +| Google Analytics 4 | Конверсии, поведение, воронки | +| Screaming Frog | Internal linking, canonicals, hreflang, мёртвые ссылки | +| Ahrefs / Semrush | Позиции, бэклинки, конкуренты | +| Hotjar / Microsoft Clarity | Heatmaps, session recordings, формы | + +--- + +## Связанные страницы + +- [[00 — Карта сайта]] +- [[01 — Главная]] +- [[02 — Каталог]] +- [[03 — Карточка товара]]