Розбиття на сторінки в Magento 2 є необхідним елементом для кращої навігації магазином, який також покращує швидкість завантаження та SEO, особливо для великих каталогів. Розбиття на сторінки розділяє товари на кілька сторінок, замість того, щоб завантажувати все одразу. Це покращує навігацію як для відвідувачів, так і для пошукових роботів Google.
Цей посібник охоплює всі налаштування розбиття на сторінки в Magento, Поради щодо SEO-оптимізації Magento для розбиття на сторінки, і навчає, як вибрати найкращий стиль розбиття на сторінки для вашого магазину.
- Відображення 20-40 товарів на сторінці є рекомендованим налаштуванням розбиття на сторінки Magento для великих каталогів, щоб зберегти баланс між швидкістю та зручністю користування.
- Magento надає вбудовані елементи керування пагінацією, такі як Переглянути як, Сортувати за, Показувати на сторінці, та Посилання на пагінацію.
- Пагінація створює унікальні URL-адреси для сторінок зі списком продуктів і дозволяє пошуковим системам знаходити та індексувати більше продуктів.
- Пагінація Magento AJAX або нескінченна прокрутка AJAX – це альтернатива пагінації, яка динамічно завантажує продукти, залишаючи користувачів на одній сторінці.
- У Magento відсутні налаштування SEO для пагінації, рекомендовані для кращого сканування та індексації. Для оптимізації пагінації для SEO рекомендується спеціальне розширення Magefan Модуль Magento 2 SEO .
Що таке пагінація Magento 2 ?
Пагінація Magento 2 – це процес поділу великого список товарів у Magento на кілька менших пронумерованих сторінок для покращення навігації, швидкості та SEO веб-сайту. Згідно з налаштуваннями Magento за замовчуванням, сторінки поділяються на основі набору елементів керування та обмежень пагінації.
Наприклад, якщо сторінка категорії містить 1000 товарів, і Magento намагається завантажити їх одночасно, сторінка стає дуже важкою. Натомість Magento дозволяє продавцям відображати лише налаштовану кількість товарів на кожній сторінці для швидкого завантаження.
Що таке елементи керування пагінацією в Magento 2?
Елементи керування пагінацією – це елементи навігації інтерфейсу, які допомагають клієнтам розділяти великі каталоги товарів на менші, керовані сторінки та вибирати, як товари повинні відображатися на екрані. Це дає клієнтам більше контролю та гнучкості під час пошуку товарів.
Існує 4 типи елементів керування пагінацією Magento:
| Керування сторінками | Опис | Найкраще підходить для |
|---|---|---|
| Переглянути як | Відображає товари у вигляді списку або сітки | Магазини модного одягу та електроніки з візуально насиченими каталогами або каталоги B2B, де користувачі можуть віддавати перевагу детальному перегляду списків |
| Сортувати за | Змінює порядок сортування товарів | Пошук товарів, де клієнти швидко знаходять відповідні або популярні товари за допомогою опції сортування, наприклад, «бестселер», «найновіші» тощо |
| Посилання на пагінацію | Допомагає переміщатися між сторінками | Запобігання проблемам з продуктивністю, спричиненим завантаженням занадто великої кількості товарів одночасно |
| Показувати на сторінці | Визначає кількість товарів, що відображаються на сторінці | Досвід користувача та продуктивність сторінки, особливо для великих каталогів з великою кількістю зображень |
Якщо клієнти відвідують сторінку категорії з 48 топами, Елементи керування пагінацією дозволяють переглядати товари в сітці, сортувати найвищі товари за ціною, одразу переходити на "сторінку 3" або бачити 6 товарів на сторінці замість 48.
Що таке обмеження набору пагінації Magento 2 ?
Обмеження набору пагінації Magento 2 – це налаштовуване обмеження на кількість товарів, які система завантажує та відображає на сторінці категорії. Ці обмеження завжди поділяються на обмеження на сторінку (перегляд сітки та списку) та обмеження фреймів пагінації.
Однак дуже часто продавці сумніваються щодо того, яке значення вибрати в конфігураціях.
Наприклад, відображення 10 товарів на сторінці здається хорошим для швидкості магазину, але змушує клієнтів перемикатися між більшою кількістю сторінок. Водночас, 100 товарів на одній сторінці можуть перевантажити клієнтів і зробити сторінку занадто важкою. Особливо на мобільних пристроях.
Тому важливо розуміти, як вибрати правильне значення, яке може збалансувати як продуктивність магазину, так і користувацький досвід.
У наступній таблиці пояснюється, як вибрати ліміт пагінації Magento 2 на основі найчастіше рекомендованих значень.
| Кількість товарів на сторінку | Рекомендовано для | Перевага |
|---|---|---|
| 10-20 | Невеликі магазини, модні бутики, бренди класу люкс та магазини, орієнтовані на мобільні пристрої, з зображеннями високої роздільної здатності | Швидке завантаження та зручний перегляд. Однак створює більше URL-адрес із розбивкою на сторінки, що може ускладнити сканування та розуміння структури магазину пошуковими системами |
| 20-40 | Більшість магазинів Magento середнього розміру з каталогами середнього розміру | Збалансований варіант, який пропонує як зручний перегляд, так і хорошу продуктивність |
| 40-60 | Великі магазини B2B або оптові каталоги | Дозволяє клієнтам переглядати більше товарів одночасно без необхідності частого перемикання між сторінками |
| 60 + | Рідко рекомендується | Може уповільнити швидкість завантаження сторінки, вплинути на Core Web Vitals та забезпечити поганий користувацький досвід для мобільних пристроїв |
Обмеження на сторінки від 20 до 40 товарів на сторінку вважається найбезпечнішим та найзбалансованішим варіантом для більшості магазинів Magento.
Однак, перш ніж вибирати обмеження на сторінки, перевірте налаштування та відстежуйте, як кожен тип обмеження впливає на ваш магазин (тобто швидкість завантаження сторінки, показник відмов, Core Web Vitals, середню тривалість сеансу та коефіцієнти конверсії).
Як налаштувати сторінки Magento 2 ?
Налаштування пагінації в Magento 2 включає встановлення рамки пагінації, пропуску кадрів та прив’язок перемикача у відповідних налаштуваннях дизайну перегляду магазину.
Отже, давайте розглянемо ці налаштування крок за кроком.
1. Перейдіть до розділу Контент > Дизайн > Конфігурація та знайдіть тему, яку ви хочете Редагувати.
2. Почніть редагувати тему та прокрутіть до розділу Пагінація .
3. Введіть кількість посилань, які будуть відображатися, у полі Рамка пагінації (кількість посилань на сторінки 1, 2, 3, 4 внизу сторінки навігації).
Наприклад, якщо встановити значення 4, відвідувачі побачать до п’яти номерів сторінок на панелі пагінації, перш ніж система покаже наступний набір посилань.
4. Визначте, скільки посилань слід пропустити, щоб система почала відображати наступний набір посилань у полі Пропуск кадру пагінації .
Примітка: рекомендоване значення становить 2 для більшості магазинів та 3-5 для магазинів з великими каталогами, коли відвідувачам потрібно швидше переміщатися між сторінками.
5. Заповніть поле Текст прив’язки для кнопок «Попередня» та «Наступна» або залиште поле порожнім, щоб застосувати стрілку за замовчуванням.
Не забудьте Зберегти конфігурацію та перевірити, як працює пагінація на фронтенді.
Найкращі практики SEO-пагінації в Magento 2
Magento не має жодних налаштувань SEO для пагінації за замовчуванням. Щоб додати більш розширені параметри SEO, такі як посилання rel prev/next, ?p= або встановити метадані для сторінок пагінації, вам потрібен Magefan .
Перегляньте наступні рекомендації SEO для пагінації Magento та приклади налаштувань Magefan для SEO пагінації:
Використовуйте канонічні теги з авторським посиланням
Рекомендується використовувати канонічні теги з авторським посиланням на сторінках товарів з пагінацією, а не вказувати всі сторінки з пагінацією назад на сторінку категорії (сторінка 1). Це повідомляє пошуковим системам про необхідність розглядати кожну сторінку як унікальну URL-адресу.
наприклад, канонічний тег на сторінці 2 категорії чоловічого взуття повинен вказувати на https://yourwebsite.com/men/shoes?p=2 , а не на першу сторінку https://yourwebsite.com/men/shoes.
Зробіть посилання на сторінки легкими для сканування
Деякі з ваших продуктів можуть ніколи не бути знайдені, якщо ваші кнопки з сторінками приховані за JavaScript або заблоковані для сканування. Переконайтеся, що ваші посилання на сторінки, такі як Далі, Попередня та номери сторінок, використовують HTML, коли це можливо.
Використовуйте rel="next" та rel="prev"
Теги rel="next" та rel="prev" вказують порядок пагінованих сторінок і показують, що вони належать до однієї серії. Використовуйте модуль Magefan SEO для автоматичного .
Rel pre/next для сторінок пагінації увімкнено в модуль Magefan SEO
Наприклад, якщо категорія має три сторінки (/category (Сторінка 1), /category?p=2 (Сторінка 2) та /category?p=3 (Сторінка 3)), HTML-код на сторінці 2 міститиме наступне:
<link rel="prev" href="https://example.com/category?p=1">
<link rel="next" href="https://example.com/category?p=3">
Це повідомляє сканерам, що сторінка 1 знаходиться перед поточною сторінкою, а сторінка 3 — після неї.
Оптимізуйте метадані для кожної сторінки пагінації
Навіть якщо сторінка має тег самопосилання ?p= , метадані залишаються однаковими для всіх сторінок, що надсилає сигнали дублювання контенту пошуковим роботам.
Додавання номера сторінки до заголовка та даних сторінки робить її унікальною та запобігає будь-яким оманливим сигналам для Google. Magefan SEO дозволяє автоматично додавати номер сторінки до всіх сторінок.
Приклад налаштувань метаданих сторінок пагінації
Блокування індексації сторінок пагінації
Якщо у вас надзвичайно великий каталог з кількома сторінками, індексація всіх з них, навіть якщо ви дотримуєтеся всіх згаданих нами найкращих практик, може бути надмірною.
У цьому випадку ви можете автоматично налаштувати власні роботи noindex для всіх сторінок пагінації за допомогою правил Magefan SEO.
Увімкнення правила SEO для масового налаштування тегів noindex follow для всіх сторінок пагінації
Керування відфільтрованими URL-адресами
Сторінки категорій також містять багатошарова навігація в Magento . Це дозволяє відвідувачам фільтрувати товари за ціною, кольором, розміром, брендом та будь-яким іншим атрибутом, що також генерує кілька сторінок.
Але щойно люди використовують фільтровану навігацію, навіть якщо вони знаходяться на сторінці 2, параметр фільтра додається до URL-адреси замість ?p=. Тож, як тільки ви оптимізуєте SEO пагінації в Magento, налаштуйте багаторівневі параметри навігації.
Зберігайте чітку структуру сайту
Проста структура категорій у поєднанні з пагінацією допомагає швидко знаходити товари не лише відвідувачам, але й пошуковим системам.
Якщо товари приховані за багатьма шарами навігації, пошуковим системам може знадобитися більше часу, щоб їх виявити та проіндексувати.
Пагінація Magento проти пагінації Magento AJAX
Хоча пагінація — це процес поділу великої сторінки категорії на кілька менших сторінок, пагінація Magento 2 AJAX або нескінченна прокрутка AJAX завантажує ці сторінки динамічно. Це дозволяє клієнтам прокручувати товари вниз, не перезавантажуючи всю сторінку.
Багато продавців віддають перевагу нескінченній прокрутці, а не пагінації Magento за замовчуванням. Але лише за умови правильної реалізації як для продуктивності сторінки, так і для SEO.
Отже, перш ніж вирішити, який підхід обрати, пагінацію Magento за замовчуванням чи нескінченну прокрутку AJAX, розгляньте їхні переваги та недоліки.
Якщо у вашому магазині є сотні товарів, розподілених по багатьох сторінках категорій, і ви цінуєте органічний пошуковий трафік, пагінація за замовчуванням стає кращим варіантом.
Якщо ваша мета — підвищити зацікавленість відвідувачів та забезпечити кращий досвід перегляду для мобільних користувачів, нескінченна прокрутка — це ефективне рішення.
Виберіть один з варіантів та дотримуйтесь найкращих практик SEO для сторінок пагінації, щоб забезпечити безперебійний перегляд каталогу як для людей, так і для ботів.
Найчастіші запитання
Чи слід індексувати сторінки з розбивкою на сторінки в Magento 2?
Чи можна автоматично виправити дублікати контенту, спричинені пагінацією в Magento 2 ?
Які товари за замовчуванням відображаються на сторінці в Magento 2?
Як додати пагінацію до користувацького модуля в Magento?
- 1. Створіть колекцію предметів.
- 2. Створіть блок Magento\Theme\Block\Html\Pager .
- 3. Приєднайте колекцію до пейджера за допомогою setCollection() .
- 4. Відобразіть пейджер у шаблоні за допомогою getPagerHtml() .
Після підключення Magento автоматично обробляє номери сторінок, визначення поточної сторінки (?p=2), обмеження та посилання навігації.
Як видалити параметр ?p=1 з URL-адрес пагінації Magento?
Підтримайте