Бесконечная прокрутка на сайте
Если вы когда-либо использовали Twitter, Facebook или искали изображения в Google, вы, наверное, видели бесконечную прокрутку в действии. Все, что вам нужно делать — это прокручивать страницу вниз, где появляется все больше и больше информации. Но как именно организована бесконечная прокрутка и стоит ливам использовать ее на своем сайте? В этой статье мы постараемся ответить на этот вопрос, а также оценить все плюсы и минусы такого подхода.
Что такое бесконечная прокрутка?
Бесконечная прокрутка — способ отображения информации для читателей вашего сайта. Вместо того чтобы заставлять посетителей нажимать кнопку \"Дальше\" или \"Следующая страница\", чтобы увидеть больше статей и фотографий, они могут просто продолжать прокрутку, чтобы увидеть новую информацию. Mashable является отличным примером сайта, использующего такой способ организации контента. Социальные сети и электронные средства массовой информации сыграли большую роль в популяризации бесконечной прокрутки. Почти все крупные социальные сети — вКонтакте, Facebook, Pinterest, Twitter, Google+, LinkedIn и Instagram используют эту функцию.
Плюсы и минусы бесконечной прокрутки
Бесконечная прокрутка не является лучшим вариантом по умолчанию. Именно поэтому необходимо взвесить все «за» и «против», прежде чем принимать решение о ее внедрении на вашем сайте.
Плюсы
1) Она прекрасно подходит для смартфонов
Для пользователей телефонов с сенсорным экраном прокрутить страницу вниз проще, чем нажать на маленькую ссылку, чтобы перейти к следующей странице.
2) Бесконечная прокрутка помогает удержать внимание пользователя на контенте
Необходимость нажатия кнопки для продолжения чтения или знакомства с каталогом может стать отвлекающим фактором и источником дополнительного трения. Если информация прибывает по мере прокрутки вниз, пользователь теряет чувство страницы и, вероятно, долистает до самого низа прежде, чем поймет, в чем дело. Именно этот фактор делает такой подход любимым способом у СМИ и социальных сетей.
3) Это удобней для отображения больших объемов данных
Если на вашем сайте много информации, бесконечная прокрутка — хороший способ показать больше контента сразу.
4) Это прекрасное решение для сайтов с обновлением информации в реальном времени
Подгрузка новой информации становится незаметной для читателя и не требует от него контроля количества страниц или наличия ссылки.
5) Бесконечная прокрутка не делает сайт медленней
Да, в итоге пользователь выгружает довольно большое количество информации на одну страницу, но это никак не влияет на стартовую скорость ее загрузки. Кроме того, подгрузка новой информации с помощью AJAX или других аналогичных технологий, обычно быстрее, чем загрузка новой страницы.
Минусы
1) Это усложняет поиск
Необходимость прокручивать страницу вниз вместо того, чтобы нажать на ссылку, которая приведет к нужному содержимому, немного раздражает. Именно поэтому поисковики вроде Google не используют этот прием.
2) У вас не будет подвала
Нижний колонтитул — отличное место для второстепенных ссылок и контактной информации. Часто пользователи намеренно идут в эту часть страницы, чтобы посмотреть информацию о компании, но большинство реализаций бесконечной прокрутки не предусматривает возможность создания подвала на вашем сайте.
3) Пользователь вынужден внимательно просматривать все содержимое
Для того чтобы не пропустить именно ту часть информации, которая его интересует, посетитель вашего сайта будет вынужден просматривать каждую его часть довольно внимательно, что требует больше времени и может вызывать раздражение, если человек абсолютно не заинтересован в остальном контенте.
Как понять, что бесконечная прокрутка вам подходит?
Плюсы и минусы, упомянутые выше, должны дать вам представление о том, насколько хорошей идеей является использование бесконечной прокрутки на вашем сайте. Ниже вы найдете несколько вопросов и связанных с ними нюансов, которые помогут вам принять окончательное решение.
1) Ваши пользователи используют (будут использовать) поиск по сайту?
Если это так, бесконечная прокрутка вам не подходит.
Большинство хороших интернет-магазинов разделяют продукцию на множество категорий и разрабатывают фильтры, призванные помочь пользователю найти товары, соответствующие требованиям. Бесконечная прокрутка делает это крайне неудобным и не подходит для сайтов такого типа. Так что если ваша компания связана с электронной коммерцией, вам стоит использовать более традиционные способы организации контента.
Etsy — одна из самых крупных торговых площадок, которые пытались использовать бесконечную прокрутку. Главный инженер Дан Мак-Кинли признал, что его команда не знает, почему идея провалилась. Он сказал: «Люди, как известно, непостоянны в оценках изменений в интерфейсе. Но если поисковый алгоритм выводит наиболее релевантные результаты в верхней части списка, то пользователь, который видит первых 16 результатов и вынужден кликнуть по кнопке для ознакомления с другими вариантами, не имеет никаких преимуществ по сравнению с посетителем, у которого в распоряжении те же 16 вариантов и бесконечный список».
Он добавил: «Я не утверждаю, что бесконечная прокрутка — это плохое решение. Это может быть эффективно на вашем сайте, но мы должны были постараться лучше понять пользователей, использующих наш сайт».
Из этой истории можно сделать два четких вывода. Во-первых, тестирование является невероятно важной составляющей любого решения, в том числе и решения о бесконечной прокрутке. Во-вторых, если пользователи часто используют поиск на вашем сайте, бесконечная прокрутка — не лучший выбор.
2) Ваш сайт, преимущественно, предлагает ознакомиться с контентом и изображениями?
Если это так, бесконечная прокрутка отлично вам подойдет.
Развлекательным и информационным сайтам прекрасно подойдет такой способ отображения информации. Это позволяет упростить навигацию и повысить скорость просмотра контента. Кроме того, как мы уже говорили, повышенная концентрация пользователя на контенте увеличивает время, которое он проводит на сайте.
Как бесконечная прокрутка влияет на SEO
Вот что говорит Скотт Лэнгдон, управляющий партнер HigherVisibility: "Google боты видят страницу так, как она отображается после первой загрузки. Это означает, что они не могут видеть информацию, которая появляется после продолжения прокрутки. Как вы догадываетесь, поисковые боты не будут прокручивать страницу, чтобы просканировать содержимое. Это означает, что Google не проиндексирует ваш контент, и он не будет отображаться в поисковой выдаче".
Но это не означает, что ваш контент потерян для поисковиков. В своем блоге для веб-мастеров Google дал подробные рекомендации для сайтов с бесконечной прокруткой. Вот несколько основных советов:
- Сайты, которые используют бесконечную прокрутку, должны иметь ссылки со структурой страниц, чтобы боты могли их индексировать правильно.
- Используйте CMS.
- Вы должны разбить содержимое бесконечной прокрутки на страницы и убедиться, что у каждой из них есть свой адрес.
- Вы должны убедиться, что каждый элемент содержимого относится только к одной странице. Это избавит вас от проблем с дублированием контента.
- Используйте CMS.
- Вы должны настроить нумерацию страниц для каждого компонента в тэге HEAD . Любые способы разбивки на страницы в BODY игнорируются Google, когда дело доходит до индексации.
На самом деле, бесконечная прокрутка — довольно простая штука, но прежде, чем реализовывать ее на своем сайте, убедитесь, что она будет благосклонно принята вашими пользователями. Советы, приведенные в статье — это всего лишь основа, которая поможет вам разработать стартовую гипотезу. Никогда не забывайте об аналитике и тестировании.