Создание и раскрутка сайтов - веб-студия WebStudio2U Написать письмо в студию веб-дизайна WebStudio2U Авторизация Лента новостей студии веб-дизайна WebStudio2U Карта сайта

Пагинация или бесконечный скроллинг: что выбрать?

Пагинация или бесконечный скроллинг: что выбрать? Когда в рамках одной веб-страницы приходится демонстрировать большой массив данных, разработчикам или владельцам сайтов, как правило, приходится выбирать между двумя основными способами представления таких данных: контент либо будет автоматически подгружаться для вертикального скроллинга, либо же будет автоматически разбит на несколько меньших страниц. Какой же из подходов в веб-дизайне предпочесть?

Решение о том, как будет представляться пользователям сайта большой массив данных, влияет и на общий уровень юзабилити сайта, и на SEO-показатели. Поэтому подобному вопросу важно уделить достаточно внимания, для чего полезно сравнить основные преимущества и недостатки каждого из 2 названных подходов.

Бесконечный скроллинг

Хотя такой подход в представлении массивного потока контента стал использоваться относительно недавно (если сравнивать с пагинацией), пользователи уже хорошо знают его благодаря активному применению в социальных сетях и на сайтах с преобладанием визуального контента. При бесконечном скроллинге пользователям сначала показывается ограниченная часть контента, а затем, по мере прокрутки страницы вниз, показываются следующие порции контента.

Благодаря тому что новые данные демонстрируются без перезагрузки страницы, переход от одной порции контента к другой осуществляется плавно и потому практически незаметен для пользователя. В результате пользователь видит несколько порций контента как одну единую большую страницу.

Бесконечный скроллинг очень хорош для повышения вовлеченности пользователей в изучение контента сайта, он во многих случаях также более удобен для пользователей, поскольку вращать колесико мыши проще и быстрее, чем искать и нажимать нужную ссылку для переключения на следующую страницу. Кроме того, преимуществом бесконечного скроллинга можно назвать его практически идеальную «совместимость» с сенсорными мобильными гаджетами.

При своих плюсах бесконечный скроллинг все же не лишен недостатков. Так, в первую очередь минусы подхода касаются вопроса определения положения какого-то конкретного объекта в общем потоке контента: если страницу закрыть, то при последующей загрузке для поиска заинтересовавшего объекта весь скроллинг пользователю придется выполнить сначала, что может отнять много времени и причинить неудобства.

Еще один недостаток — невозможность «добраться» до футера страницы. Поскольку данные подгружаются непрерывно, нижняя часть сайта, где часто размещается дополнительная информация о сайте, постоянно «ускользает» от пользователя. Соответственно, информацию, которая опубликована в футере, пользователь получить не может. Впрочем, стоит отметить, что проблема вполне решается «приклеиванием» футера к низу страницы или же вообще размещением информации из футера в другой области страницы.

Третий основной минус бесконечного скроллинга — снижение производительности страницы и повышенное потребление ресурсов устройства (обычно в случае с мобильными устройствами). При бесконечном скроллинге данные загружаются на одной и той же странице и в какой-то момент количество их становится настолько большим, что браузеру устройства требуется значительно больше времени на обработку, чем при загрузке обычной страницы. В результате сайт начинает ощутимо «тормозить», а это провоцирует рост показателя отказов.

Пагинация на сайте

Пагинация — это классический вариант разбиения контента на страницы в веб-дизайне. При пагинации для каждой страницы генерируется собственный URL, а контент загружается при совершении целевого действия, например, клика на кнопку «Далее» или на порядковый номер страницы. Типичный пример использования пагинации – это постраничная разбивка категорий товаров в интернет-магазинах.

У пагинации есть сразу несколько важных достоинств. Во-первых, этот подход дает хорошую конверсию в тех случаях, когда пользователи сайта заинтересованы в изучении отдельных объектов данных, а не всего контента в целом. Во-вторых же, он предоставляет пользователям ощущение контроля за процессом: в любой момент времени пользователи сайта могут видеть, на каком этапе изучения информации они находятся, могут оценить общий объем данных и могут зафиксировать при необходимости точный номер страницы, если изучение необходимо временно прервать.

Если говорить о недостатках пагинации для представления большого потока данных на сайте, то основным среди них можно назвать необходимость совершать дополнительные действия, ведь для перехода между страницами пользователь сначала должен найти целевую ссылку, затем нажать на нее, а затем подождать, пока загрузится нужная страница. Кстати, длительное ожидание загрузки страниц тоже можно причислить к недостаткам метода пагинации.

С точки зрения SEO, серьезным минусом пагинации может стать, кроме прочего, еще и дублирование контента: на страницах пагинации обычно меняется лишь часть контента, что приводит к появлению частичных дублей. Для решения проблемы веб-мастера используют различные методики, как, например, исключение страниц пагинации из индекса или добавление на основную страницу мета-тега rel="canonical".

Как можно видеть, оба рассмотренных метода в веб-дизайне для представления большого количества данных на веб-страницах имеют как свои плюсы, так и минусы. И нельзя однозначно определить, что какой-то метод действительно лучше другого. Зато грамотное использование любого из методов в веб-дизайне позволяет свести имеющиеся недостатки практически к нулю при этом эффективно использовать преимущества.

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

Второй важный нюанс — это поиск компромисса между плюсами и минусами выбранного подхода. К примеру, если бесконечный скроллинг мешает пользователям находить какие-то конкретные объекты в большом потоке данных, можно предложить им делать закладки, а если при пагинации пользователям приходится долго ждать загрузки страницы, то можно применить AJAX-приемы, которые позволят не перезагружать страницу полностью.

В заключение же можно отметить, что многие сайты сегодня применяют не пагинацию или бесконечный скроллинг по отдельности, а комбинацию этих методов для наиболее удобного представления данных. В подобном случае ользователям на выбор предоставляется возможность либо воспользоваться пагинацией, либо же подгрузить следующую порцию данных без полной перезагрузки страницы, и каждый пользователь сам решает, как ему удобнее поступить.

Теги:
веб-дизайн, бесконечный скроллинг для сайта, пагинация на сайте