Starting a new project?
отримати консультацію
Залиште свої контактні дані, наш менеджер передзвонить вам.
Дякуємо! Скоро з вами зв'яжеться наш менеджер.
Дякуємо! Скоро з вами зв'яжеться наш менеджер.
| 1. Структура хлібних крихт |
| 2. Завдання хлібних крихт |
| 3. Вимоги до хлібних крихт |
| 4. Як хлібні крихти прописати на сайті |
Що таке хлібні крихти й чому вони повинні бути на сайті? Роз'яснюємо все від початку та до кінця тим, хто тільки почав розбиратися з SEO.
Хлібні крихти (breadcrumbs) - це ланцюжок, що вказує шлях користувача від Головної сторінки до поточної.
Хлібні крихти простими словами — аналог шляху в Windows:
Рис. 1 - Крихти в Windows
Як ввыглядають на сайтах:
Рис. 2 - Хлібні крихти на сайті ITForce
Типова структура breadcrumbs:
Головна — Розділ — Підрозділ — Поточна сторінка
Розділяють 4 види хлібних крихт.
Лінійний:
Рис. 3 – Лінійний тип структури
На малюнку бічимо 4 рівні вкладеності:
Варіант з кнопкою Назад:
Рис. 4 – Кнопка Назад в ланцюжку
Впроваджена й лінійна структура, й кнопка Назад.
Спадне меню:
Рис. 5 – Спадне меню
Зручність подібної реалізації в тому, що користувач може перейти не тільки в розділ вище, але й будь-який інший підрозділ сайту.
Динамічний:
Коли один й той самий товар знаходиться в різних підкатегоріях. Зазвичай це розділ Розпродаж та батьківська категорія товару.
Рис. 6 – Динамічні breadcrumbs
Суть динамічних крихт в тому, що вони відображають вкладеність в залежності від того, як товар знайшов користувач. Тому динамічні крихти застосовують найчастіше в інтернет-магазинах, коли потрібно один й той самий товар додати в різні категорії.
Перша – ви завжди знаєте, в якому розділі або сторінці сайту перебуваєте. Це сприяє зростанню юзабіліті майданчика.
Друга – ланцюжок навігації показує структуру сайту (Головну сторінку, Розділи й підрозділи).
Третя – ви можете перестрибнути на будь-який інший рівень вкладеності, не натискаючи в браузері Назад (й не збільшуючи % виходів зі сторінки та показник відмов). Так вони збільшують час перебування на сайті.
Структура сайту:
Рис. 7 – Структура сайту ecommerce
Бонуси використання хлібних крихт з боку SEO:
Рис. 8 – Сніпет в Google з мікророзміткою
Перш ніж впроваджувати ланцюжок навігації, врахуйте наступне:
Для відображення крихт Google рекомендує скористатися структурованими даними (мікророзміткою).
Для CMS WordPress.
Є багато плагінів, які вже містять в своєму функціоналі опцію включення хлібних крихт. Наприклад:
Для включення ланцюжка навігації заходите в:
Рис. 10 – Yoast SEO
Рис. 11 – Yoast SEO
У файл functions.php додаєте функцію get_breadcrumb (). Далі в single.php прописуєте функцію:
<div class=”breadcrumb”><?php get_breadcrumb(); ?></div>
Так ви вносите крихти в усі записи сайту. Для сторінок код додається в page.php над заголовком сторінки, для рубрик – в category.php, й в header.php в кінці файлу.
Перевірити, чи правильно налаштована мікророзмітки крихт, можна в валідаторі Google. Ось що показала перевірка сайту нашої компанії:
Рис. 12 – Перевірка в валідаторі Гугл
Bitrix.
У header.php (файл шаблону сайту) розміщуєте код виклику елемента bitrix.breadcrumb:
<?$APPLICATION->IncludeComponent(“bitrix:breadcrumb”,””, Array(
“START_FROM” => “0” – показуєте рівень вкладеності розділу, з якого потрібно починати ланцюжок;
“PATH” => “” – шлях, за яким розташовується ланцюжок. Залишається порожнім, якщо потрібно, щоб ланцюжок будувався для поточного шляху.
“SITE_ID” => “s1” – ID сайту, для якого створюється ланцюжок навігації
));
?>
Joomla.
Відображення ланцюжка активується в панелі управління в Менеджері модулів:
Щоб не показувати ланцюжок на Головній, зайдіть у вкладку “Прив’язка до пунктів меню”, виберіть опцію “На всіх сторінках, крім зазначених”, та відзначте пункт меню Головної.
Також їх можна внести вручну: додайте код в header.php або в розділ functions.php.
Opencart.
Є кілька модулів для встановлення:
Враховуйте вимоги з п. 3 до створення хлібних крихт та впроваджуйте їх на сайт.
Ви вже підписані на нашу розсилку!
Підтвердіть свій email для завершення підписки.
Дякуємо! Скоро з вами зв'яжеться наш менеджер.