Як створити SEO-дружню сторінку з нескінченним скролінгом
З цієї статті ви дізнаєтеся, як зробити сторінку з вічною прокруткою SEO-дружньої.
Чому пошукові системи не люблять нескінченний скролінг
Нескінченний скролінг – це функція у веб-дизайні, яка забезпечує можливість прокручувати сторінку вниз та переглядати контент, не відкриваючи нову сторінку. Коли користувач скролить, сторінка автоматично завантажує новий контент. Це створює враження, що сторінка ніколи не закінчується.
Що робити, якщо ви не хочете для роботи позбавляти відвідувачів сайту можливості нескінченно прокручувати сторінки? Читайте нижче.
Як догодити пошуковим системам, не відмовляючись від нескінченної прокрутки
Google підказав власникам сайтів спосіб, який дозволяє зберегти нескінченний скролінг та забезпечити роботам можливість індексувати контент. Суть цього способу полягає в наступному: створюючи сторінку з нескінченним прокручуванням, вебмайстер повинен об'єднати контент у блоки, кожен з яких має ознаки повноцінної веб-сторінки. Йдеться про власний URL та заголовок. У цьому випадку живі користувачі бачать на екрані сторінку, яку можна прокручувати нескінченно. А пошукові системи «бачать» серію сторінок, до кожної з яких вони легко отримують доступ.
Щоб реалізувати цю ідею, скористайтеся покроковим планом:
1. Об'єднайте контент у блоки
Переконайтеся, що розмір блоків забезпечує оптимальний час завантаження контенту. Ймовірно, об'єднання в блоки по місяцях буде найзручнішим, якщо ви публікуєте по одній посаді на день. А якщо ви публікуєте 20 статей на день, то поєднайте контент у блоки щодня. Переконайтеся, що вміст блоків не дублюється.
2. Створіть структуру URL
Структура URL повинна відображати послідовністьвідображення публікацій. Іншими словами, URL мають бути логічно пов'язані один з одним. Google рекомендує використовувати такі структури:
- primer.ru/articles?lastid=1, primer.ru/articles?lastid=2 і так далі.
- primer.ru/articles#1, primer.ru/articles#2 і так далі.
Пошуковик не рекомендує будувати структуру URL на основі хронологічних параметрів, оскільки це зменшує цінність сторінки з погляду роботів. Також Google рекомендує використовувати URL, зрозумілі для людини.
3. Використовуйте атрибути rel="next" та rel="prev"
4. Використовуйте технологію pushState
PushState – це технологія HTML 5, що регулює завантаження контенту. Ця функція забезпечує відображення вмісту у послідовності, визначеній структурою URL. Іншими словами, за допомогою pushState сторінка повідомляє браузеру, що завантажувати та відображати.
5. Пам'ятайте про вимоги пошукових систем
Пошуковики цінують сторінки, що містять добрий контент. Пам'ятайте про це, створюючи сторінку з нескінченним прокручуванням. Кожен блок, що має власну URL-адресу, повинен містити корисний контент.
Дотримуйтесь інших вимог пошукових систем. Забезпечте користувачам зручну навігацію, посилайтеся на корисні для відвідувачів веб-сторінки, не зловживайте ключовими словами.
Єдність та боротьба протилежностей
Цей закон діалектики було сформульовано задовго до появи пошукових систем та SEO. Однак, він дуже добре описує конфлікт, з яким стикаються власники сайтів. Користувачі люблять нескінченну прокручування. Пошукові роботи її не люблять. Але роботи повинні любити все, що люблять живі користувачі. Щоб допомогти роботам вирішити цю суперечність, використовуйте описаний вище метод створення SEO-дружньої сторінки знескінченним скролінгом.