Если в книжном магазине есть крупные разделы (детская литература, учебники, книги на иностранных языках, подарочные издания), каждому полезна своя страница. Это не просто список товаров, а точка входа. На неё приходят из поиска, из рассылки, по ссылке в соцсетях или с рекламного объявления. Разберём, как её построить.
Чем страница направления отличается от каталога
Каталог отвечает на вопрос «что есть в магазине». Страница направления отвечает на другой: «с чего начать в этой теме». Покупатель детских книг часто не помнит ни автора, ни название, зато знает возраст ребёнка и повод: подарок, чтение на ночь, подготовка к школе. Если сразу показать ему сетку из сотен обложек, он будет листать наугад или уйдёт. Страница направления группирует ассортимент по тем признакам, которыми думает сам человек, и ведёт его в нужный подраздел.
Что разместить на первом экране
На первом экране должно быть ясно, где находится посетитель и куда идти дальше. Обычно хватает четырёх элементов:
- заголовок с названием направления и одной фразой о том, что здесь собрано;
- 4–8 входов в подразделы крупными плитками: по возрасту, теме, серии;
- поиск, ограниченный этим направлением, или заметный фильтр;
- строка с условиями: самовывоз, доставка, подарочная упаковка. Указывайте её, только если услуга действительно есть.
Подборки новинок и популярных книг ставьте ниже плиток. Иначе страница превратится в витрину, а не в навигацию.
Пример: страница «Детские книги» условного магазина
Это иллюстрация структуры, а не описание реального проекта. Сверху вниз страница может выглядеть так:
- H1 «Детские книги» и подпись: «От картонных книжек для малышей до подростковой прозы. Выберите возраст или тему».
- Плитки возраста: «0–3 года», «4–6 лет», «7–9 лет», «10–12 лет», «Подросткам».
- Плитки тем: «Сказки», «Энциклопедии», «Комиксы и раскраски», «Книги к школе».
- Блок «Подборка недели»: 8 карточек с обложкой, названием, автором, ценой и статусом «в наличии» или «под заказ».
- Блок «Как выбрать»: 3–4 предложения о формате, размере шрифта, числе иллюстраций, пересказе и полном тексте.
- Блок «Как получить»: самовывоз, доставка, упаковка.
- Ссылки на смежные направления: «Развивающие игры», «Канцелярия».
Статус наличия на карточке избавляет от разочарования уже на странице товара. Плитка возраста работает как фильтр в один клик, и ей не нужно ничего объяснять.
Какой текст нужен странице и как задать заголовки
Текст нужен прежде всего покупателю. Пишите о выборе: чем отличаются издания одного произведения, как понять формат, чем одна серия не похожа на другую. Одного-двух абзацев под подзаголовком «Как выбрать» достаточно. Не вставляйте ключевую фразу в каждое предложение: читать это неприятно, а на позиции в выдаче не повлияет гарантированно. Title и description сделайте уникальными. В title укажите направление и название магазина, в description коротко скажите, что человек здесь найдёт. Если добавляете разметку schema.org для хлебных крошек или товаров, проверьте, что данные в ней совпадают с видимыми на странице.
Фильтры, списки и телефон
Фильтры должны повторять логику выбора именно этих книг. Для детской литературы это возраст, переплёт, серия, издательство. Для учебников: класс, предмет, автор программы, год издания. Для книг на иностранных языках: язык и уровень. Цена и «в наличии» нужны везде. Если товаров много, используйте разбивку на страницы или кнопку «Показать ещё», но у каждой части списка оставьте рабочий адрес. При выбранном фильтре адрес тоже должен меняться, тогда подборкой можно поделиться. На телефоне плитки лучше ставить в два столбца, а фильтр убирать в раскрывающуюся панель с понятной кнопкой «Показать результаты».
Проверочный список перед публикацией
- По первому экрану понятно, что это за направление и куда переходить дальше.
- Каждая плитка ведёт в непустой раздел, а названия совпадают с названиями в каталоге.
- У карточек есть цена и статус наличия, обложки не искажены.
- Фильтры подходят товарам направления, а выбранные значения видны и сбрасываются.
- Текст «Как выбрать» написан для людей, без повторов ключевых слов.
- Title, description и H1 уникальны и не копируют соседние разделы.
- Хлебные крошки показывают путь: Главная — Направление — Подраздел.
- На телефоне плитки нажимаются без увеличения, а список не прыгает при загрузке.
- В счётчике посещаемости настроены цели: переход в подраздел, добавление в корзину, использование фильтра.
