Разработка страницы категории

Состав блоков

Куда девать описание

Компромисс между «текст нужен» и «товары должны быть видны» решается разделением на две части:

• Сверху — 2–3 предложения: что в категории, сколько позиций, от какой цены, главный критерий выбора. Это же попадёт в сниппет.
• Снизу — развёрнутый материал с подзаголовками: как выбрать, чем отличаются типы, на что смотреть. Он отвечает на информационные подзапросы кластера.
• Никакой простыни на первом экране. Товары должны быть видны без прокрутки.
• Описание только на первой странице пагинации.

Фильтры: что открывать, а что закрывать

Подробности механики — в уроке о дублях контента.

Список товаров

• В карточке списка: фото, название, цена, наличие, кнопка. Этого достаточно для выбора без перехода.
• Заданные размеры изображений — иначе список «прыгает» при загрузке.
• Ленивая загрузка для товаров ниже первого экрана, но не для первых.
• Обычные ссылки на карточки, а не обработчики клика.
• Единообразие карточек: если у одного товара показан вес, он должен быть у всех.

Разметка

{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "itemListOrder": "https://schema.org/ItemListOrderAscending",
  "numberOfItems": 24,
  "itemListElement": [
    { "@type": "ListItem", "position": 1,
      "url": "https://site.ru/tovar/grohe-32843/",
      "name": "Смеситель Grohe Eurosmart 32843" },
    { "@type": "ListItem", "position": 2,
      "url": "https://site.ru/tovar/hansgrohe-31815/",
      "name": "Смеситель Hansgrohe Focus 31815" }
  ]
}

Плюс BreadcrumbList на всех страницах категории. Цены и наличие размечаются на карточках товаров, а не в списке.

Мобильная компоновка

1. Крошки → H1 → короткий абзац.
2. Кнопка «Фильтры», открывающая панель, — а не длинный список фильтров сверху.
3. Товары в одну или две колонки.
4. Пагинация обычными ссылками; «показать ещё» — поверх них.
5. Развёрнутое описание и вопросы — внизу.

Итог

Категория работает, когда товары видны сразу, фильтры под рукой, а текст разделён на короткий вводный абзац сверху и развёрнутый материал снизу. Из фильтров открывают только те, под которые есть спрос. Дальше в курсе — внутренняя оптимизация.