Разбивка на страницы или бесконечная прокрутка: что лучше для вашего контента?
Ваш контент – это то, что делает ваш сайт уникальным. Никакой другой онлайн-бизнес не может обеспечить такой же онлайн-опыт, как вы, и хорошо подобранный контент поможет вашему бизнесу выделиться и превратить посетителей в потенциальных клиентов и клиентов.
Потратив время на исключительный контент вашего сайта, вы захотите, чтобы опыт просмотра соответствовал ему. Это важный фактор при структурировании вашего сайта: как мне организовать и показать мой контент таким образом, чтобы удовлетворить моих пользователей?
Современные веб-сайты в основном можно разделить на две категории организации контента. Есть сайты с разбивкой на страницы, которые разделяют части контента по разным страницам, и сайты с бесконечной прокруткой, которые размещают все на одной странице.
Давайте подробно обсудим оба этих метода организации, а затем сравним их преимущества и недостатки, чтобы определить, какой метод (или оба) лучше всего работает на вашем веб-сайте.
Что такое разбиение на страницы?
Пагинация – это метод разделения цифрового контента на разные страницы веб-сайта. Пользователи могут перемещаться между этими страницами, нажимая ссылки, часто в виде цифр, расположенных внизу страницы. Разбивка на страницы обычно связана с какой-то общей темой или целью.
Вы увидите, что разбиение на страницы широко используется во многих онлайн-компаниях, сайтах электронной коммерции и информационных сайтах, таких как блоги. Блог HubSpot Сайта является основным примером – статьи представлены признаками уменьшенных изображений, и делятся на страницах. Пользователи могут выбрать пронумерованную ссылку внизу, чтобы перейти на другую страницу архива, или щелкнуть миниатюру статьи, чтобы просмотреть эту статью на новой странице.
Что такое бесконечная прокрутка?
Бесконечная прокрутка – это практика взаимодействия с пользователем (UX), при которой контент постоянно загружается, когда пользователь достигает нижней части страницы. Это создает ощущение бесконечного потока информации на одной, казалось бы, бесконечной странице.
Бесконечная прокрутка сделала себе имя в социальных сетях, таких как Facebook, Twitter и Instagram. Этот метод также широко используется на веб-сайтах с большим количеством изображений, таких как веб-сайт стоковой фотографии Unsplash :
В этом примере веб-страница динамически заполняется новым контентом при прокрутке и реализует отложенную загрузку для рендеринга новых изображений, когда они появляются на экране. Щелкать не нужно.
Хотя оба эти UX-метода полезны и широко распространены, они вряд ли взаимозаменяемы. В следующем разделе мы сравним оба метода и посмотрим, где и почему они работают лучше всего.
Разбиение на страницы против бесконечной прокрутки
Выбор между использованием разбивки на страницы или бесконечной прокрутки будет зависеть от цели вашего веб-сайта, типа контента и предполагаемого UX. Пагинация лучше всего работает на веб-сайтах, где пользователи ищут определенные фрагменты контента. Бесконечная прокрутка лучше подходит для исследования контента, когда пользователи бесцельно ищут что-то интересное. Бесконечная прокрутка также очень эффективна на мобильных устройствах.
Сильные стороны пагинации и бесконечной прокрутки показывают, почему они так популярны на определенных сайтах. Например, разбивка на страницы широко используется в электронной коммерции, поскольку она позволяет лучше выполнять поиск и каталогизацию товаров. Посетители этих сайтов, вероятно, ищут продукт определенного типа (например, футболку или детектор дыма) и хотят просматривать только продукты, соответствующие их запросу.
С другой стороны, пользователи социальных сетей обычно не ищут ничего особенного – они хотят, чтобы их развлекали и / или информировали. В этом случае бесконечная прокрутка – отличный способ привлечь пользователей к потоку релевантного контента. По той же причине вы увидите бесконечную прокрутку на новостных сайтах и сайтах с пользовательским контентом.
Давайте теперь разберем эффективность бесконечной прокрутки и разбивки на страницы по нескольким важным аспектам веб-сайта.
помолвка
Помимо всего прочего, бесконечная прокрутка призвана повысить вовлеченность пользователей и удерживать зрителей на странице как можно дольше. Если у посетителей нет конкретной цели, бесконечная прокрутка продолжит развертывать релевантный контент таким образом, чтобы он был эффективным, легко усваиваемым и бесперебойным.
С другой стороны, разбивка на страницы работает лучше, чтобы как можно скорее доставить пользователей к желаемому контенту. Разбиение на страницы делает исследование произвольной формы более трудоемким, поскольку пользователи должны регулярно нажимать «Далее» и ждать загрузки новых страниц. Однако увеличение длины отдельных страниц и оптимизация времени загрузки ограничивают это неудобство.
Обратите внимание, что бесконечная прокрутка также не является идеальным решением для медленной загрузки. Чем больше посетителей прокручивают, тем больше контента необходимо загрузить, что снижает производительность страницы. Обязательно уменьшите размер изображения только до того, что требуется для уменьшения используемой полосы пропускания.
Легкость использования
Если вы разбиваете свой контент на страницы, вы можете быть уверены, что пользователи будут знакомы с макетом вашего сайта. Пока ваши страницы хорошо организованы, у посетителей не должно возникнуть проблем с переходом между ними.
Тем не менее, вы должны стремиться максимально сократить количество кликов. Переход по ссылкам не является «сложным» сам по себе, но они, безусловно, складываются – в наши дни люди ожидают, что будут нажимать как можно меньше, чтобы попасть туда, куда они хотят.
Если бесконечная прокрутка имеет смысл для вашего типа контента, простота использования вашего сайта будет выделяться. Простая прокрутка для отображения большего количества контента дается большинству из нас естественно. Это быстро, просто, интуитивно понятно и быстро реагирует – все это способствует положительному опыту, который посетители оценят, если не ожидают.
Кроме того, удобство использования бесконечной прокрутки проявляется на сенсорных экранах. Эта функция была в основном создана для мобильных устройств, потому что она сводит к минимуму нажатие кнопок, что часто разочаровывает на телефонах.
Легкость реализации
Практически каждый конструктор веб-сайтов, CMS и платформа для ведения блогов по умолчанию используют разбиение на страницы для структурирования контента. При создании сайта вы, вероятно, будете иметь готовые функции разбивки на страницы.
Обойти это невозможно – добавление бесконечной прокрутки на ваш сайт требует дополнительных усилий. Хотя бесконечная прокрутка часто упрощает задачу для пользователя, она всегда усложняет задачу для издателя веб-сайта. Это связано с тем, что вы не можете просто добавить функцию бесконечной прокрутки на сайт с разбивкой на страницы, ожидая, что она будет работать идеально.
Вместо этого вам, вероятно, понадобится надстройка или разработчик для реализации бесконечной прокрутки. Если вы переводите весь сайт со страниц на бесконечную прокрутку, вам также придется потратить много времени на реструктуризацию организации вашего сайта.
Однако не позволяйте нагрузке сдерживать вас. Рассмотрите возможность размещения бесконечной прокрутки на отдельных страницах и тестирования взаимодействия и производительности. Таким образом, вы определите, стоит ли выполнять полномасштабный переход для вашего сайта.
Как мы уже говорили, разбиение на страницы помогает пользователям, которым нужен конкретный контент. По этой причине сайты с разбивкой на страницы обычно легче перемещаться, чем бесконечные скроллеры.
Во-первых, страницы позволяют легко фильтровать, индексировать и искать. Представьте себе начинающего повара, ищущего рецепт на кулинарном сайте. Разбиение на страницы позволяет им искать «энчилада», просматривать соответствующие результаты рецептов, выбирать тот, который им подходит, и добавлять страницу рецептов в закладки для последующего использования.
Кроме того, разбиение на страницы помогает посетителям чувствовать себя более уверенно во время просмотра. При поиске чего-либо они могут посмотреть количество оставшихся страниц и быстро определить, сколько контента осталось просмотреть. По завершении они могут быть уверены, что рассмотрели все возможные варианты.
По своей природе бесконечная прокрутка не позволяет ничего из этого. Контенту не видно конца, и он становится ошеломляющим. Также нет простого способа добавить в закладки фрагмент контента или место на странице. Если пользователь уйдет, а затем вернется на страницу, он снова окажется наверху.
Еще одна полезная функция навигации, которой часто пренебрегают при бесконечной прокрутке, – это область нижнего колонтитула. Пользователи могут инстинктивно проверять нижний колонтитул на наличие контактной информации, политики конфиденциальности, страницы вакансий или другой важной информации.
Поскольку разбиение на страницы позволяет страницам, которые, в общем, заканчиваются, нижний колонтитул просто идет внизу страницы. При бесконечной прокрутке эту информацию необходимо переместить. Еще один пункт для разбивки на страницы.
Визуальный призыв
При правильном стилистическом подходе бесконечная прокрутка улучшает не только простоту использования, но и визуальные эффекты. Благодаря этому бесконечная прокрутка отлично подходит для сайтов обмена фотографиями, портфолио и других сайтов, которые в значительной степени полагаются на визуальные эффекты. Поток визуально привлекательных изображений – это именно то, что нужно пользователям, когда они ищут вдохновения или получают представление о вашем искусстве, особенно в сочетании с другими эффектами, такими как прокрутка параллакса.
За этими рассуждениями также стоит некоторая наука. Человек может обработать фотографию всего за десятые доли секунды. Наш адаптированный к зрению мозг помогает нам сканировать сотни сложных изображений за секунды.
Не убежден? Сравните результаты поиска в Google и в Картинках Google. Обратите внимание, какие из них разбиты на страницы, а какие нет.
SEO
Оптимизация для поисковых систем сама по себе является зверем, независимо от того, какую стратегию UX вы выберете. Пагинация и бесконечная прокрутка влияют на то, как контент размещается на вашем сайте, и, следовательно, создают свои собственные проблемы для SEO. Имейте это в виду при составлении плана SEO.
К сожалению, бесконечная прокрутка ставит UX на первое место, а поисковые системы – на второе. Скрывая большую часть вашего контента на странице и загружая его только по запросу с помощью прокрутки, бесконечная прокрутка может помешать правильной индексации вашего контента поисковыми системами. Это снижает шансы вашего сайта на ранжирование на страницах результатов.
Проблема в том, что, по словам разработчика Google Мартина Сплитта, сканеры веб-сайтов Google обычно не прокручивают страницы вниз и читают только то, что появляется у зрителей при начальной загрузке страницы. Чтобы обойти это, объясняет Сплитт, вы можете разделить недавно загруженный контент на разделы. Затем добавьте кнопки «Подробнее», которые ссылаются на следующий новый раздел, чтобы боты могли переходить по этим ссылкам и индексировать их, как если бы они разделяли страницы. Это потребует дополнительных усилий для реализации и может нарушить UX, но многие считают такой подход достойным компромиссом.
SEO становится более простым, когда контент разбивается на страницы – боты поисковых систем с большей вероятностью будут сканировать целые страницы и правильно индексировать ваш контент. Если вы предпримете шаги, чтобы сообщить поисковым роботам, что контент на страницах связан, вы повысите свой рейтинг.
Однако не забывайте использовать только то количество страниц, которое необходимо для четкой организации вашего контента, так как слишком большое количество страниц может привести к проблемам с SEO. Для каждого веб-сайта поисковые системы устанавливают ограничение на количество сканируемого и индексируемого контента. Если ваша система разбиения на страницы слишком велика, поисковая система может исчерпать свое сканирование на ваших страницах навигации и пропустить страницы, содержащие контент, который вы хотите, чтобы пользователи нашли.
Чтобы избежать этой проблемы, не используйте больше страниц, чем вам нужно – каждая страница контента должна представлять значительную ценность для посетителей (и роботов поисковых систем). Кроме того, попробуйте сделать ссылку на свои самые важные страницы со своей домашней страницы. Это сокращает количество кликов для достижения вашего лучшего контента и гарантирует, что боты будут индексировать то, что вы хотите.
Прокручивать или не прокручивать
На данный момент мы надеемся, что ясно, какой подход UX принесет наибольшую пользу вашему сайту. Даже в этом случае не уклоняйтесь от тестирования обоих этих методов, чтобы получить ценную информацию.
В конечном счете, ваша цель не в том, чтобы создать самую яркую первую страницу или скопировать то, что делают самые популярные сайты. Он предназначен для организации и представления вашего контента таким образом, чтобы он соответствовал потребностям ваших пользователей. Если все сделано правильно, вашим посетителям не придется думать о том, как найти нужный контент – они просто будут.
Источник записи: https://blog.hubspot.com