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.
247 lines
16 KiB
Markdown
247 lines
16 KiB
Markdown
---
|
||
tags:
|
||
- сайт
|
||
- страница
|
||
- блог
|
||
- p1
|
||
url: /blog
|
||
approach: Переиспользовать Pages entity (urlPrefix="blog") + новый листинг
|
||
effort: ~4ч (код) + ~4ч (написать 3 статьи)
|
||
created: 2026-02-17
|
||
---
|
||
|
||
# 📝 Блог
|
||
|
||
> [!tip] Роль страницы
|
||
> Топикальная авторитетность + SEO-трафик из информационных запросов. Покупатель с $10k чеком исследует рынок 3–6 месяцев — статьи помогают попасть в шорт-лист на ранних этапах.
|
||
|
||
> [!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, День 7–8 (написать первой)
|
||
|
||
**Заголовок:** «Як обрати колір фасаду: 7 правил від виробника»
|
||
**URL:** `/blog/yak-obraty-kolir-fasadu`
|
||
**Целевые запросы:** «вибір кольору фасаду», «який колір для фасаду», «колір зовнішнього оздоблення будинку»
|
||
**Длина:** 900–1200 слов
|
||
|
||
**Структура:**
|
||
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`
|
||
**Целевые запросы:** «клінкерна плитка або мінеральна», «яка плитка краща для фасаду», «порівняння фасадних матеріалів»
|
||
**Длина:** 800–1000 слов
|
||
|
||
**Структура:**
|
||
1. Що таке клінкер (технологія, переваги, недоліки, ціна)
|
||
2. Що таке мінеральна плитка (технологія GoodBrick, переваги)
|
||
3. Порівняльна таблиця: міцність / морозостійкість / ціна / зовнішній вигляд
|
||
4. Для яких об'єктів що підходить
|
||
5. **CTA:** «Замовити зразок мінеральної плитки»
|
||
|
||
> [!note] Позиціонування
|
||
> Стаття не повинна «гнобити» клінкер — порівнюємо чесно. Наша перевага: ручне формування + М200/F300 + ціна.
|
||
|
||
---
|
||
|
||
### Статья 3
|
||
|
||
**Заголовок:** «5 помилок при укладанні фасадної плитки — і як їх уникнути»
|
||
**URL:** `/blog/pomylky-montazhu-fasadnoyi-plytky`
|
||
**Целевые запросы:** «монтаж фасадної плитки помилки», «укладання клінкеру поради», «клей для фасадної плитки»
|
||
**Длина:** 800–1000 слов
|
||
|
||
**Структура:**
|
||
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 плитка», «яка морозостійкість потрібна для фасаду»
|
||
**Длина:** 700–900 слов
|
||
|
||
**Структура:**
|
||
1. Що таке цикл заморожування/відтавання
|
||
2. Які показники F є стандартом і чому F25–F50 — мінімум для вулиці
|
||
3. Чому GoodBrick виробляє F300 (і що це дає)
|
||
4. Як перевірити морозостійкість при покупці (на що звертати увагу)
|
||
5. **CTA:** «Переглянути каталог з F300»
|
||
|
||
---
|
||
|
||
### Статья 5 (создать когда будет галерея проектов)
|
||
|
||
**Заголовок:** «Тренди фасадного дизайну 2026: кольори, матеріали, текстури»
|
||
**URL:** `/blog/trendy-fasadiv-2026`
|
||
**Целевые запросы:** «тренди фасадів 2026», «сучасний фасад будинку 2026», «модний фасад»
|
||
**Длина:** 900–1100 слов
|
||
|
||
**Структура:**
|
||
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 — Галерея проектов]]
|