Что же выбрать?

Зависит от целей сайта. Если сайт нацелен на SEO оптимизацию, то лучше использовать пагинацию (постраничную навигацию), если удобство, то infinity scroll или подгрузку постов по клику (Load more).

Но есть еще один вариант, совместить и то и то. Как это скомпоновать красиво в макете — задача дизайнера 🙂

Перевод статьи — оригинал

Разбиение на страницы против бесконечной прокрутки: в чем разница?

В веб-дизайне есть три способа организации контента: разбиение на страницы, бесконечная прокрутка и «загрузка дополнительных ресурсов».

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

С точки зрения общей основы, разбиение на страницы и бесконечная прокрутка имеют только два основных сходства:

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

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

Что такое разбиение на страницы?

Пагинация — это метод, при котором онлайн-контент разделяется на несколько веб-страниц, а не объединяется в один гигантский блок контента. Если вы прокрутите страницу вниз, на которой используется разбиение на страницы, вы увидите либо ряд номеров страниц, либо ссылки «следующий / предыдущий». Это элементы управления навигацией, которые позволяют пользователю получить прямой доступ к каждой веб-странице в разбитой на страницы серии с помощью ручного щелчка — от первой до последней страницы. Эти элементы управления также отправляют поисковым роботам Google сообщение о том, что весь контент в серии подключен и индексируется, даже если он разделен на несколько страниц.

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

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

Google_Pagination

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

amazon-pagination-new

Что нужно иметь в виду при разбивке на страницы.

При правильной реализации разбиение на страницы является полезным методом классификации веб-страниц. Однако проблемы могут возникнуть, если не принять определенные меры предосторожности. Возьмем, к примеру, следующие обстоятельства.

Дублированный контент. Если на вашем сайте есть опция «Просмотреть все», а также неверный атрибут rel = canonical, проблемы с дублированием контента могут стать проблемой. Однако правильная разбивка на страницы не нанесет никакого вреда, даже если такие вещи, как H1, одинаковы для всех. Поскольку основной контент отличается, он не интерпретируется как повторяющийся контент. Просто помните о SEO при настройке пагинации, и у вас не будет проблем.

Search Engine Journal более подробно описывает эту потенциальную ошибку при разбивке на страницы.

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

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

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

Что такое бесконечная прокрутка?

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

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

Также обратите внимание на каналы социальных сетей — бесконечная прокрутка — популярный метод для сайтов социальных сетей, таких как Facebook и Twitter, и сайтов галерей, таких как Pinterest и Instagram. Эти веб-сайты обычно выбирают бесконечную прокрутку, потому что она дополняет то, как они хотят, чтобы их пользователи взаимодействовали с их контентом. Он отображает непрерывный контент как способ предоставить больше возможностей для просматривающего пользователя найти что-то стоящее. Многие новостные ленты социальных сетей имеют дизайн, подобный изображению ниже, что означает бесконечную прокрутку.

_46 Pinterest

Преимущества бесконечной прокрутки

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

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

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

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

Недостатки бесконечной прокрутки

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

Трудно найти информацию — поскольку бесконечная прокрутка размещает весь контент на одной странице и под одним URL-адресом, может быть сложно найти информацию или запомнить, где она была ранее найдена. Например, если пользователь несколько раз прокрутил веб-страницу с бесконечной прокруткой и покинул сайт, чтобы вернуться позже, страница обновится и снова загрузит верхний контент. Чтобы перейти к предыдущей позиции, может потребоваться много прокрутки. С разбивкой на страницы содержимое страницы можно легко найти, поскольку отдельные страницы и, следовательно, их соответствующее содержимое могут быть помечены закладками.

Низкая скорость загрузки страницы — поскольку на одной странице размещается большой фрагмент контента с большей загрузкой по мере того, как пользователь прокручивает страницу, загрузка страницы займет много времени. Это особенно верно для мобильных устройств, поскольку у мобильного браузера нет возможности «дышать», поскольку пользователь так быстро прокручивает, чтобы отображать все больше и больше контента одним движением пальца. Подумайте об ускоренном смахивании, которое вы используете, чтобы как можно быстрее добраться до нижней части страницы — это может быть контрпродуктивным, если страница не загружается. Медленная загрузка страницы может значительно снизить производительность SEO.

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

Что лучше для SEO?

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

Все еще хотите использовать бесконечную прокрутку?

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