Россия+7 (495) 960-65-87

Волшебное колесико: нужен ли бесконечный скроллинг?

Россия+7 (495) 960-65-87
Шрифт:
2 7674

По мнению Нейла Пателя, сооснователя KISSmetrics и CrazyEgg, одной из наиболее популярных идей в веб-отрасли является бесконечная прокрутка на сайтах. Но насколько она хороша? По словам Пателя, он бы сделал выбор в сторону «старомодного» сайта с хорошими позициями, чем навороченный веб-ресурс, болтающийся глубоко в подвале поисковой выдачи.

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

Бесконечная прокрутка позволяет опускаться вниз, попутно загружая для просмотра все больше и больше контента. Подвала сайта не видно, зато контента больше.

Нейл Патель приводит следующие примеры сайтов с подобным скроллингом:

  • Twitter, где можно держать прокрутку, а страница будет идти по нарастающей;
  • Facebook — наверное, это один из секретов его популярности, считает Патель;
  • Конечно же Pinterest;
  • Google также использует бесконечный скроллинг, предлагая таким образом искать картинки.

Twitter:

Facebook:

Pinterest:

Google:

По мнению г-на Пателя, эффективность бесконечной прокрутки хорошо видна на новостных сайтах. Например, на Mashable:

Или сайт магазина Axara:

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

Конфликт SEO и бесконечной прокрутки

Для того чтобы реализовать бесконечную прокрутку, наиболее часто используют JavaScript. А сайты с ним не совсем корректно индексируются Google, говорит Нейл Патель.

Сам Патель предлагает размещать содержимое, которое сканируют роботы Google, в основном HTML коде. Наиболее подходящие вкладки при этом — JQuery, а не AJAX. Все это облегчит Google доступ к индексируемому контенту.

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

Шаг № 1: Определите, как разделить ваш контент

Разделите контент на отдельные страницы. Определитесь с количеством контента на каждой из них. Важно, чтобы их можно было просматривать при отключенном java-скрипте.

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

Шаг № 2: структурируйте URL для бесконечной прокрутки

URL должен видоизменяться в соответствии с прокручиваемыми страницами. Соответственно для каждой страницы будет создаваться уникальный (и обязательно полный!) URL.

Примеры хороших адресов:

  • example.com/category?name=fun-items&page=1,
  • example.com/fun-items?lastid=567.

Пример плохого адреса:

  • example.com/fun-items#1

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

  • example.com/category/page.php?name=fun-items&days-ago=3.

Создавая URL-адрес, не стоит вставлять в него ненужные элементы. Например, такие:

  • example.com/fun-places?radius=5&lat=40.71&long=-73.40.

URL у каждой отдельной страницы должен быть полным. Возможно добавление к URL-адресу нумерации страниц или идентификаторов.

Шаг № 3: Каждая страница должна содержать разбивки rel=next и rel=prev в заголовочных тегах head

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

Важно — разбивки должны быть именно в , а не в . В последнем случае поисковики просто не проиндексируют контент.

Шаг № 4: Использование PushState/ ReplaceState на бесконечной странице прокрутки

Метод PushState (добавляет новую запись в историю посещений сайта) загружает новое содержание строго в последовательности по нумерации страниц. Говоря проще — PushState управляет в браузере загрузкой контента и его отображением.

Наряду с PushState многие используют метод ReplaceState — он изменяет текущую запись в истории посещений и позволяет возвращаться на страницы, загруженные ранее.

Шаг № 5: Тестируем

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

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

Влияние бесконечной прокрутки на юзабилити.


Вывод

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


(Нет голосов)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Гость
    больше года назад
    А как же "открыть в новой вкладке"?)
    -
    1
    +
    Ответить
  • Сергей
    больше года назад
    Если навигация не продумана, бесконечный скроллинг бесит. Предположим, где то после скролла 4х страниц находишь интересную статью. ниже статьи идет еще одна, которую тоже хочу почитать. Мы заходим в самую первую статью, читаем, все ок. А теперь, чтобы попасть на следующую статью, нужно снова перейти в раздел, скроллить, ждать пока это все прогрузится и наконец то, зайти в другую статью... Да ну ее лесом, закрываешь - больше не приходишь.
    -
    1
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Рейтинг Известности 2018: старт народного голосования
Михаил Р
1
комментарий
0
читателей
Полный профиль
Михаил Р - 1. Demis 2. кокс 3. Ашманов 4. Скобеев 5. Digital Strategy
Сколько ссылок помогут продвинуть молодой сайт
Павел Андрейчук
21
комментарий
0
читателей
Полный профиль
Павел Андрейчук - Дело в том, что вряд ли в ваших платных "качественных" кейсах найдётся хоть пару % действительно новой и полезной информации которой бы не было на общедоступных источниках.
Рейтинг Известности 2018: второй этап народного голосования
Константин Сокол
3
комментария
0
читателей
Полный профиль
Константин Сокол - Кто был ответственный за дизайн таблицы голосования? Копирайтер?
Кейс: вывод лендинга по изготовлению флагов на заказ в ТОП 1 по Санкт-Петербургу
utka21
5
комментариев
0
читателей
Полный профиль
utka21 - Кейс как кейс. Для некоторых станет вполне возможно полезным. ( Для конкурентов точно) . А вот с комментариями , что то пошло не так )
Google обошел Яндекс по популярности в России в 2018 году: исследование SEO Auditor
Рамблер
1
комментарий
0
читателей
Полный профиль
Рамблер - Вот вроде отечественный - это сказано верно.. «Я́ндекс» — российская транснациональная компания, зарегистрированная в Нидерландах. Так говорится в Википедии. И с хрена ли ОТЕЧЕСТВЕННЫЙ поисковик зарегистрирован в Европе? И где платится основная часть налогов? Ну-ууу, точно не в России. И если запахнет жаренным, то был Яндекс и нет Яндекса!
Обзор популярных CMS: плюсы и минусы
Гость
1
комментарий
0
читателей
Полный профиль
Гость - У Битрикса техническое seo сильно страдает, чтоб оно там было нормальным придется все переделать. Безопасность у Битрикса тоже низкая, особено если надо дорабатывать функционал, как только правиться функционал у Битрикс , то уровень ее безопасности определяет тот разработчик , который этим занимается. Самые безопасные движки те, что нет в общем доступе и где нельзя ничего редактировать в коде. =)
Как использовать Python для LSI-копирайтинга
Evgeny Montana
6
комментариев
0
читателей
Полный профиль
Evgeny Montana - спасибо)
Инструкция: настраиваем цели Яндекс.Метрики через Google Tag Manager
Roman Gorkunenko
1
комментарий
0
читателей
Полный профиль
Roman Gorkunenko - Здравствуйте. Подскажите, пожалуйста, можно с айпи метрики вытащить среднюю стоимость клика по утм меткам? В метрике есть такой шаблон tags_u_t_m, но он не совместим с меткой директа, у них разные префиксы.
Стартовал сбор заявок на участие в рейтинге «Известность бренда SEO-компаний 2018»
Артем Первухин
1
комментарий
0
читателей
Полный профиль
Артем Первухин - Make KINETICA Great Again!
Аудит структуры интернет-магазина мебели от «Ашманов и партнеры»
Дмитрий
8
комментариев
0
читателей
Полный профиль
Дмитрий - Сергей, а вы допускаете, что вся ваша жизнь - seo-миф?
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
342
Комментариев
262
Комментариев
243
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
99
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
67
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55
Комментариев
54

Отправьте отзыв!
Отправьте отзыв!