Хлібні крихти на сайті - Навіщо? - Як підключити?

2. Звідки пішла назва - хлібні крихти
4. Як повинні виглядати "хлібні крихти"
6. Модулі WordPress для хлібних крихт
7. Yoast SEO
8. Breadcrumb NavXT
9. Breadcrumb
10. Prime Strategy Bread Crumb
11. Як підключити хлібні крихти на сайті в Yoast SEO?
13. Як підключити навігаційну ланцюжок в Breadcrumb NavXT?
15. Як підключити навігаційну ланцюжок без плагіна в WordPress?
16. Підведемо підсумок

Без найменшого поняття що повинні робити хлібні крихти на сайті? Хочете дізнатися яку функцію виконують хлібні крихти на сторінці?
Отже, хлібні крихти це навігаційна ланцюжок по сайту, яка обов'язково має бути присутня на сайті для підвищення його юзабіліті.

Хлібні крихти (навігаційна ланцюжок) мають досить зручну функцію. Можливість переміщатися на більш високі по ієрархії структури сайту рівні.

Звідки пішла назва - хлібні крихти

Вам ймовірно, з самого початку хвилювало питання. Чому взяли таку дивну назву? З одного боку зовсім різні теми.
Є німецька казка про Гензеля і Гретель, які використовували "хлібні крихти" щоб на зворотному шляху вони могли повернутися додому, але на жаль, як ви знаєте (можливо), птиці скльовували крихти.

На вашому сайті "хлібні крихти" ніхто не склюет і цей ланцюжок завжди зможе вас перенаправити на потрібну вам сторінку.

Як повинні виглядати "хлібні крихти"

Як повинні виглядати "хлібні крихти":

1. Створювати ланцюжок бажано підходить під дизайн веб-ресурсу. Тоді значно підвищаться поведінкові чинники. Виходить, що дана ланцюжок впливає на думку користувачів, а значить пошукові системи це врахують і підвищать рейтинг.
2. Найчастіше хлібні крихти на сайті відображаються в горизонтальному вигляді, в верхній частині сторінки. Можна її поставити знизу сторінки або зробити її вертикальної, але це вже на ваш страх і ризик (не факт, що буде тільки позитивну думку).

Важливо! Кожне посилання "хлібних крихт" повинна бути активна і перенаправляти на потрібний рівень вкладеності, але посилання сторінки на якій ви перебуваєте - нет !!!

В іншому випадку у вас додатися циклічна посилання, а цього допускати не можна.

Модулі WordPress для хлібних крихт

Більшість полігонів вже не оновлюються. Причиною цього є очевидні лідери в даній темі - Breadcrumb NavXT і SEO by Yoast.

Я підібрав 4 плагіна, які добре справляються зі своїм завданням:

Yoast SEO

Даний плагін цікавий тим, що його основною функцією є допомога в оптимізації seo тексту т.д., а вже додатковою функцією є навігаційна ланцюжок ( "хлібні крихти").

Breadcrumb NavXT

Даний плагін дуже часто скачують на тлі інших (понад 700 тисяч завантажень).

Постійно оновлюється і має безліч цікавих функцій по налаштуванню відображення навігаційної ланцюжка.

Плагін підтримує bbPress і BuddyPress, фільтри, хукі і багато іншого.

Breadcrumb

Непогане рішення, але якщо не враховувати два вищесказаних пункту. Досить цікаве оформлення ланцюжка і підтримка шорт кодів робить цей плагін досить популярним.

Є функція додавання тексту на початку елемента і настройка типу роздільник між рівнями сторінок.

Prime Strategy Bread Crumb

Непоганий варіант з гнучкими настройками навігаційної ланцюжка.

Плагін має підтримку css-стилів і багато іншого.

Як підключити хлібні крихти на сайті в Yoast SEO?

Можна дізнатися в огляді від Yoast з усіма подробицями. Я лише розповім вам про два етапи - налаштування плагіна і редагування в шаблоні теми.
Для початку вам потрібно буде перейти на під-сторінку yoast - додатково. Змініть перемикач з назвою "хлібні крихти" на "ВКЛЮЧЕНО".

Після цього ви можете переглянути настройки нижче і налаштувати під свій розсуд.

Не забудьте вибрати тип запису для таксономії (найчастіше використовується рубрика).

Якщо ви все зробили правильно - переходите в файл шаблону і визначитеся з місцем, де ви хочете його відобразити. Додаєте рядки:

Найбільш часто для вставки коду використовують в постах файл single.php і сторінках page.php перед заголовком.

Як підключити навігаційну ланцюжок в Breadcrumb NavXT?

Вище я вже описував наскільки функціональний даний плагін в своїй сфері.
Його ви можете встановити в WordPress. Зверніть увагу! Версія 5.2 і вище потрібно мати PHP 5.3. Тільки після цього можна активувати.

Далі вам слід пройтися по всіляких функцій і налаштувати під свій розсуд.

Як і в Yoast SEO вам потрібно підключити це через шаблон за допомогою нижченаведеного коду:

Якщо потрібно в шапці - header.php. В інших випадках використовуєте файли page / single.php для обраних розділів.

Як підключити навігаційну ланцюжок без плагіна в WordPress?

Скажу відразу, створення breadcrumbs самому не кращий варіант, особливо новачкові.

Якщо ж ви фахівець з веб-розробки і створили свій проект, то вам це цілком адекватним рішенням буде. Решті ж краще використовувати вже готові плагіни.

Одне з таких рішень приведено нижче. Спочатку ви повинні створити функцію get_breadcrumb () у файлі functions.php:

Потім викликати її в одному з файлів single (якщо в постах хотіли відобразити) / page (якщо на сторінках) .php за допомогою нижченаведеного коду:

До даного коду можете підключити парочку стилів:

Такий варіант буде досить продуктивний, якщо ви розбираєтеся в веб-розробці.

До того ж вам не доведеться завантажувати зайвий плагін який займе потрібні ресурси сайту.

Підведемо підсумок

при просуванні свого сайту потрібно довести ПС, що ваш сайт краще за всіх, отже, він повинен бути багатофункціональний, а також зручний у використанні користувачами.

Для цього потрібно подбати про те, щоб хлібні крихти на сайті виконували роботу вірно.

Хочете уточнити щось по темі статті? Допоможу в коментарях з виниклою проблемою.