На думку Нейла Пателя, співзасновника KISSmetrics і CrazyEgg, однією з найбільш популярних ідей в веб-галузі є нескінченна прокрутка на сайтах. Але наскільки вона хороша? За словами Пателя, він би зробив вибір у бік «старомодного» сайту з хорошими позиціями, ніж наворочений веб-ресурс, що бовтається глибоко в підвалі пошукової видачі.
Проте є способи всидіти на двох стільцях - додати модну фішку, не пошкодивши при цьому позиціях сайту у видачі.
Нейл Патель наводить такі приклади сайтів з подібним скроллингом:
- Twitter, де можна тримати прокрутку, а сторінка буде йти по наростаючій;
- Facebook - напевно, це один із секретів його популярності, вважає Патель;
- Звичайно ж Pinterest;
- Google також використовує нескінченний скролінг, пропонуючи таким чином шукати картинки.
На думку пана Пателя, ефективність нескінченної прокрутки добре видно на новинних сайтах. Наприклад, на Mashable:
Або сайт магазину Axara:
За словами Нейля Пателя нескінченна прокрутка настільки ідеальна, що виникають деякі підозри. Він правий. Проблеми є.
Конфлікт SEO і нескінченної прокрутки
Сам Патель пропонує розміщувати вміст, який сканують роботи Google, в основному HTML коді. Найбільш підходящі вкладки при цьому - JQuery, а не AJAX. Все це полегшить Google доступ до індексованих контенту.
Крок № 1: Визначте, як розділити ваш контент
Розділіть контент на окремі сторінки. Визначтеся з кількістю контенту на кожній з них. Важливо, щоб їх можна було переглядати при відключеному java-скрипт.
Крок № 2: структуруйте URL для нескінченної прокрутки
URL повинен видозмінюватися відповідно до прокручувати сторінки. Для кожної сторінки буде створюватися унікальний (і обов'язково повний!) URL.
Крок № 3: Кожна сторінка повинна містити розбивки rel = next і rel = prev в заголовних тегах head
Важливо - розбивки повинні бути саме в. а не в. В останньому випадку пошуковики просто не проїндексируют контент.
Крок № 4: Використання PushState / ReplaceState на нескінченній сторінці прокрутки
Поряд з PushState багато хто використовує метод ReplaceState - він змінює поточну запис в історії відвідувань і дозволяє повертатися на сторінки, завантажені раніше.
Крок № 5: Тестуємо
За словами Нейла Пателя, кращий засіб для перевірки ефективності нескінченної прокрутки - відповідність правилам пошукової оптимізації. Найбільш важливі пункти:
Якщо користувач набирає помилковий URL, скажімо, який посилається на неіснуючу сторінку, то повинна з'явитися «помилка 404».
Вплив нескінченної прокрутки на юзабіліті.
Нейл Патель підсумовує, що нескінченна прокрутка може працювати на популярність сайту, але не варто вважати, ніби такий скролл ідеально підходить для вашого ресурсу. Все залежить від того, що конкретно ви хочете досягти за допомогою вашого ресурсу? Цілі сайту і очікування користувача - ось два головні критерії, які потрібно враховувати при реалізації нескінченної прокрутки.