Files
gb-investigation/02 — Каталог.md

137 lines
5.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
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. Пагинация
- Гибрид: кнопка «Показать ещё» + пагинация с номерами
- `<link rel="next/prev">` для crawler
- Lazy loading изображений (Intersection Observer)
---
## Технические SEO-требования каталога
- [ ] URL фильтров: не индексировать комбинации → `robots.txt` / `noindex`
- [ ] Canonical: все фильтрованные → основная категория
- [ ] Image sitemap для всех товаров
- [ ] Сортировка: по популярности (default), по цене, по новизне
- [ ] Mobile: фильтры в drawer, sticky CTA «Заказать образец»
---
## Связанные страницы
- [[01 — Главная]]
- [[03 — Карточка товара]]
- [[11 — Блог]]
- [[15 — Технические требования]]