TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Все, що ви повинні знати про панірувальні сухарі

2

Breadcrumbs – це навігаційна структура, що містить набір посилань, які допомагають користувачам легко переглядати веб -сайт. Це допомагає користувачеві в будь -який момент часу дізнатися, де саме він знаходиться на сайті, і перейти безпосередньо до структури рівня вгору або вниз. Менші сайти з однією категорією або незалежними сторінками можуть не вимагати додаткової навігації, оскільки меню сайту може задовольнити навігаційні потреби користувача. Але більші сайти з великою кількістю категорій та структурою сторінок батько-дочірня потребують додаткових сухарів, щоб повідомити користувачів, де саме знаходиться поточна сторінка щодо всього сайту.

Зацікавлені користувачі можуть перейти на верхній або нижній рівень, щоб знайти відповідний вміст, який може бути неможливим без сухарів.

Значення панірувальних сухарів

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

Все, що ви повинні знати про панірувальні сухаріВсе, що ви повинні знати про панірувальні сухарі

Як додати панірувальні сухарі?

Найпростіший спосіб додати панірувальні сухарі до свого сайту – це використовувати тему, яка пропонує цю функцію за замовчуванням. Системи управління вмістом, такі як WordPress, що розміщується на власному сервері, пропонують плагіни для вставлення індивідуальних сухарів над заголовком статті. Якщо ваш конструктор сайтів не пропонує такої функції, вам потрібно додати її вручну на кожну сторінку за допомогою тегу прив’язки HTML. Наприклад, інструменти конструктора сайтів, такі як Weebly, не пропонують теми із сухариками за замовчуванням. Тому вам потрібно додати його на кожну сторінку окремо за допомогою користувацького HTML / CSS.

Приклади панірувальних сухарів

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

Все, що ви повинні знати про панірувальні сухарі

На цьому веб -сайті ми використовуємо плагін Yoast SEO для відображення горизонтальних сухарів над кожною назвою публікації. Оскільки у нас багато категорій, це допомагає нам згрупувати статті за відповідною категорією та показати її у пошукових системах. Перевага полягає в тому, що якщо стаття згрупована з кількома категоріями, ви можете вибрати, яка категорія повинна відображатися в сухарі як основна категорія.

Все, що ви повинні знати про панірувальні сухарі

Панірувальні сухарі Yoast SEO

Хлібна крихта Yoast SEO буде проста текстова, і ви можете додати поле та тінь за допомогою наведеного нижче CSS:

#breadcrumbs { box-shadow: 1px 1px #d5d4d4; background: #eeeded; border: 1px solid #eeeded; border-radius: 5px; padding: 0 5px 0 10px; font-size: 16px; }

Спеціальні панірувальні сухарі CSS

Ви можете додати власні панірувальні сухарі CSS, особливо якщо ваш сайт має меншу кількість сторінок. Нижче наведено горизонтальні сухарі CSS, які можна додати на свій сайт. Перегляньте нашу статтю про те, як додати ці панірувальні сухарі до свого сайту Weebly.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Бонус CSS Breadcrumb Style 6

Панірувальні сухарі також називають крихтою печива або сухарем.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі