Зручна навігація – важлива особливість будь-якого веб-сайту. Хороший веб-сайт забезпечує відвідувачам можливість знайти те, що вони хочуть за нашим RankMath SEO найменша кількість кліків.
Окрім логічного планування макету та навігації по веб-сайту, додавання хлібних крихт допомагає відвідувачам легко переміщатися по веб-сайту та розуміти його структуру.
Перш ніж дізнаєтесь, як додати хлібні крихти до WordPress, давайте спочатку розберемося, що це таке і чим вони корисні?
Що таке хлібні крихти у WordPress
Може ви читали казку про Гензель та Гретель і про те, як вони використовували хлібні крихти, щоб знайти дорогу до свого будинку, коли заблукали. Так само вони в WordPress діють як інструмент навігації. Вони допомагають з'єднувати пов'язані розташування в навігації на веб-сайті, допомагаючи відвідувачам швидко і легко відстежувати, де вони знаходяться.
З середини 90-х років хлібні крихти (Breadcrumb) вважаються корисним інструментом веб-дизайну та актуальним до сьогодні. На жаль, багато власників веб-сайтів не знають про цю перевагу і не включають їх до своїх веб-сайтів.
Простіше кажучи, хлібні крихти – це посилання, що відображаються у верхній частині сторінки. Ці взаємопов'язані посилання становлять важливу частину навігації сайтом.
Посилання розміщені в ієрархічному або градуйованому порядку, що дозволяє користувачам дізнатися, яку сторінку вони переглядають, а також у яких категоріях сторінок вони знаходяться.
За допомогою Breadcrumb глядачі можуть переглядати ієрархію сторінок на веб-сайті та отримувати пов'язані посилання, щоб повернутися на домашню сторінку безпосередньо або перейти на інші сторінки.
Навіщо додавати хлібні крихти на сайт WordPress
Додавання хлібних крихт допомагає покращити навігацію по веб-сайту, оскільки вони працюють як стежка, якою користувачі можуть повернутися на свої попередні сторінки. І в той же час дізнатись, на якій сторінці вони знаходяться. Це допомагає підтримувати інтерес користувачів та інформувати їх про категорію сторінок, які вони переглядають.
Додавання Breadcrumb дуже важливе, якщо сайт великий і має кілька сторінок. Наприклад, якщо у вас є магазин електронної комерції, дуже важливо їх використовувати. Вони допомагають інформувати клієнтів про те, які продукти належать до кожної категорії та які сторінки категорій вони можуть відвідати, щоб переглянути схожі продукти.
Увімкнення цього інструменту також допомагає покращити SEO веб-сайту, оскільки пошуковим роботам легше сканувати взаємопов'язані посилання.
Як додати хлібні крихти у WordPress
WordPress легко розширюється, а додавати хлібні крихти дуже просто. Є чотири способи додати їх на сайт:
- через плагіни,
- вручну,
- через налаштувач тим,
- створивши власний шаблон окремого запису.
Через плагіни WordPress
Існує безліч плагінів, які можна використовувати для додавання хлібних крихт на веб-сайт WordPress. Ми покажемо різні плагіни, які можна використовувати для їх включення на вашому сайті.
Yoast SEO та RankMath SEO
Плагіни Yoast SEO и RankMath SEO — одні з найпопулярніших SEO-плагінів для WordPress, які мають більше мільйона активних користувачів. Безкоштовна версія обох плагінів включає всі необхідні інструменти для SEO, а також функцію додавання Breadcrumb, а також розширені параметри для їх подальшого налаштування.
Ці функції включають зміну роздільників посилань, додавання анкорного тексту на головну сторінку, додавання на сторінки 404 та багато іншого.
Дивіться також:
Rank Math SEO - Пошукова оптимізація для WordPress, аналог Yoast SEO.
Якщо ви не хочете використовувати SEO-плагіни RankMath SEO та Yoast SEO, є сторонні плагіни, які можна використовувати для додавання Breadcrumb на веб-сайт WordPress.
Деякі з найкращих безкоштовних сторонніх плагінів:
Гнучка панірувальна крихта
Гнучка панірувальна крихта для додавання хлібних крихт на сайт використовує шорткод. Потрібно просто встановити та активувати плагін та використовувати його шорткод у будь-якому місці веб-сайту, наприклад, на сторінках, у блозі, у верхніх чи нижніх колонтитулах. Flexy Breadcrumb допомагає легко додавати навігаційні посилання до будь-якого розділу сайту.Це безкоштовний плагін пропонує кілька спеціальних опцій персоналізації для зміни роздільників, тексту для домашньої та кінцевої сторінок, кольорів посилань та інших опцій. Дуже зручний та простий у використанні плагін.
ієрархічна NavXT
ієрархічна NavXT - Це комплексне рішення для включення повнофункціональних навігаційних посилань. Його можна легко активувати або за допомогою спеціального віджету, або за допомогою його функції у верхніх та нижніх колонтитулах або певних шаблонах сторінок з використанням файлів WordPress.Плагін має широкий набір вбудованих параметрів налаштування, а також спеціальні віджети, які допомагають увімкнути хлібні крихти в будь-якому місці сайту.
Catch Breadcrumb
Catch BreadCrumb - Це добре продуманий легкий плагін, який дозволяє додавати на веб-сайт навігацію через крихти. Включити їх дуже просто, і можна просунутися ще далі, додавши спеціальні шорткоди та параметри персоналізації.Плагін надзвичайно легкий та простий у використанні, має адаптивний дизайн із кількома варіантами персоналізації. Є можливість приховати/показати посилання на головній сторінці або на певних сторінках.
Як додати хлібні крихти вручну
Незважаючи на "ручний" метод, вам все одно потрібно встановити плагін для додавання хлібних крихт. Для цього необхідний плагін Yoast – щоб додати функціональність навігаційних посилань. А відобразити їх можна вручну.
Додати невеликий фрагмент коду, наданий Yoast SEO.
Плагін Yoast встановлений та активований на вашому сайті.
Тепер наступна частина – потрібно вставити невеликий фрагмент коду для хлібних крихт у вашу тему. Можете додати код у будь-яке місце сайту:
<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘</p><p id=”breadcrumbs”>’,'</p><p>’ );
}
?>Цей код можна помістити у файли шаблонів single.php чи header.php.
Для першого варіанта помістіть його трохи вище заголовка сторінки для файлу single.php. Це корисно для додавання хлібних крихт до записів у блозі.
Якщо хочете додати їх на весь сайт, використовуйте файл header.php.
Після розміщення фрагментів не забудьте натиснути кнопку «Оновити файл», щоб зміни набули чинності.
Примітка. Цей метод реалізує хлібні крихти Yoast SEO по всьому сайту. Однак це може бути не назавжди, оскільки розміщені вами коди перезапишуться за наступних оновлень.
Включити та налаштувати хлібні крихти за допомогою плагіна Yoast
Тепер, коли ви додали код, настав час увімкнути та налаштувати їх додаткові параметри.
Для цього перейдіть до опції SEO на бічній панелі. Там перейдіть до Search Appearance >> Breadcrumbs.
Перемкніть налаштування Breadcrumbs на "Увімкнено".
Тепер можна настроїти параметри відповідно до особистих уподобань. Можете змінити структуру та інші аспекти, такі як роздільник, якірний текст, префікси, таксономію для записів/продуктів, архів типів контенту та багато іншого.
Після внесення необхідних змін натисніть «Зберегти зміни».
Як додати хлібні крихти через налаштовувач тем
WordPress поставляється з функцією налаштування теми, до якої можна отримати доступ через Зовнішній вигляд -> Налаштувати. Параметри налаштування, доступні в налаштування тем, відрізняються залежно від теми, що використовується. Деякі теми WordPress, такі як Astra, Jupiter X, Newspaper та інші пропонують можливість включення навігаційних посилань в окремих записах.
У темі Astra, щоб увімкнути хлібні крихти, відкрийте блок Breadcrumb. Їх можна увімкнути всередині шапки, після шапки або перед заголовком (назвою статей).
У темі Jupiter X можна увімкнути хлібні крихти з блоку заголовка.
Як додати хлібні крихти, створивши власний шаблон окремого запису
Останньою альтернативою відображенню хлібних крихт у WordPress є створення власного шаблону окремого запису (або будь-якого іншого шаблону, в якому їх потрібно відображати). Для їх створення можна використовувати плагін конструктора тем WordPress. Подібні плагіни дозволяють створювати шаблони користувача для частин теми: заголовка, нижнього колонтитула, окремого поста та інших елементів без написання коду. Популярними прикладами плагінів для створення тем є Elementor, Brizy та Divi Builder. Однак у Divi Builder немає елемента для відображення рядка навігації, тому варіанти звужуються до Elementor та Brizy. У цій статті ми покажемо, як створити власний шаблон окремого запису за допомогою Brizy.
До речі, потрібно використовувати професійну версію Brizy, щоб мати можливість створювати власні шаблони окремих записів, оскільки функція створення шаблонів користувача доступна тільки в Brizy Pro.
Після того, як Brizy Pro буде встановлений та активований, перейдіть до Brizy -> Templates. Натисніть кнопку «Додати новий» та створіть новий шаблон.
Дайте ім'я шаблону та встановіть умову відображення в розділі «Умови відображення». Оскільки хочете створити власний шаблон для окремих записів, умови відображення мають виглядати так.
Натисніть кнопку «Додати», щоб додати умову відображення. Потім натисніть кнопку «Опублікувати», потім натисніть кнопку «Редагувати за допомогою Brizy» для редагування шаблону користувача окремої публікації.
Перейдемо безпосередньо до додавання елемента Breadcrumbs: просто перетягніть елемент Breadcrumbs в область полотна, як показано нижче.
Хлібні крихти дуже корисні на веб-сайтах WordPress. Вони не тільки допомагають покращити спосіб відображення сайту для пошукових систем, але й спрощують навігацію відвідувачів.
Юзабіліті є фактором ранжування пошуку, тому якісна навігація через хлібні крихти зменшить показник відмов, допомагаючи користувачам знаходити те, що вони шукають.
Коментарі до запису: 0