Для того, чтобы обеспечить удобство пользования сайтом-каталогом, интернет-магазином или большим информационным онлайн ресурсом, используется такой функционал, как пагинация. Это структурирование большого массива данных с разделением на страницы с определенным количеством элементов, удобным для прочтения или рассмотрения.
Определение термина пагинация
Пагинация — это порядковая нумерация страниц, которая применяется для разделения ссылочных блоков на веб-сайте. Предназначена для упрощения поиска нужного товара в каталоге, статьи на информационном ресурсе и пр. Разделение необходимо для товарных онлайн-магазинов, где могут быть представлены десятки и сотни видов продукции. Нумерация начинается с первой страницы каталога или другого раздела, где представлено большое количество ссылок на карточки товаров, информационных статей или другого контента.
Формы пагинации
Типы пагинации, которые применяются для крупных веб-ресурсов:
- Прямая нумерация веб-страниц: «1», «2», «3» и т.д.
- Прямая нумерация с разделением по блокам страниц: «1-10», «10-20» и т.д.
- Обратная поблочная нумерация: «50-40», «40-30» и т.д.
Стандартная пагинация представляет собой постраничную навигацию с номерами веб-страниц с ограниченным диапазоном (например, отображается только 5 или до 10 просматриваемых страниц). В нее также встроены кнопки «назад», «вперед», «в начало», «в конец».
Важно! При определении формы и вида постраничной навигации нужно ориентироваться на удобство для посетителя ресурса. В мобильной версии видимый спектр пагинации можно ограничить 5-6 страницами, а для тех, кто заходит в интернет-магазин с персонального компьютера — можно увеличить диапазон до 10 страниц.
Как использовать пагинацию для разных ресурсов
Выбор удобной формы постраничной навигации нужно осуществлять с учетом вида и структуры веб-сайта, интернет-магазина или информационного портала. Главным приоритетом при выборе шаблона и верстке сайта является удобство пользования целевой аудиторией. Если структурирование веб-сайта не будет удобно для потенциальных покупателей, это приведет к большим потерям целевого трафика и низким продажам предлагаемых товаров или услуг.
Особенности применения пагинации для разных видов онлайн ресурсов:
- Интернет-магазины. Для удобства посетителя в каталогах интернет-магазинов часто применяется пагинация с указанием общего количества товаров в данном разделе или товарной категории. Потенциальному покупателю предлагаются разные способы сортировки (по ценовым параметрам, цвету, размеру, фасону и пр.), а также возможность открыть все позиции единым списком, а не листать постранично. Если открывать весь список сразу, веб-страница может дольше загружаться, но таким образом снижается количество обращений к серверу, что разгружает систему при больших нагрузках (во время максимального количества посещений онлайн магазина).
- Поисковые системы. В навигации результатов выдачи поисковых систем Яндекс и Гугл первая страница всегда в зоне видимости. Такая блочная сортировка позволяет пользователям выходить на первую страницу (в ТОП-10) — для получения наиболее релевантных (соответствующих ключевому запросу) результатов органической выдачи. В большинстве случаев люди для поиска нужных товаров или услуг не идут дальше первой страницы; только небольшая часть просматривает еще 2-5 страниц.
- Библиотеки, словари, сборники электронных книг, музыкальных произведений. Для удобства пользователя поисковая навигация выстраивается не по порядковым номерам, а по алфавиту (фамилии автора, названию издания или музыкальной композиции). Музыку или фильмы, аниме можно сортировать постранично не только по алфавиту, но и по жанрам (для кино — комедии, триллеры, боевики и пр.).
- Новостные и информационные ресурсы. На таких сайтах сортировка осуществляется по разделам и категориям, а также по дате публикации. Подписчикам и постоянным посетителям таких веб-ресурсов важно получать наиболее свежую и актуальную информацию. Поэтому для сайтов новостей, информационных блогов нужно предлагать посетителю постраничную навигацию с сортировкой по дате размещения контента.
- Фотобанки. Это порталы, на которых опубликованы сотни тысяч графических изображений (фотографии, иллюстрации, инфографика, видео и пр.). Дизайнеры и веб-специалисты ищут нужные картинки не по нумерации, зачастую пролистывая десятки или сотни страниц, чтобы найти соответствующее изображение. Для удобства пользователей можно использовать кнопки «вперед», «назад».
- Сайты с небольшими каталогами. На корпоративных сайтах, где размещены товарные каталоги с узким ассортиментным рядом или блоками полезных статей, можно использовать постраничную нумерацию.
- Социальные сети. Основной задачей социальных сетей является удержание посетителя на платформе и глубина просмотра. Поэтому здесь номерная пагинация применяется редко. Вместо этого опубликованная информация сортируется по дате размещения и пользователю вначале показываются наиболее свежие материалы. В качестве навигации подходят варианты «Вперед»/«Назад», «Ранее»/«Позднее», «Еще»/«Меньше».
Читать статью полностью: https://www.rush-analytics.ru/blog/chto-takoe-paginaciya