Что зависит от числа товаров
Чем больше карточек выводится сразу, тем тяжелее страница: больше изображений, больше разметки, больше работы у браузера и сервера. С другой стороны, слишком малое число заставляет листать много страниц, увеличивает число адресов пагинации и нагрузку на обход. Нужен разумный компромисс.
Сравнение вариантов
| Вариант | Плюсы | Минусы |
|---|---|---|
| Мало (около 12–24) | Быстрая страница, лёгкая разметка | Много страниц пагинации, много переходов |
| Среднее (около 36–60) | Баланс скорости и удобства | Нужна отложенная загрузка картинок |
| Много (100 и больше) | Меньше страниц пагинации | Тяжёлая страница, риск плохих метрик на телефоне |
| Показать всё | Всё на одном адресе | Тяжело для браузера и сервера, неудобно листать |
| Бесконечная прокрутка | Плавно для посетителя | Нужны отдельные адреса для робота, сложнее аналитика |
Диапазоны указаны ориентировочно: точное число зависит от размера карточки, веса изображений и мощности устройств вашей аудитории.
Как выбрать число на своём сайте
- Возьмите две-три категории и выведите в них разное число товаров.
- Замерьте вес страницы, время появления главного изображения и отзывчивость на телефоне.
- Посмотрите, как меняется поведение: глубина просмотра, переходы в карточки, отказы.
- Остановитесь на варианте, где метрики в норме, а посетители не устают листать.
Практические приёмы
- Первые несколько карточек грузите сразу, остальные — с отложенной загрузкой: подробности в статье про ленивую загрузку.
- Оставьте у страниц пагинации собственные адреса и ссылки друг на друга: о рисках дублей — в статье про пагинацию и дубли.
- Если посетитель может выбрать число товаров сам, не порождайте для этого индексируемых адресов: как это сделать — в статье про параметр «показывать по».
- При бесконечной прокрутке сохраните доступные роботу адреса страниц: об этом — в статье про индексацию бесконечной прокрутки.
Решение можно пересматривать. Изменилась аудитория, добавились тяжёлые блоки — повторите замер: то, что работало год назад, может подойти хуже.
Учитывайте сетку карточек
Число товаров удобно выбирать кратным числу колонок в сетке. При двух, трёх и четырёх колонках хорошо подходят 12, 24 и 48: последний ряд не остаётся неполным, а страница выглядит аккуратно. Для телефона, где колонок меньше, то же число товаров превращается в более длинный список, поэтому там особенно полезна отложенная загрузка изображений.
Частые вопросы
Сколько товаров выводить на странице?
Универсального числа нет: ориентируйтесь на вес страницы и метрики на телефоне, обычно это от нескольких десятков карточек.
Стоит ли выводить все товары на одной странице?
Как правило нет: это делает страницу тяжёлой для браузера и сервера, хотя число адресов пагинации уменьшается.
Нужны ли отдельные адреса при бесконечной прокрутке?
Да: чтобы робот мог добраться до всех товаров, у каждой порции должен быть собственный адрес, доступный по ссылке.
Готовый адрес можно собрать прямо сейчас: откройте генератор ЧПУ — он транслитерирует фразу по таблице Яндекса, уберёт служебные слова и покажет длину адреса.