Add new pages for sustainability, contacts, technical requirements, glossary, and related content

- 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.
This commit is contained in:
2026-02-19 23:07:51 +02:00
parent 97f0036fe0
commit ef38a90059
50 changed files with 1040 additions and 236 deletions

View File

@@ -0,0 +1,246 @@
---
tags:
- сайт
- страница
- блог
- p1
url: /blog
approach: Переиспользовать Pages entity (urlPrefix="blog") + новый листинг
effort: ~4ч (код) + ~4ч (написать 3 статьи)
created: 2026-02-17
---
# 📝 Блог
> [!tip] Роль страницы
> Топикальная авторитетность + SEO-трафик из информационных запросов. Покупатель с $10k чеком исследует рынок 36 месяцев — статьи помогают попасть в шорт-лист на ранних этапах.
> [!warning] Реализация
> **Быстрый подход:** переиспользовать существующую систему Pages.
> Статьи создаются через `/admin/pages` с `urlPrefix = "blog"`.
> Нужна новая страница `app/(site)/blog/page.tsx` — фетчит pages с urlPrefix="blog" и рендерит листинг.
> Отдельные статьи уже работают через существующий CMS catch-all `/[...slugParts]`.
---
## Мета-данные (листинг /blog)
| Поле | Значение |
|---|---|
| **H1** | `Блог GoodBrick — Поради з вибору та монтажу фасадних матеріалів` |
| **Title** | `Блог GoodBrick — Фасадна плитка, клінкер, монтаж` |
| **Description** | `Поради від виробника: як обрати фасадну плитку, технічні характеристики, тренди дизайну 2026, поради з монтажу.` |
| **Schema** | `Blog` + `BreadcrumbList` |
---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Блог GoodBrick — Поради з вибору та монтажу фасадних матеріалів│
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Як обрати колір фасаду: 7 правил від виробника │ │
│ │ │ 18 лют 2026 · 5 хв читання │ │
│ │ │ Чому колір фасаду важливий і як обирати… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Клінкер vs мінеральна плитка: що обрати │ │
│ │ │ 15 лют 2026 · 4 хв читання │ │
│ │ │ Порівняння технологій, міцності, ціни… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ 5 помилок при укладанні фасадної плитки │ │
│ │ │ 10 лют 2026 · 4 хв читання │ │
│ │ │ Помилки, які призводять до тріщин… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Морозостійкість: F25, F50, F300 — різниця │ │
│ │ │ 5 лют 2026 · 3 хв читання │ │
│ │ │ Що означають цикли та чому F300 — це захист… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Тренди фасадного дизайну 2026 │ │
│ │ │ 1 лют 2026 · 5 хв читання │ │
│ │ │ Темні відтінки, натуральні текстури… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ── СТОРІНКА СТАТТІ /blog/{slug} ────────────────────────────── │
│ │
│ Breadcrumb: Головна Блог Назва статті │
│ │
│ # Як обрати колір фасаду: 7 правил від виробника │
│ 18 лютого 2026 │
│ │
│ [повний текст статті з підзаголовками H2/H3] │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Замовте безкоштовний зразок — побачте колір наживо │ │
│ │ [Написати в Telegram →] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Структура
```
/blog/ → листинг статей (новая страница)
├── /blog/yak-obraty-kolir-fasadu/ → через CMS catch-all (уже работает)
├── /blog/klinker-vs-keramika/
├── /blog/pomylky-montazhu/
├── /blog/morozostiykist-tsehly/
└── /blog/trendy-fasadiv-2026/
```
---
## Страница листинга /blog
Новый файл `app/(site)/blog/page.tsx`:
- SSR fetch: `GET /api/pages?urlPrefix=blog` (существующий API, нужно добавить фильтр)
- Карточки: H1 + excerpt + дата публикации + кнопка «Читати»
- Pagination если статей >10
> [!warning] Нужно добавить в API
> `GET /api/pages` пока не поддерживает фильтр по urlPrefix. Добавить параметр `?urlPrefix=blog` в `PagesController.cs`.
---
## 5 статей для запуска (темы + ключевые слова)
### Статья 1 — Неделя 2, День 78 (написать первой)
**Заголовок:** «Як обрати колір фасаду: 7 правил від виробника»
**URL:** `/blog/yak-obraty-kolir-fasadu`
**Целевые запросы:** «вибір кольору фасаду», «який колір для фасаду», «колір зовнішнього оздоблення будинку»
**Длина:** 9001200 слов
**Структура:**
1. Вступ — чому колір фасаду важливий (і чому складно обирати по фото)
2. Правило 1: Враховуйте архітектурний стиль будинку
3. Правило 2: Дивіться на сусідів та оточення
4. Правило 3: Враховуйте орієнтацію фасаду (північ/південь)
5. Правило 4: Тестуйте великими зразками, не маленькими
6. Правило 5: Темні кольори — для сучасних будинків, світлі — для класики
7. Правило 6: Текстура важливіша за колір
8. Правило 7: Замовте зразок перед рішенням
9. Висновок + **CTA:** «Замовити безкоштовний зразок»
**Schema:** `Article` + `BreadcrumbList`
---
### Статья 2
**Заголовок:** «Клінкер vs мінеральна плитка: що обрати для фасаду»
**URL:** `/blog/klinker-vs-mineralna-plytka`
**Целевые запросы:** «клінкерна плитка або мінеральна», «яка плитка краща для фасаду», «порівняння фасадних матеріалів»
**Длина:** 8001000 слов
**Структура:**
1. Що таке клінкер (технологія, переваги, недоліки, ціна)
2. Що таке мінеральна плитка (технологія GoodBrick, переваги)
3. Порівняльна таблиця: міцність / морозостійкість / ціна / зовнішній вигляд
4. Для яких об'єктів що підходить
5. **CTA:** «Замовити зразок мінеральної плитки»
> [!note] Позиціонування
> Стаття не повинна «гнобити» клінкер — порівнюємо чесно. Наша перевага: ручне формування + М200/F300 + ціна.
---
### Статья 3
**Заголовок:** «5 помилок при укладанні фасадної плитки — і як їх уникнути»
**URL:** `/blog/pomylky-montazhu-fasadnoyi-plytky`
**Целевые запросы:** «монтаж фасадної плитки помилки», «укладання клінкеру поради», «клей для фасадної плитки»
**Длина:** 8001000 слов
**Структура:**
1. Помилка 1: Неправильний клей (C1 замість C2 або C2TE)
2. Помилка 2: Погана підготовка основи (пил, стара фарба)
3. Помилка 3: Занадто вузький шов (менше 6 мм) — розтріскується при морозі
4. Помилка 4: Монтаж при температурі нижче +5°C
5. Помилка 5: Не залишати температурні шви на великих площах
6. Висновок + **CTA:** «Є питання? Напишіть нам у Telegram»
---
### Статья 4
**Заголовок:** «Морозостійкість цегли та плитки: що означають цикли F25, F50, F300»
**URL:** `/blog/morozostiykist-fasadnykh-materialiv`
**Целевые запросы:** «морозостійкість фасадної плитки», «F300 плитка», «яка морозостійкість потрібна для фасаду»
**Длина:** 700900 слов
**Структура:**
1. Що таке цикл заморожування/відтавання
2. Які показники F є стандартом і чому F25F50 — мінімум для вулиці
3. Чому GoodBrick виробляє F300 (і що це дає)
4. Як перевірити морозостійкість при покупці (на що звертати увагу)
5. **CTA:** «Переглянути каталог з F300»
---
### Статья 5 (создать когда будет галерея проектов)
**Заголовок:** «Тренди фасадного дизайну 2026: кольори, матеріали, текстури»
**URL:** `/blog/trendy-fasadiv-2026`
**Целевые запросы:** «тренди фасадів 2026», «сучасний фасад будинку 2026», «модний фасад»
**Длина:** 9001100 слов
**Структура:**
1. Тренд 1: Темні відтінки (антрацит, чорний, шоколад)
2. Тренд 2: Натуральні текстури (ручне формування vs штукатурка)
3. Тренд 3: Змішування матеріалів (плитка + дерево / плитка + метал)
4. Тренд 4: Великі формати (Long 440×50, 500×40)
5. Тренд 5: Органічні кольори (теракот, охра, умбра)
6. Приклади проектів GoodBrick (посилання на `/projects`)
7. **CTA:** «Замовити зразки трендових відтінків»
---
## Конверсия в блоге
На каждой статье:
- **Сайдбар или блок в середине:** «Замовити безкоштовний зразок» → Telegram
- **В конце каждой статьи:** CTA-блок (уже есть CTABlock в CMS)
- **Ссылки:** внутренние ссылки на product-страницы и FAQ
---
## Scope cuts
| Убрано | Причина |
|---|---|
| Теги и категории | Добавить когда статей >15 |
| Автор с фото | Добавить позже (всё равно один автор) |
| Комментарии | Нет времени, добавить Q2 |
| Email-подписка «новые статьи» | Email не используется |
| Поиск по блогу | Избыточно для 5 статей |
---
## Связанные страницы
- [[00 — Обзор и приоритеты]]
- [[04 — FAQ]]
- [[06 — Галерея проектов]]