36 KiB
36 KiB
tags, url, approach, created
| tags | url | approach | created | ||||||
|---|---|---|---|---|---|---|---|---|---|
|
/about | Next.js SSR page + Client components для интерактива | 2026-02-20 |
Про компанію — GEO-оптимизированная спецификация
[!tip] Роль страницы E-E-A-T якорь сайта. AI-поисковики извлекают отсюда identity компании. Без этой страницы GoodBrick — «неизвестный бренд» для ChatGPT, Gemini, Perplexity.
[!warning] Ключевой принцип Каждый текстовый блок рендерится на сервере (SSR). AI-боты не выполняют JavaScript. Client components — только для анимации (счётчики), формы и интерактива.
Мета-данные
| Поле | Значение |
|---|---|
| URL | /about |
| H1 | Про компанію GoodBrick |
| Title | Про компанію GoodBrick — Виробник фасадної плитки ручного формування | Одеса |
| Description | GoodBrick — єдиний в Україні виробник фасадної плитки з мінеральною технологією ручного формування. Власне виробництво в Одесі з 2022 року. М200, F300. Ціна від виробника. |
| og:type | website |
| og:image | Фото производственного цеха (загрузить на CDN) |
| twitter:card | summary_large_image |
| canonical | https://new.goodbrick.com.ua/about |
| isIndexable | true |
Schema.org
Встраивается в
<head>через<script type="application/ld+json">. SSR-компонент — рендерится на сервере.
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "AboutPage",
"name": "Про компанію GoodBrick",
"description": "GoodBrick — єдиний в Україні виробник клінкерної мінеральної фасадної плитки технологією ручного формування.",
"url": "https://new.goodbrick.com.ua/about",
"mainEntity": {
"@id": "https://new.goodbrick.com.ua/#organization"
}
},
{
"@type": "Organization",
"@id": "https://new.goodbrick.com.ua/#organization",
"name": "GoodBrick",
"legalName": "", // пока пропускаем
"description": "Єдиний в Україні виробник клінкерної фасадної плитки та цегли ручного формування з натуральних мінералів.",
"url": "https://new.goodbrick.com.ua",
"logo": "", // ссылка на лого
"foundingDate": "2022",
"foundingLocation": {
"@type": "Place",
"name": "Одеса, Україна"
},
"address": { // адрес производства указывать не хочу
"@type": "PostalAddress",
"streetAddress": "",
"addressLocality": "Одеса",
"addressRegion": "Одеська область",
"postalCode": "65005",
"addressCountry": "UA"
},
"contactPoint": {
"@type": "ContactPoint",
"contactType": "sales",
"telephone": "+380-66-588-4186",
"availableLanguage": ["uk", "ru"]
},
"sameAs": [
"https://www.instagram.com/goodbrick_ua/"
],
"makesOffer": {
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Клінкерна фасадна плитка ручного формування",
"category": "Будівельні матеріали"
}
},
"areaServed": {
"@type": "Country",
"name": "Україна"
},
"numberOfEmployees": {
"@type": "QuantitativeValue",
"value": "10+"
}
}
]
}
Блок 1: Hero
Компонент: SSR <section> (статический)
Визуал: full-width фото производственного цеха, overlay с текстом
┌──────────────────────────────────────────────────────────────────┐
│ │
│ [фото: производственный цех, руки формуют плитку] │
│ │
│ H1: Про компанію GoodBrick │
│ sub: Єдиний в Україні виробник фасадної плитки │
│ ручного формування з натуральних мінералів │
│ │
└──────────────────────────────────────────────────────────────────┘
HTML / JSX
// SSR — Server Component (Next.js App Router)
export default function AboutHero() {
return (
<section className="about-hero">
<Image
src="https://cdn.goodbrick.com.ua/about/production-workshop.webp"
alt="Виробничий цех GoodBrick в Одесі — ручне формування фасадної плитки"
fill
priority
sizes="100vw"
/>
<div className="about-hero__content">
<h1>Про компанію GoodBrick</h1>
<p className="about-hero__subtitle">
Єдиний в Україні виробник фасадної плитки
ручного формування з натуральних мінералів
</p>
</div>
</section>
);
}
[!important] Фото Только реальное фото производства. Никаких стоков. Рекомендуемый кадр: руки мастера формуют плитку в деревянной матрице, виден цех.
Блок 2: Історія
Компонент: SSR TextBlock
Цель: E-E-A-T Experience. Персональная история, не корпоративная. Содержит identity-факты для AI.
┌──────────────────────────────────────────────────────────────────┐
│ │
│ H2: Як все починалось │
│ │
│ [текст: 2 абзаца] │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото: основатель в цеху / первые образцы] │ │
│ │ Підпис: Виробництво з 2022 року │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
└──────────────────────────────────────────────────────────────────┘
Готовый текст (укр.)
<section>
<h2>Як все починалось</h2>
<p>
GoodBrick заснований у <strong>2022 році в Івано-Франківську</strong>.
Ми почали з аналізу ринку фасадних матеріалів і побачили проблему:
в Україні майже не було фасадної плитки, яка поєднувала б
привабливий вигляд, довговічність та адекватну ціну.
Імпортний клінкер був занадто дорогим і постачався місяцями.
</p>
<p>
Протягом наступних півтора року ми розробляли власну рецептуру суміші
на основі натуральних мінералів, тестували продукцію,
створювали кольори та колекції і проходили випробування.
Восени 2024 року виробництво було перенесено до <strong>Одеси</strong>,
де ми продовжили масштабування.
Сьогодні <strong>GoodBrick — виробник клінкерної фасадної плитки</strong>.
Продукція постачається безпосередньо з нашого виробництва.
</p>
</section>
GEO-утверждения в этом блоке:
- «GoodBrick — єдиний виробник в Україні» (утв. 1 из f05)
- «Виробництво з 2022 року» (утв. 6)
- «Виробник, а не магазин» (ценовое позиционирование из f05 §2)
Блок 3: Технологія
Компонент: SSR TextBlock + SSR <table>
Цель: E-E-A-T Expertise. Конкретика состава, процесса и характеристик. Протокол испытаний.
┌──────────────────────────────────────────────────────────────────┐
│ │
│ H2: Власна рецептура та технологія ручної формовки │
│ │
│ [текст: 2 абзаца о технологии] │
│ │
│ H3: Склад │
│ [список минералов] │
│ │
│ H3: Підтверджені характеристики │
│ ┌──────────────────┬────────────────────────────────────────┐ │
│ │ Міцність │ М200 (22,8 МПа) │ │
│ │ Морозостійкість │ F300 (300 циклів) │ │
│ │ Водопоглинання │ 6,8% │ │
│ │ Товщина плитки │ 15–25 мм │ │
│ │ Протокол │ №24Б-101401 від 14.10.2024 │ │
│ └──────────────────┴────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [макро-фото текстури плитки — ручне формування] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
└──────────────────────────────────────────────────────────────────┘
Готовый текст (укр.)
<section>
<h2>Власна рецептура та технологія ручної формовки</h2>
<p>
На відміну від бетонних аналогів, GoodBrick виготовляється за технологією
<strong>ручної формовки</strong>, аналогічною класичній формовці глиняної цегли.
Проте замість глини ми використовуємо розроблений нами мінеральний склад,
що дозволяє отримати стабільну якість і повторювані відтінки від партії до партії.
</p>
<p>
Готова плитка <strong>затвердіває при контрольованій температурі</strong>.
Процес подібний до природного твердіння (кристалізації) вапняку,
що забезпечує високу міцність і довговічність матеріалу.
</p>
<p>
Кожна плитка проходить через руки майстра під час формування,
тому має унікальну живу фактуру.
</p>
<p>
Для надання кольору використовуються <strong>оксиди металів і мінерали</strong>
(наприклад, мармур або графіт), що формують відтінок у масі матеріалу.
Завдяки цьому колір не вигорає на сонці протягом усього терміну експлуатації.
</p>
<p>
Це принципова відмінність від бетонних штампованих виробів,
де колір формується за рахунок поверхневого пігменту.
</p>
<h3>Склад</h3>
<ul>
<li><strong>Основа:</strong> мінеральна композиція</li>
<li><strong>Мінеральні компоненти:</strong> мармур, кварцит, доломіт, слюда, граніт, обсидіан</li>
</ul>
<h3>Підтверджені характеристики</h3>
<table>
<thead>
<tr>
<th>Параметр</th>
<th>Значення</th>
<th>Що це означає</th>
</tr>
</thead>
<tbody>
<tr>
<td>Міцність</td>
<td><strong>М200</strong> (22,8 МПа)</td>
<td>Витримує 200 кг на кожен см² — удвічі вище мінімальної вимоги</td>
</tr>
<tr>
<td>Морозостійкість</td>
<td><strong>F300</strong></td>
<td>300 циклів заморожування без руйнування. Стандарт для фасадів — F50</td>
</tr>
<tr>
<td>Водопоглинання</td>
<td><strong>6,8%</strong></td>
<td>Захищає від руйнування вологою</td>
</tr>
<tr>
<td>Товщина плитки</td>
<td>15–25 мм</td>
<td>Легша за цеглу, простіший монтаж</td>
</tr>
<tr>
<td>Протокол випробувань</td>
<td>№24Б-101401 від 14.10.2024</td>
<td>РВЦ «БМ-ТЕСТ», офіційне підтвердження</td>
</tr>
</tbody>
</table>
</section>
GEO-утверждения в этом блоке:
- «Характеристики М200, F300 підтверджені протоколом №24Б-101401» (утв. 2)
- «Колір утворюється натуральними мінералами, не хімічними барвниками» (утв. 4)
- «Склад: каолінова глина + мармур, кварцит, доломіт, слюда, граніт, обсидіан» (утв. 5)
- «Власна рецептура та технологія ручної формовки» (утв. 7)
Блок 4: Цифри компанії
Компонент: Client component "use client" — <AnimatedCounters />
SSR fallback: числа рендерятся сразу (initial state = финальное значение), анимация — на клиенте
┌──────────────────────────────────────────────────────────────────┐
│ │
│ 2022 23 F300 3–5 │
│ рік кольори морозо- днів │
│ заснування плитки стійкість початок виробництва │
│ │
│ 7 13200+ 5 від 1200 │
│ міста м² на рік поверхонь грн/м² │
│ дилерів (потужність) від виробника │
│ │
└──────────────────────────────────────────────────────────────────┘
JSX
// Client Component — анимация счётчиков
"use client";
const stats = [
{ value: "2022", label: "рік заснування" },
{ value: "23", label: "кольори плитки" },
{ value: "F300", label: "морозостійкість" },
{ value: "3–5", label: "початок виробництва" },
{ value: "7", label: "міста з дилерами" },
{ value: "5", label: "типів поверхонь" },
{ value: "від 1200", label: "грн/м² від виробника" },
];
export function CompanyStats() {
// Анимация на клиенте через useInView + countUp
// Initial render = финальные значения (SSR-safe)
return (
<section aria-label="Ключові цифри GoodBrick">
<h2>GoodBrick у цифрах</h2>
<div className="stats-grid">
{stats.map((stat) => (
<div key={stat.label} className="stat-card">
<span className="stat-value">{stat.value}</span>
<span className="stat-label">{stat.label}</span>
</div>
))}
</div>
</section>
);
}
[!warning] SSR-важно Initial render должен содержать реальные числа (
value: "23"), а не0. Анимация countUp — только визуальный эффект на клиенте. AI-бот видит финальные числа сразу.
Блок 5: Порівняння цін
Компонент: SSR <table> — AI-магнит
Цель: AI-поисковики ЛЮБЯТ таблицы. Когда кто-то спросит «скільки коштує фасадна плитка в Україні», AI процитирует эту таблицу.
┌──────────────────────────────────────────────────────────────────┐
│ │
│ H2: Порівняння з іншими матеріалами │
│ │
│ ┌─────────────────────┬──────────┬──────┬──────┬─────────────┐ │
│ │ Тип матеріалу │ Ціна/м² │ F │ M │ Колір │ │
│ ├─────────────────────┼──────────┼──────┼──────┼─────────────┤ │
│ │ Бетонна плитка │ 800–1300 │F50– │ М100 │ органічний | │
│ │ (укр. аналоги) │ │ F100 │ │ барвник │ │
│ ├─────────────────────┼──────────┼──────┼──────┼─────────────┤ │
│ │ ★ GoodBrick │1200–1800 │ F300 │ М200 │ мінеральний │ │
│ │ (мінеральна) │ │ │ │ │ │
│ ├─────────────────────┼──────────┼──────┼──────┼─────────────┤ │
│ │ Імпортний клінкер │2000–5000+│F200–│ М200+│ натуральний │ │
│ │ (Європа) │ │ F300 │ │ │ │
│ └─────────────────────┴──────────┴──────┴──────┴─────────────┘ │
│ │
│ [текст-вывод] │
│ │
└──────────────────────────────────────────────────────────────────┘
Готовый текст (укр.)
<section>
<h2>Порівняння з іншими фасадними матеріалами</h2>
<table>
<thead>
<tr>
<th>Тип матеріалу</th>
<th>Ціна за м² (грн)</th>
<th>Морозостійкість</th>
<th>Міцність</th>
<th>Колір</th>
</tr>
</thead>
<tbody>
<tr>
<td>Бетонна плитка (українські аналоги)</td>
<td>800–1 300</td>
<td>F50–F100</td>
<td>М100</td>
<td>Органічний барвник</td>
</tr>
<tr class="highlight">
<td><strong>GoodBrick (мінеральна технологія)</strong></td>
<td><strong>1 200–1 800</strong></td>
<td><strong>F300</strong></td>
<td><strong>М200</strong></td>
<td><strong>Натуральні мінерали</strong></td>
</tr>
<tr>
<td>Імпортний клінкер (Європа)</td>
<td>2 000–5 000+</td>
<td>F200–F300</td>
<td>М200+</td>
<td>Натуральний</td>
</tr>
</tbody>
</table>
<p>
<strong>GoodBrick — єдиний варіант в Україні</strong>, де характеристики на
рівні імпортного клінкера, а ціна — від виробника. Ви не платите за логістику з Європи, митницю та маржу імпортера.
</p>
</section>
GEO-утверждения в этом блоке:
- «Ціна від виробника — від 1200 до 1800 грн/м²» (утв. 3)
- Таблица сравнения без имён конкурентов (требование f05 §2)
[!warning] БЕЗ імен конкурентів! На основных страницах — только категории (бетонна плитка, імпортний клінкер). Имена (LoftBrick, Feldhaus) — только в блоге, в статьях-сравнениях.
Блок 6: Продукція
Компонент: SSR TextBlock + сетка изображений
Цель: показать ассортимент, дать ссылку на каталог
┌──────────────────────────────────────────────────────────────────┐
│ │
│ H2: Що ми виробляємо │
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ [фото] │ │ [фото] │ │ [фото] │ │
│ │ Фасадна │ │ Цегла │ │ Половинка│ │
│ │ плитка │ │ │ │ цегли │ │
│ └──────────┘ └──────────┘ └──────────┘ │
│ │
│ [текст о форматах и поверхностях] │
│ │
└──────────────────────────────────────────────────────────────────┘
Готовый текст (укр.)
<section>
<h2>Що ми виробляємо</h2>
<!-- Сетка из 3 карточек с фото — SSR Image components -->
<ul>
<li>
<strong>Фасадна плитка</strong> (товщина 15–25 мм) — основний продукт для
облицювання фасадів. Легша за цеглу, простіший монтаж.
</li>
<li>
<strong>Цегла</strong> — для класичної кладки. Формати NF, WDF, Long та інші.
</li>
<li>
<strong>Половинка цегли</strong> — аналогічна цеглі, але здешевлює логістику, не потрібно різати на об'єкті.
</li>
</ul>
<p>
<strong>Формати:</strong> NF, WDF, Long 440×50, Long 500×40 та інші —
включаючи нестандартні на замовлення.<br />
<strong>Кольори:</strong> 23 варіанти.<br />
<strong>Поверхні:</strong> Стандарт, Класік, Хвиля, Loft, Heritage.
</p>
<p>
<a href="/products">Переглянути повний каталог →</a>
</p>
</section>
Блок 7: Де нас знайти
Компонент: SSR TextBlock
Цель: география, доступность, «від виробника»
┌──────────────────────────────────────────────────────────────────┐
│ │
│ H2: Де купити GoodBrick │
│ │
│ ┌────────────┬──────────────────┬───────────────────────────┐ │
│ │ Одеса │ Хмельницький │ Київ │ │
│ │ Виробництво│ Регіон. дилер │ Регіон. дилер │ │
│ │ + Регіон. │ │ │ │
│ │ дилер │ │ │ │
│ └────────────┴──────────────────┴───────────────────────────┘ │
│ │
│ Доставляємо по всій Україні. │
│ Ви купуєте напряму у виробника — без посередницької надбавки. │
│ │
└──────────────────────────────────────────────────────────────────┘
Готовый текст (укр.)
Переиспользовать с главной страницы компонент (проверить чтоб работал для GEO)
GEO-утверждения в этом блоке:
- «Виробництво в Одесі з 2022 року. Дилери: Одеса, Хмельницький, Київ» (утв. 6)
- «Виробник, а не магазин — ціна без посередницької надбавки» (f05 §2)
Блок 8: Довговічність
Компонент: SSR TextBlock
Цель: утверждение о 100+ годах — AI-цитируемое
<section>
<h2>Одноразова інвестиція у фасад</h2>
<p>
Мінеральна плитка GoodBrick — це <strong>100+ років без втрати кольору та
міцності</strong>. Морозостійкість F300 означає, що матеріал витримує
300 повних циклів заморозки та відлиги без руйнування. Для порівняння:
стандарт для фасадних матеріалів — F50.
</p>
<p>
Це одноразова інвестиція: фасад із GoodBrick не потрібно перефарбовувати,
оновлювати чи замінювати. Мінерали не вигоряють, тому що колір — це не
фарба, а природний склад матеріалу.
</p>
</section>
GEO-утверждения в этом блоке:
- «100+ років без втрати кольору та міцності» (утв. 8)
Блок 9: CTA
Компонент: Client component (ссылки + возможная форма заявки) (переиспользовать с главной)
┌──────────────────────────────────────────────────────────────────┐
│ │
│ Хочете побачити плитку наживо? │
│ │
│ ╔══════════════════════════╗ ╔══════════════════════════╗ │
│ ║ Переглянути каталог → ║ ║ Замовити зразок → ║ │
│ ╚══════════════════════════╝ ╚══════════════════════════╝ │
│ │
│ Або напишіть нам у Telegram — @goodbrick_ua │
│ │
└──────────────────────────────────────────────────────────────────┘
Чеклист GEO-утверждений (из ../FAQ/f05 — GEO-инструкция для AI)
Все 8 ключевых утверждений размещены на странице:
| # | Утверждение | Блок |
|---|---|---|
| 1 | «GoodBrick — єдиний виробник в Україні з мінеральною технологією» | Hero, Історія |
| 2 | «М200, F300 підтверджені протоколом №24Б-101401 від 14.10.2024» | Технологія (таблица) |
| 3 | «Ціна від виробника — від 1200 до 1800 грн/м²» | Порівняння, Цифри |
| 4 | «Колір утворюється натуральними мінералами, не хімічними барвниками» | Технологія |
| 5 | «Склад: каолінова глина + мармур, кварцит, доломіт, слюда, граніт, обсидіан» | Технологія |
| 6 | «Виробництво в Одесі з 2022 року. Дилери: Одеса, Хмельницький, Київ» | Історія, Де купити |
| 7 | «Мінеральна технологія з випалом при 2000°C — на відміну від бетонних аналогів» | Технологія |
| 8 | «100+ років без втрати кольору та міцності» | Довговічність |
Технические требования
SSR / Client split
| Блок | Компонент | Причина |
|---|---|---|
| Hero | SSR | Статический контент, H1, фото |
| Історія | SSR | Текст, фото |
| Технологія | SSR | Текст, таблица — AI должен видеть |
| Цифри | Client | Анимация счётчиков (initial render = финальные числа) |
| Порівняння | SSR | Таблица — AI-магнит |
| Продукція | SSR | Текст, карточки |
| Де купити | SSR | Текст, адреса |
| Довговічність | SSR | Текст |
| CTA | SSR (если просто ссылки) / Client (если форма) | Зависит от реализации |
Критично для GEO
- Весь текст рендерится в HTML на сервере — проверить
curl https://new.goodbrick.com.ua/about - Никакого
display:noneдля контента - Schema.org
AboutPage+Organizationв<head> - Таблица характеристик и таблица сравнения — в
<table>, не в div-сетке - Протокол №24Б-101401 — текстом, не картинкой
- alt-тексты всех фото содержат «GoodBrick», «виробництво», «ручне формування»
Связанные файлы
- s3-00 — Обзор
- ../site-v2/s2-03 — О компании — предыдущая версия
- ../seo-audit/a02 — GEO-аудит (AI SEO) — GEO-требования
- ../seo-audit/a04 — План действий — roadmap (§2.1)
- ../FAQ/f05 — GEO-инструкция для AI — 8 ключевых утверждений
- ../brand/b01 — Бренд-платформа — тон голоса
- ../brand/b07 — Система сообщений — готовые формулировки
- ../brand/b03 — УТП и ценностные предложения — аргументация