Всім привіт друзі. У сьогоднішній статті я розповім вам про те, що таке хлібні крихти, для чого вони потрібні і як додати їх на свій wordpress блогза допомогою плагіна та без нього. Почнемо!
Хлібні крихти – зручний спосіб перелінкування блогу
Один з простих способіводночасно спростити навігацію по сайту та його перелінкування, це Хлібні крихти(Breadcrumbs). Свою назву він отримав на честь того способу, завдяки якому герої німецької казки «Гензель та Гретель» намагалися знайти дорогу із лісу.
Щоправда, дітям крихти не допомогли – їх склевали птахи, а ось у сайтобудуванні функція, названа на честь невдалого способупорятунку, прижилася та використовується в ресурсах найрізноманітнішого призначення, від особистих блогів до інтернет-магазинів.
Ви напевно бачили цей навігаційний ланцюжок на самих різних інтернетресурсів. Зазвичай її розміщують над статтею, і вона виглядає приблизно так:
Головна сторінка> Рубрика > Підрубрика > Поточна сторінка
Причому всі «ланки», крім останнього, — це внутрішні посилання.
Завдяки цьому ланцюжку, читач у будь-який момент може зрозуміти, на якому рівні сайту він знаходиться і має можливість пройти як по всьому ланцюжку, так і відразу перейти в розділ, що цікавить його, або ж повернутися на головну сторінку ресурсу.
Яку користь несуть хлібні крихти для сайту та блогу
Як сказано вище, по-перше, це спрощення навігації. Наприклад, читач зайшов у статтю, прочитав її та вирішив почитати інші статті розділу. Завдяки хлібним крихтам йому не потрібно шукати карту сайту або список рубрик. Він просто повернеться на крок назад.
Ви ненав'язливо запрошуєте читача перейти на посилання, тобто даєте йому ще одну причину затриматися на вашому сайті. Це, у свою чергу, покращує поведінкові фактори, то за що пошукові роботи, в першу чергу, відрізняють блоги та сайти.
Чим складніше структурасайту, тим важливіше встановити на нього breadcrumbs. Так як відвідувачам, що особливо вперше опинилися на даному ресурсі, складно розібратися у всіх блоках, сторінках, розділах та підрозділах. Якщо їм не буде підказок, вони так і йтимуть, прочитавши лише одну статтю.
Друге завдання цього елемента, тісно пов'язане з першим – внутрішня оптимізаціясайту, точніше ще один спосіб зв'язати посиланнями як можна Велика кількістьстатей. Причому, на відміну від ручної перелінковки, тут все відбувається автоматично. Над кожною опублікованою статтею відразу з'являється потрібний навігаційний ланцюжок.
Цю функцію можна додавати на сайти та блоги різними способами. Розглянемо два самі простих варіантидля WordPress – встановлення за допомогою плагіна та за допомогою внесення невеликих змін до коду.
Як додати хлібні крихти на блог плагіном
Найпростіший спосіб встановити хлібні крихти на блог – встановити спеціальний плагін. Для WordPress зазвичай використовують Breadcrumb NavXT.
Спосіб його встановлення стандартний: заходимо в адмінку блогу -> Плагіни -> Додати новий. У вікно, що з'явилося, вставляємо назву плагіну і натискаємо «Знайти плагіни».
Ось він, наш плагін, натискаємо "Встановити зараз", потім "Активувати".
і над цим рядком вставляємо наступний шматочок коду:
Якщо ви хочете розмістити навігаційний ланцюжок в іншому місці, значить цей код розміщуєте там.
Після цього переходимо до «Налаштування» — > « Установки Breadcrumb NavXT» та у графі «Назва посилання» змінюємо назву на свою та зберігаємо зміни.
Залишилося перейти на блог та помилуватися результатом.
Як додати хлібні крихти на блог без плагіна
Так як будь-які плагіни, це додаткове навантаження на блог, що сповільнює його роботу, то краще просто трохи змінити код, тим більше що в даному випадкуЦе простіше, ніж встановити плагін.
Заходимо в адмінку -> « Зовнішній вигляд» -> "Редактор" -> functions.php. Тут у будь-якому місці (головне не всередину іншої функції) вставляємо наступний код:
Function the_breadcrumb() ( echo "You are here: "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )
та зберігаємо. Якщо боїтеся заплутатися, просто вставте його наприкінці над останньою дужкою.
Тепер потрібний ось цей код:
розмістити там, де ви хочете бачити навігаційний ланцюжок, наприклад, знову ж таки над заголовком статті. Для цього йдемо в single.php, шукаємо рядок з the_title і над нею вставляємо цей код та зберігаємо зміни.
Можете перейти на сайт та подивитися, що вийшло. Як бачите, You are here і Home тут явно не доречно і їх потрібно змінити на щось більш підходяще, наприклад, на Шлях та Головна (або назва блогу).
Крім того, потрібно переконатися, що зміни однаково добре виглядають на різних браузерах– не напливають інші частини теми і, водночас, добре помітні.
Все, «Хлібні крихти» допомагають вашим читачам, а ви можете пишатися тим, що самостійно розібралися в їхньому встановленні. Всім дякую за увагу!
P.S. На закінчення статті відео про те, як поставити хлібні крихти на свій блог:
Перед тим як перейти безпосередньо до огляду модулів, кілька слів скажу про те, як і навіщо застосовується це рішення:
- По-перше, воно корисне з погляду юзабіліті — навігація зорієнтує людей на сайті та прояснить його структуру.
- По-друге, ця фішка працює й у оптимізації, т.к. по суті є ще одним варіантом , а також збільшує число переходів і час перебування (+ може відображатися у видачі).
Однак така функціональність ефективна у кожному веб-проекті. Якщо у вас є звичайна візитка на 10-20 сторінок без вкладеної ієрархії, то немає сенсу додавати хлібні крихти в WP. Елемент не нестиме абсолютно ніякої користі, а лише займатиме вільне місцена екрані. В разі корпоративних порталівз багаторівневими категоріями/розділами — зовсім інша справа. Плюс він теж чудово виглядає.
Теоретично допускається виведення цього блоку не на всіх сторінках. Наприклад, у вас є блог, де спочатку передбачено кілька традиційних шляхів сайту: теги та категорії, архіви дат, авторів, а також конкретні пости. У розділах і нотатках навігацію я залишив би, тоді як у мітках і датах цінність подібної інформації мінімальна, т.к. вона просто дублює заголовок. Якщо встановлені плагінихлібних крихт для Вордпрес не дозволяють зробити це безпосередньо, використовуйте . Крім того, бажано максимально та ненав'язливо оформити елемент через макет та стилі.
Нерозумно вийде, коли відразу ж під ланцюжком «Головна» - «Категорія» - «Заголовок посту» ви бачите той самий тайтл + вказівку поточної категорії. Подібне відображення рубрик, до речі, часто зустрічається у стандартних WP шаблонах, тому після інтеграції відповідного рішення бажано підправити цей нюанс.
Плагіни та хлібні крихти у WordPress
Модулі під дане завданнялегко перебувають за англомовною назвою функції Breadcrumbs — WordPress репозиторії або через пошукові системи. Різних варіантів реалізації вистачає, але більша частина їх не оновлювалися кілька років.
Можливо, авторам набридло конкурувати з незмінними лідерами Breadcrumb NavXT із 600тис. завантажень та SEO by Yoast. До того ж досить складно придумати щось над оригінальне в даному питанні, т.к. він максимально простий і навіть можна реалізувати хлібні крихти у WordPress без плагіна. Як би там не було, підібрав 4 найцікавіші рішення:
Основне завдання модуля в принципі ніяк не пов'язане з нашою сьогоднішньою темою, але не згадати його не можна. Одна з додаткових фішокплагіна Yoast SEO- хлібні крихти. Тобто вам не доведеться встановлювати новий модуль, а просто активуєте відповідну опцію. У роботі я використовую цей варіант.
— найпопулярніший плагін по хлібних крихтах у WordPress із понад 600 тисячами завантажень. Оновлюється регулярно і містить безліч функцій для легкого налаштуваннянавігації відображення. Також у ньому знайдете вбудований віджет, підтримка bbPress, BuddyPress, локалізації, можливість використання розробниками фільтрів/хуків та багато іншого.
Breadcrumb
У принципі, складно знайти рішення, які були б цікавішими за попередні два, хоча є непогані спроби. Так, наприклад, у модулі Breadcrumb для WordPress впроваджено підтримку шорткодів, плюс сам ланцюжок посилань має оригінальне оформлення (дивіться за посиланням Live Demo!»). Незрозуміло тільки чи підтримуються дизайни в безкоштовної версії. Також можна налаштувати тип роздільника та додавати текст на початку елемента. За словами розробників, скрипт максимально простий і легкий.
Ще один варіант, що має плюс-мінус гідне число завантажень, незважаючи на те, що оновлювався близько року тому. Автори обіцяють гнучке налаштування хлібних крихт у WordPress: вбудовані хуки, параметри відображення та підтримку стилів (в описі є приклад CSS Sample). Модуль здався досить непоганим і простим рішеннямз добрими оцінками.
Хлібні крихти в Yoast SEO
Я не буду детально описувати всі тонкощі роботи, почитати про це можете, зосереджуся виключно на створенні елемента з крихтами. Процес інтеграції складається з двох частин - установки в адмінці + редагування шаблону.
Після активації з'явиться цілий новий розділ SEO, де потрібно вибрати пункт «Додатково». Далі перемістіть вимикач у пункті з дивною назвою «Увімкнути Мякіш» у позицію «Увімкнено»:
Різних опцій тут, в принципі, не так вже й багато. Ви визначаєте символ роздільника, назву головної, префікс, текс для архівів та 404 сторінки. Трохи нижче вибираєте варіант таксономії, що відображається в записі (рубрика найбільш логічна).
Потім переходьте у файл шаблону, де збираєтеся виводити навігаційний блок та додаєте рядки:
| " , "" ) ; } ?> |
Найпопулярніші місця вставки коду – у постах (single.php) та сторінках (page.php) перед відображенням заголовка. Іноді його можуть розміщувати наприкінці макету шапки (header.php). Код вище має умовний операторі перевіряє наявність плагіна, а потім показує результат. З такою конструкцією можна буде легко відключити хлібні крихти у налаштуваннях. Багато професійні теми, до речі, даний коддоданий спочатку, т.к. модуль є дуже популярним.
Ще одна перевага Yoast SEO - хлібні крихти можуть задаватися в додаткові параметрипостів блогу:
Тобто, у вас є шанс вручну визначити будь-яке значення заголовка WP записів через адмінку. Це корисно для довгих назв статей + дозволяє позбутися дублюючої інформації.
Плагін Breadcrumb NavXT для WordPress
Також при створенні хлібних крихт під Вордпресом використовується планін Breadcrumb NavXT. Модуль має гарну функціональність, про яку я частково згадував вище, плюс містить багато цікавих опцій. Розібратися в ньому зможе практично кожен користувач і легко поміняти потрібні налаштуваннянавігації елемент.
Через адмінку або завантажуєте з офіційного репозиторію. Важливо! Для версії Breadcrumb NavXT від 5.2 вам знадобиться PHP5.3, більш ранні релізи вимагають PHP5.2. Потім активуєте, і WP з'явиться відповідний розділ.
Тут є 4 закладки параметрів:
- В «Основних» можна вибрати тип роздільника, прибрати лінк на головну та налаштувати показ поточної сторінки. Формат рядка задається через шаблони.
- "Записи" - містить опції для постів.
- "Таксономії" - відповідають за мітки / категорії.
- "Інше" - формати сторінок автора, архівів, 404 помилки.
Раджу пройтися кожною вкладкою, подивитися всі фішки. Формат відображення дозволяє вносити будь-які зміни до цієї навігації — додавати свій текст/символи, змінювати стилі тощо.
Після вказівки параметрів хлібних крихт Breadcrumbs у WordPress плагіні потрібно задати виведення інформації у шаблоні – відкриваєте відповідний файл макета (як правило, header.php) та розміщуєте у потрібному місцірядки:
Аналогічно роботі з Yoast SEO вибір місця розміщення коду залежить від встановленої теми. Якщо передбачається виведення блоку в шапці, використовуєте header.php. Враховуючи те, що цей файл є спільним для всіх сторінок макета, побачите ланцюжок посилань на кожній з них. Також можна показувати елемент лише у вибраних розділах - у такому разі вставляєте код у single.php, page.php, archive.php тощо. Загалом, Breadcrumb NavXT – непоганий інструмент.
Хлібні крихти в WordPress без плагіна
Допускається реалізація функції Breadcrumbs у WordPress без плагінів. Однак перед тим як перейти до опису різних варіантів, я висловлю свою суб'єктивну думку чому це не найкраща ідея:
- Інтеграція напевно викличе складності у користувачів-початківців.
- Редагування параметрів безпосередньо в коді не особливо наочно - завдання шаблонів відображення через адмінку куди зручніше, ніж правка безпосередньо.
- Модулі мають більше можливостей- Взяти хоча б локалізацію, підтримку Schema.org, віджети.
- Не всі коди, знайдені в мережі, актуальні, коректні та регулярно оновлюються, тоді як мінімум Yoast SEO і Breadcrumb NavXT в WordPress стабільно працюють.
Якщо чесно не думаю, що створення хлібних крихт у Вордпресі без плагіна принесе вам серйозний приріст продуктивності. Так, якщо ви крутий веб-розробник, створюєте проект для себе, то цілком можна обійтися. чистим кодом», у решті випадків готовий модуль набагато простіше.
Одне з найкомпактніших і плюс-мінус актуальних рішень. Насамперед ви додаєте нову користувальницьку функцію get_breadcrumb() у файл functions.php:
| /** * Generate breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Home" ; if (is_category() || is_single() ) ( echo " » " ; the_category(" . " ) ; if (is_single() ) ( echo " » " ; the_title() ; ) ) elseif (is_page() ) ( echo " » " ; echo the_title() ; ) elseif ( is_search() ) ( echo " » Search Results for... " ; echo "" " ; echo the_search_query() ; echo """ ; } } |
/** * Generate breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Home"; if (is_category() || is_single()) ( echo " » "; the_category(" . "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo " » "; echo the_title(); Search Results for... "; echo "" "; echo the_search_query(); echo """; } }
Потім у макеті відображення постів single.php або будь-якому іншому викликаєте її:
| breadcrumb ( padding : 8px 15px ; margin-bottom : 20px ; list-style : none ; background-color : #f5f5f5 ; border-radius : 4px ; ) .breadcrumb a ( color : #428bca ; |
breadcrumb ( padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; ) .breadcrumb a ( color: #428bca; text-decoration: none; )
У результаті отримаєте щось на кшталт:
Якщо вам цього достатньо, чому немає. Також можу порадити варіант від Dimox'у, який постарався врахувати всі недоліки існуючих сніпетів. Початкового кодутам у рази більше, з нього цілком можна створювати повноцінний модуль:)
Як прибрати хлібні крихти у WordPress
В принципі, це завдання зворотне до процесу встановлення елемента. Тому перед тим, як його відключити, потрібно зрозуміти як саме все реалізовано у вашому конкретному випадку. Алгоритм приблизно такий:
- Чи дивимося чи є плагін хлібних крихт для Вордпрес сайту. Якщо так, то пробуємо приховати відображення ланцюжка посилань у налаштуваннях та/або деактивуємо його.
- Якщо розробник грамотно виконав інтеграцію, видалення модуля не призведе до помилок. В іншому випадку шукаємо у файлах шаблону код виведення навігації (WinGrep на допомогу). Це можуть бути, наприклад, функції yoast_breadcrumb(), bcn_display(), bread_crumb() тощо. Позбавляємося зайвих рядків.
- Ще раз перевіряємо відображення сторінок проекту у браузері.
В принципі, відключити або прибрати хлібні крихти в WordPress не так вже й складно, головне розібратися, як вони додані. Уважно редагуйте код, щоб не видалити нічого важливого (можна попередньо закоментувати рядки).
Разом.У статті детально розібрав як зробити хлібні крихти у WordPress, інформації з налаштування вам має вистачити з головою. Раджу перед встановленням подумати, чи дійсно вам необхідний даний блок. Що стосується реалізації, то особисто я не бачу сенсу впроваджувати елемент шляху сайтом в Вордпрес без плагіна, враховуючи, що у вашому веб-проекті напевно буде присутній Yoast SEO. Що стосується інших модулів, то вони знадобляться лише у разі якоїсь оригінальної функціональності. Breadcrumb NavXT здається досить непоганим, але я обома руками за рішення від Yoast.
Якщо у вас є якісь питання щодо роботи з хлібними крихтами Breadcrumbs і WordPress плагінами для них, пишіть нижче — розбиратимемо.
P.S. Постовий. В наш час потрібно використовувати сучасні трубопровідні системи – газові труби представлені ТД «Євротрубпласт» відповідають усім стандартам якості.
Flector 5
Breadcrumb NavXTце найпросунутіший і найпопулярніший плагін " хлібних крихтдля блогу на WordPress. У нього лише один недолік – немає жодних вбудованих стилів оформлення. Цей недолік плагіна ви можете виправити, взявши готові до використання стилі цієї статті. У плагіні досить багато тонких налаштуваньТак що я переклав його російською мовою, щоб у налаштуваннях могли розібратися навіть новачки. Також читайте як оформити панель. хлібних крихту розмітці RDFa, яка допоможе пошуковим системам знайти і використовувати цю панель при формуванні сніпета.
Ці стилі підійдуть до дизайну більшості шаблонів, але ніхто вам не заважає погратися з квітами, щоб отримати щось на кшталт:
Breadcrumb NavXTце дуже плагін, що настроюється. За бажання можна налаштувати його так, щоб він генерував код " хлібних крихтвідповідно до прийнятого гугла стандартом RDFa. Така розмітка панелі хлібних крихтне є гарантією того, що гугл застосує їх при формуванні пошукового сніпету, але шанси на це різко зростуть.
Як це зробити? Насамперед, поміняйте код виклику панелі на:
Головна
| < span typeof= "v:Breadcrumb" > < a href= "%link%" rel= "v:url" property= "v:title" >%htitle% |
%htitle%
І так для кожного посилання в навігаційній панелі. Я не змушуватиму вас вручну міняти кожне посилання в налаштуваннях плагіна - ось вам готовий налаштувань ( права кнопкамишки та " Зберегти об'єкт як"). Натисніть " Допомога", потім клацніть на " Імпорт/Експорт/Скидання" і виберіть скачений файл для завантаження та імпорту. даному файліекспорту використані налаштування плагіна за замовчуванням плюс RDFaрозмітка та нічого більше. За бажання ви можете налаштувати плагін під себе, але не чіпайте в налаштуваннях все, що стосується RDFa.
Після цього плагін почне генерувати правильний код панелі. хлібних крихт", придатний для пошукових систем. При бажанні можна перевірити код, що виводиться. Якщо все правильно, то вам візуально покажуть, як приблизно виглядатиме ваш сніппет у видачі:
Головна сторінка в цьому прев'ю не відображається, але в реальному пошуку вона, звичайно, буде присутня.
До речі, формально плагін підтримує розмітку для " хлібних крихт". Але чомусь тільки у віджеті і тільки розмітку" schema.orgПроте підтримує він її криво - валідацію у гугла така розмітка не проходить.
Але в будь-якому випадку плагін підтримує розмітку тільки у віджеті, що навряд чи може когось влаштувати, оскільки " хлібні крихтиВиводять, як правило, на початку сторінки, а зовсім не в сайдбарі.
На жаль, на Наразі "хлібні крихтиПричому ні в якому вигляді - що в розміченому, що ні. Шкода, звичайно, але тут нічого не поробиш. 6 988 695
раз)
Сподобався піст? Підпишись на оновлення або
«Хлібні крихти» – це багаторівнева системанавігації, яка повідомляє користувачам, де на сайті вони знаходяться зараз по відношенню до головній сторінці. У цій статті ми покажемо, як вивести «хлібні крихти» WordPress:
Що таке "хлібні крихти" і для чого вони потрібні?
"Хлібні крихти" - це термін, що використовується для позначення ієрархічного меню навігації, представленого у вигляді ланцюжка посилань. Воно часто використовується як додаткового менюнавігації.
«Хлібні крихти» відрізняються від системи меню навігації WordPress, що використовується за замовчуванням.
Мета "хлібних крихт" - допомогти користувачам переміщатися по сайту. Вони допомагають зрозуміти, де зараз є користувач. Це також допомагає пошуковим системамвизначити ієрархію посилань на веб-сторінці.
Пошукові системи, такі як Google, почали виводити "хлібні крихти" сайту в результатах пошуку. Це збільшує видимість сайту в результатах пошуку та покращує показник переходів:
Додавання хлібних крихт за допомогою Breadcrumb NavXT Plugin
Це гнучкий і простий у використанні "хлібні крихти" WordPress плагін. Він має більше різноманітних функцій, ніж ви можете собі уявити. Перше, що потрібно зробити, це встановити та активувати плагін Breadcrumb NavXT. Після його активації необхідно перейти на сторінку налаштувань плагіна: Установки - Breadcrumb NavXT:
Для більшості сайтів підійдуть параметри за замовчуванням. Але при необхідності ви можете внести зміни до параметрів.
Сторінка налаштувань розділена на кілька розділів. На вкладці «Загальні» ви можете визначити, як плагін поводитиметься на сайті.
Тут можна змінити шаблон посилань. Ці шаблони використовують параметри Schema.org у тезі посилання.
У розділі "Типи записів" ви можете задати "хлібні крихти" для записів, сторінок, а також будь-яких користувальницьких типівзаписів. Ви можете вибрати варіант відображення ієрархії записів. За замовчуванням плагін використовуватиме ієрархію « Назва сайту > Рубрика> Заголовок запису».
Ви можете замінити елементи навігації тегами, датами або батьківськими елементамизаписів. Вкладки "Таксономії" та "Автори" мають подібні шаблони для посилань меню. Не забудьте натиснути кнопку « зберегти зміни».
Відображення Breadcrumb NavXT на вашому сайті
Для використання цього WordPress плагіна "хлібні крихти" ви повинні відредагувати файли теми. Потрібно додати наступний код до файлу header.php теми в тому місці, де будуть відображатися «хлібні крихти»:
Перейдіть на сайт і відкрийте якийсь запис або сторінку. Ви побачите, що у вас вже відображаються «хлібні крихти».
Додавання «хлібних крихт» за допомогою Yoast SEO Plugin
Встановіть та активуйте Yoast SEO Plugin. Після активації плагіна потрібно перейти на сторінку SEO > Додатковота встановіть прапорець для опції « Включити хлібні крихти»:
Після цього будуть доступні кілька параметрів, за допомогою яких можна змінити варіант відображення «хлібних крихт». Налаштування за замовчуванням повинні підходити для більшості сайтів, але їх можна легко змінити.
Після того, як ви закінчите, натисніть кнопку « зберегти зміни».
Виведення хлібних крихт за допомогою плагіна Yoast SEO
Деякі теми вже підтримують «хлібні крихти» Yoast. Перейдіть на сайт і відкрийте будь-яку сторінку або запис, щоб перевірити, чи відображаються в них «хлібні крихти» WordPress. Якщо ні, потрібно додати невеликий фрагмент коду в активну тему.
Вставте цей код у header.php своєї теми наприкінці файлу:
Ось і все, тепер ви можете перейти на свій сайт, там вже відображатимуться «хлібні крихти».
Сподіваємось, що ця стаття допомогла вам.
Переклад статті « How to Display Breadcrumb Navigation Links in WordPress» був підготовлений дружньою командою проекту.
Добре погано
Привіт всім!. Сьогодні в цій статті я хотів би розповісти вам, як можна покращити юзабіліті свого сайту за допомогою плагіна Yoast SEO, про який я розповім докладно в одній із наступних статей.
Напевно, багато хто вже чув про цей плагін і знає, що він необхідний для написання сео-оптимізованих статей. Але те, що ще можна зробити хлібні крихти WordPress Yoast SEO, здогадуються мало хто.
Для початку, давайте я поясню, що таке «хлібні крихти» і для чого вони взагалі потрібні.
Отже, «хлібні крихти» – це додаткова посторінкова навігація, яка відображає у якій рубриці чи у якому розділі знаходиться стаття.Відвідувач, перейшовши на якусь сторінку вашого блогу, повинен розуміти, в якому розділі він знаходиться і в рубриці він шукає потрібну йому інформацію. Узагальнено ця навігація може бути представлена так:
У нас на сайті вона виглядає так:
Крім того, наявність цієї навігації допомагає роботам чіткіше розуміти структуру сайту і швидше індексувати ваш блог. А це дуже важливо під час проекту в мережі.
«Чому?» - Ви запитаєте, ми вирішили користуватися цим плагіном. Відповідь тут буде проста. В Інтернеті існує велика кількість схожих сервісів, які допоможуть з виведенням «крихт», але при цьому вони додатково навантажуватимуть сайт, від цього краще вже точно не стане. А якщо ми все одно використовуємо Yoast SEO для оптимізації постів, то гріх не скористатися його можливостями і не зробити зручне юзабіліті за його допомогою.
Налаштування виведення хлібних крихт плагіном Yoast SEO
Як встановлювати цей Yoast SEO я писати тут не буду. Якщо ви не знаєте, як це зробити, то прочитайте цю мою статтю « ». У ній я докладно розповідаю та показую, якими способами можна встановлювати необхідні плагіни для роботи.
У вікні поставте галочку «Включити навігаційний ланцюжок (breadcrumbs)».
На нашу радість відкриються налаштування все російською мовою, і вони інтуїтивно зрозумілі. У відео, яке скоро з'явиться в цій статті, я наочно покажу, що відбуватиметься при зміні деяких пунктів даного меню. А поки що, ви можете самі легко поекспериментувати і спробувати змінити налаштування. Нічого страшного тут створити неможливо, оскільки це лише візуальні коригування наших «крихт».
Наступним кроком після включення навігаційного ланцюжка буде вставка коду активації цієї функції в шаблон вашої теми. Щоб дізнатися, який код потрібно вставити, переходимо за посиланням, яке йде після налаштування нашого ланцюжка.
Після того, як ми потрапили на офіційний сайт даного плагіна, копіюємо код і вставляємо в те місце своєї теми, в якому ми плануємо, щоб вони виводилися.
Універсального місця для вставки цього коду я вам порадити не можу, оскільки це залежить від теми, яку ви використовуєте. Можливо вам доведеться прописати його або у файл single.php, або в page.php, а в деяких випадках і в header.php.
У нашому випадку код ми вставили практично на початку файлу single.php, який розташований за адресою www/wp-content/themes/ваша тема/ .
Примітка:Звертаю вашу увагу, що вставляти код краще через FTP клієнт. Ми використовуємо Filezilla, про роботу якої писали докладно . Обов'язково прочитайте нашу інструкцію, щоб уникнути багатьох помилок новачків.
Причому прошу також звернути увагу, що код, який стоїть у нас, трохи відрізняється від того, який нам рекомендований розробниками. Зокрема, функцію breadcrumbs ми обернули в div тег. Це зроблено для того, щоб можна було поставити свій індивідуальний стильвідображення.
Для цього у файлі style.css ми прописуємо стилі, які нам потрібні. У них ми можемо задати колір, фон, розмір шрифту, підкреслення, тобто привести до такого вигляду, який повністю влаштовував би наш смак або поєднувався із загальною стилістикою сторінки. У нашому випадку це виглядає так:
На цьому налаштування плагіна практично закінчено, але в такому варіанті у нас після виведення рубрики ще виводитимуться й назва статті. Це може призвести до переспамлення. Я думаю, ви зі мною погодитеся, що це зайве, оскільки назва статті і так чудово видно користувачеві і дублювати його ще раз немає потреби.
Щоб уникнути цього, потрібно додатково вставити невеликий код у файл functions.php.
Function adjust_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", "
Ось тепер усі наші налаштування закінчені. Якщо ви все зробили правильно, то у вас вийде приблизно так само, як на нашому блозі.
Якщо виникнуть питання – пишіть у коментарях!
Всім поки що!
З вами був Калмиков Антон
