Фасетна навігація в дії: оптимізація фільтрів для результативного пошуку | Валерія Зубрицки.
Вебінар з Валерією Зубрицки, що відбувся 13.03.2024 у рамках івентів від Collaborator.pro
Запис доповіді:
https://webinars.collaborator.pro/webinar/faceted-navigation
Тези доповіді:
1. Фасетна навігація: концепція та сутність
2. Вплив типів співвідношень на обсяг сторінок
3. «And» співвідношення: точність та обмеженість
4. «Or» співвідношення: розширення варіативності
5. Оптимізація фільтрів у фасетній навігації
Про спікерку:
Валерія має понад 15 років досвіду у сфері SEO. З 2017 року живе та працює в Німеччині. Протягом своєї кар'єри вона мала можливість працювати з різноманітними онлайн-бізнесами, що дозволило їй набути обширного та цінного досвіду у сфері SEO. Останній рік місцем її роботи була компанія Searchmetrics (тепер Conductor), де вона займала позицію SEO-консультанта. Валерія працювала більше ніж з 20 проєктами, включаючи такі великі компанії як Volkswagen та BMW. Зараз Валерія признаний у суді аудитор по SEO, на основі проведених нею досліджень вирішуються конфліктні ситуації між клієнтами та SEO компаніями.
Facebook: https://www.facebook.com/zubrizki.valeriia
LinkedIn: https://www.linkedin.com/in/valeriia-zubrizki-96660568/
Дивіться інші вебінари:
https://webinars.collaborator.pro/
Вивчайте курси з SEO у Академії Collaborator. Доступ безкоштовний, потрібна лише реєстрація: https://collaborator.pro/
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Фасетна навігація в дії: оптимізація фільтрів для результативного пошуку | Валерія Зубрицки
1. Мене звати Валерія
● У Німеччині з 2017 року
● SEO-Аудитор при суді у Німеччині
● Працювала як консультант з SEO з
відомими компаніями у Німеччині
Вебінар Collaborator
2. Тема: Фасетна навігація
Фасетна навігація (або фасетний пошук) - це тип навігації, що
використовується на сторінках категорій / архівів веб-сайтів, де міститься
багато записів / товарів.
Вона призначена для допомоги користувачам знайти те, що вони шукають
легше, за допомогою кількох фільтрів на основі властивостей записів /
товарів. Багато людей просто називають фасетну навігацію "фільтрами".
Найчастіше цей тип навігації зустрічається на сторінках категорій в таких
веб-сайтах, як інтернет-магазини, новинні портали або блоги, каталоги.
Вебінар Collaborator
3. Вебінар Collaborator
У фасетній навігації записи на сторінках категорій фільтруються за їхніми
характеристиками. Як вже зазначено, це зазвичай стосується таких записів, як
товари, послуги, статті, новини, рецепти тощо.
Атрибути можуть відрізнятися в залежності від веб-сайту, але загальні
приклади включають:
● Ціну,
● Колір,
● Бренд,
● Вагу,
● Час польоту,
● Заробітну плату та інші.
4. Веб-сайт відображає атрибути користувачу у вигляді списку. Існує декілька
типів функціонування списків:
● Списки оновлюються негайно та відображають вибір без потреби у
перезавантаженні сторінки (за допомогою JavaScript / Elasticsearch) -
https://www.godaddy.com/.
● Сторінка перезавантажується, і списки відображають вибір (без
JavaScript) - https://www.amazon.de/.
● Якщо користувач вибирає елемент у списку, нічого не відбувається до
тих пір, поки він не натисне кнопку "Застосувати", що призводить до
оновлення списків для відображення вибору (знову за допомогою
JavaScript) - https://www.bonprix.de/.
● Якщо користувач клікає на кнопку "Застосувати", щоб застосувати
фільтри, сторінка перезавантажується." - https://www.moebelheinrich.de/
Вебінар Collaborator
6. Після застосування фільтрів URL-адреса може опціонально оновлюватись,
щоб відобразити вибір. Що відбувається з URL-адресою на цьому етапі також
може варіюватися:
● Нічого не відбувається. Записи оновлюються без зміни URL-адреси.
● Додаються параметри до URL-адреси, наприклад, "?colour=red&size=m".
● Додається хеш до URL-адреси, який вказує застосовані фасети,
наприклад, "#colour=green".
● Створюється нова статична URL-адреса, наприклад, "/jeans/blue/" (у цьому
прикладі користувач використовує фасет кольору "синій")."
Вебінар Collaborator
8. Які SEO проблеми викликає
фасетна навігація?
Вебінар Collaborator
9. Вебінар Collaborator
До проблем, які виникають через фасетну навігацію, включаються:
● Дублюваний контент
● Надмірна індексація
● Проблеми з крaулінгом
При фасетній навігації може виникати практично нескінченна кількість
комбінацій фасетів та індексованих URL-адрес. Якщо виникають
проблеми з однією з цих комбінацій, наслідки для оптимізації для
пошукових систем можуть бути серйозними.
10. Дубльований контент
При використанні фасетної навігації один і той же товар може з'являтися на
різних URL-адресах (дубльований контент), або магазин генерує сторінки, на
яких через вибрані фільтри показується продукт без опису
(малоінформативний контент / thin content).
Це може призвести до наступних проблем з точки зору SEO:
● Розподіл сигналів ранжування на кілька URL-адрес замість консолідації на
одну з них, що може погіршити позиції в пошукових системах.
● Канібалізація ключових слів, коли різні сторінки конкурують між собою за
однакові запити користувачів.
Вебінар Collaborator
11. Дубльований контент - Різні URL-адреси для одного й того
ж продукту
Припустимо, що в спортивному магазині представлені три стрибальні
мотузки різної довжини: 5 метрів, 6 метрів і 7 метрів. URL-адреси продуктів
можуть мати такий вигляд:
● https://sport-shop.de/product.php?sprungseil-5-meter
● https://sport-shop.de/product.php?sprungseil-6-meter
● https://sport-shop.de/product.php?sprungseil-7-meter
Вебінар Collaborator
12. Дубльований контент - Різні URL-адреси для одного й того ж
продукту
Якщо магазин використовує фасетну навігацію і додає вибрані параметри
фільтрів до URL-адреси продуктів, один і той же продукт може бути знайдений
за різними URL-адресами.
● https://sport-shop.de/product.php?sprungseil-5-meter&material=baumwolle
(за матеріалом)
● https://sport-shop.de/product.php?sprungseil-5-meter&preis=10-20 (за ціною)
● https://sport-shop.de/product.php?sprungseil-5-meter&material=baumwolle&
preis=10-20 (за матеріалом та ціною)
● https://sport-shop.de/product.php?sprungseil-5-meter (за довжиною)
Вебінар Collaborator
15. Надмірна індексація (Index Bloat)
Усі нові сторінки, які створюються через фасетну навігацію, можуть бути включені
в індекс Google. Це може призвести до "збільшення індексу" (Index Bloat), коли в
індексі Google з'являються зайві сторінки, які не мають значення для
користувачів.
Це призводить до того, що Google та інші системи пошуку витрачають більше
часу на обробку, ніж потрібно, для фільтрації непотрібних або дубльованих
результатів. Це також може призвести до поганого досвіду для користувачів та
негативно вплинути на загальний рейтинг веб-сайту.
Вебінар Collaborator
16. Втрата краул-бюджету
Перш ніж веб-сайт або URL буде додано до індексу Google, його спочатку
потрібно оцінити та проаналізувати. Цей процес відомий як "краулінг" (англ.
Crawling). Кожен загальнодоступний веб-сайт в Інтернеті проскановується
ботами пошукових систем, і після відповідної оцінки додається до індексу.
Цей процес, звичайно, пов'язаний з витратами для Google та інших компаній.
Час і ресурси, які використовуються пошуковими ботами для краулінгу веб-
сайту, у практиці також називають "бюджетом краулінгу" (Crawl Budget).
З розміром веб-сайту зростає і складність його краулінгу. Тому Google
рекомендує веб-власникам розглядати управління бюджетом краулінгу
детальніше, коли веб-сайт досягає певного розміру.
(Інформація від Google:
https://developers.google.com/search/docs/crawling-indexing/large-site-managing-crawl-budget)
Вебінар Collaborator
17. Розподіл Link Juice
Фасетна навігація впливає на те, як передається "Link Juice" так само, як і всі
інші посилання на веб-сайті. Це трапляється тому, що "Link Juice" на сторінці
розподіляється між усіма посиланнями, які знаходяться на цій сторінці. Якщо
кількість посилань збільшується, то кожному посиланню передається менше
"Link Juice".
Вебінар Collaborator https://static.semrush.com/blog/uploads/media/a7/d0/a7d0eafab851f63341a4442e2e73962b/schema-verteilun
g-link-juice-gelenkt-mit-nofollow.webp
19. Почніть з пошуку
Доброю тактикою для швидкого виявлення ознак надмірної індексації є
використання оператора пошуку "site:". Це, хоч і не найточніший, але дуже
швидкий та простий спосіб.
Просто додайте "site:" перед доменним ім'ям вашого сайту, як показано
нижче. Зверніть увагу на кількість результатів, яку надає Google. Чи здається
вона більшою, ніж кількість URL-адрес, про які ви знаєте, що вони є на
вашому веб-сайті? Якщо так, це перша ознака можливих проблем з
надмірною індексацією.
Вебінар Collaborator
21. Якщо виявлена різниця здається великою або ви помітили раптове
збільшення показників після впровадження фасетного пошуку, це може
свідчити про проблеми з індексацією, пов'язані саме з фільтрами.
Щоб підтвердити, що ці проблеми пов'язані з фільтрами, вам може допомогти
аналіз XML-карт сайту. Якщо ви завантажили їх у Google Search Console (GSC),
ви можете переглянути розподіл індексованих URL-адрес у таблиці під
графіком, де будуть відображені наступні дані:
● Індексовані, але не подані в карту сайту. (Indexed, not submitted in
sitemap)
● Подані та індексовані URL-адреси. (Submitted and indexed URLs)
Вебінар Collaborator
22. Перевірка статусу URL-адрес "Прокраулено — в даний час не індексовані"
(Crawled – Currently Not Indexed) може надати важливі відомості про сторінки,
які Google виявив, але ще не індексував.
Не всі прокраулені сторінки автоматично індексуються Google. Якщо сторінка
має низьку якість, особливо це характерно для багатьох сторінок фасетної
навігації, її можуть не індексувати.
З часом такі проблеми можуть призвести до ситуації, коли сотні тисяч URL-
адрес були знайдені, але не індексуються (що вказує на можливі проблеми з
краулінгом), або, навпаки, сотні тисяч URL-адрес індексуються, хоча не мають
бути.
Вебінар Collaborator
Візуал
24. Noindex, follow
Щоб вирішити проблеми з індексацією, широко відомим рішенням є
використання мета-тега "noindex, follow". Цей HTML-тег передає пошуковим
системам інструкції про те, як індексувати конкретні сторінки.
Якщо потрібно виключити певні сторінки з індексу Google, цей тег є
ідеальним рішенням. Хоча виключені сторінки все ще будуть проскановані,
вони не будуть індексовані в Google.
Проте це рішення не вирішує проблеми з бюджетом краулінгу. Оскільки
сторінки все одно проскановуються.
Вебінар Collaborator
26. Canonical-Tags
Canonical-теги є корисним інструментом для вирішення проблем на менших
веб-сайтах. Доки управління бюджетом краулінгу не стає пріоритетом,
проблеми з розподілом "Link Juice" та збільшенням індексу можна вирішити
за допомогою цих тегів.
Проте, навіть у цьому випадку важливо бути уважними. Деякі URL-адреси з
комбінаціями фільтрів можуть заслуговувати на місце в індексі через
наявний обсяг пошукового запиту.
Вебінар Collaborator
27. Canonical-Tags - Як використовувати
URL вашої категорійної сторінки виглядає наступним чином:
https://beispiel.de/betten/zirbenholz/
Після застосування деяких фільтрів фасетної навігації URL розширюється деякими
параметрами:
https://beispiel.de/betten/zirbenholz/?size=2m&color=brown&black=B
Цей URL фасетної навігації тепер має Canonical-тег, який посилається на батьківську
категорійну сторінку:
<link rel="canonical" href="https://beispiel.de/betten/zirbenholz/" />
Проте, важливо зауважити, що Canonical-тег лише рекомендація для пошукових систем. Якщо з якихось причин Google
вважає, що канонічний URL реалізовано неправильно, тег може бути просто ігнорований.
Вебінар Collaborator
29. Canonical-Tags
Якщо Google ігнорує ваші канонічні теги, це зазвичай може бути зумовлено однією з
наступних причин:
1. Сторінки не є дублікатами (Duplicate Content):
Це той випадок, коли сторінки фасетної навігації значно відрізняються одна від одної
через вибір різних фільтрів. Зміни в заголовках, описах та заголовках H1 можуть
створювати плутанину для Google.
2. На фасетну сторінку є багато внутрішніх посилань:
Занадто велика кількість внутрішніх посилань на сторінку фасетної навігації може
підсилити її значення для Google. У такому випадку канонічний URL може бути
проігнорований.
Після впровадження канонічних тегів, важливо перевірити “Page Indexing” в Google
Search Console.
Якщо кількість індексованих сторінок на веб-сайті не зменшується, вам слід ретельно
переглянути, чому канонічні теги не спрацьовують для Google.
Вебінар Collaborator
30. Disallow robots.txt
При проблемах з бюджетом краулінгу можна скористатися файлом robots.txt для того, щоб
перешкодити Google Bot у краулінгу певних URL-адрес. Цей файл містить інструкції для
пошукових ботів.
Ось приклад інструкції robots.txt для виключення параметрів:
User-agent: *
Disallow: *color=*
URL https://www.bettenwunder/betten/zirben/?size=2&color=red&black=B тоді було б
виключено з краулінгу.
URL https://www.bettenwunder/betten/zirben/?size=2&red&black=B не було б виключено з
краулінгу.
Вебінар Collaborator
32. Використання AJAX та уникнення внутрішніх посилань.
Використання технології AJAX для оптимізації фасетної навігації та уникнення
внутрішніх посилань типу <a href=...> допомагає покращити користувацький
досвід, оскільки сторінки не перезавантажуються під час використання
фільтрів. Цей підхід також має додаткові переваги, такі як:
● Збереження можливості кроулінгу пошуковими системами.
● Зменшення кількості індексованих сторінок фасетів.
● Збереження "Link Juice" і уникнення його розбавлення.
Приклад:
https://seotoolbelt.co/structured-data-testing-tools/?_platforms=web%2Cch
rome
Зверніть увагу на те, щоб змінювати URL при використанні фільтрів, щоб
посилання можна було зберегти або поділитися ними, наприклад за
допомогою URL-параметрів.
Вебінар Collaborator
34. Альтернативні краул-шляхи до важливих сторінок для
пошуку
У деяких випадках сторінки з фільтрами можуть бути корисними для
пошукових систем. Тому важливо забезпечити індексацію цих URL-адрес. Це
можна зробити шляхом створення альтернативних шляхів краулінгу до цих
сторінок. Це дозволить:
● Уникнути марної витрати краул-бюджету, оскільки не будуть використовуватись
внутрішні посилання на сторінки з фільтрами.
● Зберегти можливість популяризації сторінок з фільтрами, що сприяє позитивному
користувацькому досвіду.
● Якщо сторінка з фільтрами має потенціал для пошуку, можна дозволити індексацію
цієї сторінки.
Вебінар Collaborator
35. Висновок
Фасетна навігація:
● Зручність і швидкість: Користувачам не потрібно переглядати велику кількість
непотрібної інформації, оскільки вони можуть швидко та зручно вибирати
потрібні параметри.
● Гнучкість: Фасети дозволяють користувачам комбінувати різні параметри
фільтрації, щоб отримати більш точні й адаптовані до їхніх потреб результати.
● Покращення взаємодії з користувачем: Забезпечуючи зручність і гнучкість
вибору, фасетна навігація робить взаємодію з веб-сайтом більш задовільною
та ефективною.
● Підвищення конверсії: Зменшення кількості кроків для досягнення бажаного
результату може позитивно вплинути на конверсію, оскільки користувачам
легше зробити покупку або здійснити іншу дію.
Вебінар Collaborator