Головна / FAQ / Чи потрібні «хлібні крихти» в WordPress і як їх правильно налаштувати?

Чи потрібні «хлібні крихти» в WordPress і як їх правильно налаштувати?

  • Дата актуалізації: 2025-10-25
  • Час читання: 10 хв.

Навіщо потрібні хлібні крихти

Крихти показують шлях: Головна → Розділ → Підрозділ → Поточна сторінка. Користувач швидко піднімається на рівень вище, а пошуковики краще розуміють структуру сайту. У Google шлях може відображатися у видачі, підвищуючи CTR.

Де розміщувати і як оформити

  • Позиція: під шапкою, над H1 та основним контентом.
  • Останній елемент: без посилання; додайте aria-current="page" для доступності.
  • Розділювач: / або ›; стиль має бути єдиним по сайту.
  • Мобільна версія: в один рядок з обрізкою (text-overflow: ellipsis); уникати дублю.

Упровадження у WordPress (універсально)

1) SEO-плагін (Rank Math або Yoast)

  • Rank Math: шорткод або віджет. Увімкніть Schema (BreadcrumbList).
  • Yoast SEO: функція yoast_breadcrumb() (PHP) або блок/віджет. Переконайтесь, що Schema активне.
  • Важливо: використовуйте один механізм (SEO або тема), щоб не було дублю.

2) Тема (наприклад, Kadence)

  • У Customizer → General → Breadcrumbs увімкніть крихти та оберіть позицію: Before Content або в зоні заголовка сторінки.
  • Якщо використовуєте крихти з теми, не додавайте їх повторно через SEO-плагін/конструктор.

3) Конструктор (Elementor / Elementor Pro)

  • Додайте віджет крихт (із SEO-плагіна) або HTML зі шорткодом.
  • У шаблонах архівів/одиничних записів розміщуйте крихти над H1. Дотримуйтесь єдиного стилю.

Schema.org (BreadcrumbList)

Забезпечте коректні структуровані дані. Для кожного елемента мають бути position, name, item (URL). Більшість SEO-плагінів генерує JSON-LD автоматично; перевіряйте в Rich Results Test.

Перевірка якості

  1. На статті: Головна → Категорія → Запис (останній без посилання).
  2. На сторінці: Головна → Сторінка (для вкладених – додається батьківська).
  3. У WooCommerce: Головна → Магазин → Категорія → Товар.
  4. Лише одні крихти в DOM; немає «мертвих» посилань.

Типові помилки

  • Дубль: одночасно увімкнені в темі та SEO-плагіні.
  • Неправильний порядок: «Запис → Категорія» замість «Категорія → Запис».
  • Відсутність Schema: немає JSON-LD або некоректні position.
  • Мобільний UX: переноси в два рядки; низький контраст посилань.

Стилі (мінімальний CSS)

Для мобільних:

.breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;margin:.5rem 0}
.breadcrumbs a{text-decoration:none}

Мультимовність (WPML/Polylang)

  • Назви категорій/сторінок у крихтах відповідають активній мові.
  • Посилання ведуть на відповідні мовні версії.

Чек-лист перед публікацією

  • Розміщення над H1; використовується один механізм; останній елемент без посилання.
  • Schema BreadcrumbList валідне.
  • Мобільна читабельність і стилістична узгодженість.

Запишіться на безкоштовну консультацію