Jak wyświetlić linki nawigacyjne w postaci okruszków w WordPress

Jeśli szukasz sposobu na ułatwienie nawigacji po Twojej stronie WordPress, polecamy dodanie linków nawigacji okruszkowej.

Nawigacja typu „breadcrumb” informuje użytkowników, gdzie znajdują się na stronie internetowej w stosunku do strony głównej. Ten ślad nawigacyjny jest następnie wyświetlany również w wynikach wyszukiwania, co sprawia, że Twoja strona internetowa się wyróżnia.

Używamy okruszków nawigacyjnych na naszych własnych stronach internetowych i stwierdziliśmy, że ta funkcja ułatwia czytelnikom poruszanie się po różnych stronach. W tym artykule pokażemy, jak wyświetlać linki nawigacyjne w postaci okruszków w WordPressie.

Czym jest nawigacja okruszkowa i dlaczego jej potrzebujesz?

Nawigacja w postaci okruszków to termin używany do opisania hierarchicznego menu nawigacyjnego prezentowanego jako ścieżka linków. Jest często używana jako nawigacja pomocnicza, która pozwala użytkownikom przejść wyżej w hierarchii stron witryny.

Linki nawigacyjne okruszkowe różnią się od domyślnego systemu menu nawigacyjnego w WordPress.

Nawigacja okruszkowa pomaga użytkownikom poruszać się po Twojej stronie internetowej i pomaga wyszukiwarkom zrozumieć strukturę i hierarchię linków na stronie internetowej.

Jeśli Twoje okruszki nawigacyjne są poprawnie skonfigurowane, wyszukiwarki takie jak Google wyświetlą je wraz z tytułem strony w wynikach wyszukiwania. Zwiększa to widoczność Twojej witryny w wynikach wyszukiwania i zwiększa Twój współczynnik klikalności.

Metody opisane w tym przewodniku pomogą Ci poprawnie skonfigurować okruszki za pomocą znacznika schematu. Schemat to inteligentny kod znacznika, który pomaga Google zidentyfikować Twoje okruszki, dzięki czemu będą wyświetlane w wynikach wyszukiwania.

Mówiąc to, przyjrzyjmy się, jak dodać linki nawigacji typu „breadcrumb” w WordPress. Pokażemy dwie metody, a Ty możesz wybrać tę, która najlepiej Ci odpowiada:

• Method 1: Adding Breadcrumb Navigation in WordPress Using All in One SEO (Recommended)
• Metoda 2: Dodaj nawigację typu „breadcrumb” za pomocą Breadcrumb NavXT
• Samouczek wideo

Metoda 1: Dodawanie nawigacji okruszkowej w WordPress przy użyciu All in One SEO (zalecane)

Ta metoda jest łatwiejsza i zalecana dla wszystkich użytkowników WordPress.

W tej metodzie będziemy używać All in One SEO dla WordPress, która jest najlepszą wtyczką SEO dla WordPress na rynku. Pomaga łatwo poprawić SEO w WordPress bez żadnych umiejętności technicznych. Posiada również łatwą w użyciu funkcję okruszków.

Po aktywacji zostaniesz przekierowany do kreatora konfiguracji wtyczki. Możesz postępować zgodnie z instrukcjami na ekranie, aby skonfigurować wtyczkę.

Potrzebujesz pomocy z konfiguracją? Zobacz nasz samouczek krok po kroku, jak zainstalować i skonfigurować All in One SEO.

Następnie musisz odwiedzić stronę All in One SEO » Ustawienia ogólne i przejść do zakładki „Okruszki”.

Schemat znacznika okruszków jest automatycznie dodawany przez All in One SEO do kodu Twojej witryny, aby wyszukiwarki mogły go znaleźć.

Jednakże, jeśli chcesz również wyświetlać linki nawigacji okruszkowej na swojej stronie, musisz włączyć opcję „Włącz okruszki”.

Przełączenie przełącznika pozwala zobaczyć różne ustawienia wyświetlania okruszków, których możesz użyć na swojej stronie internetowej WordPress.

Istnieją cztery sposoby wyświetlania śladu nawigacyjnego typu „breadcrumb” na Twojej stronie WordPress.

1. Dodawanie nawigacji okruszkowej za pomocą krótkiego kodu

Metoda kodu skrótu jest łatwa i pozwala wyświetlać linki nawigacyjne w postaci okruszków w postach i stronach WordPressa lub na stronach produktów w Twoim sklepie internetowym.

Po prostu edytuj post, stronę lub produkt i dodaj następujący krótki kod tam, gdzie chcesz wyświetlić ścieżkę nawigacyjną okruszków:

[aioseo_breadcrumbs]

Jeśli używasz domyślnego edytora bloków, krótki kod zostanie automatycznie przekonwertowany na blok Krótki kod.

Możesz teraz zapisać swój wpis lub stronę i wyświetlić podgląd, aby zobaczyć menu nawigacyjne okruszkowe w akcji.

Oto jak to wyglądało na naszej stronie testowej.

2. Dodawanie nawigacji okruszków za pomocą bloku Gutenberga

Teraz, jeśli nie chcesz używać opcji kodu skrótu lub nie pamiętasz kodu skrótu, możesz wyświetlić nawigację okruszkową za pomocą bloku AIOSEO – Okruszki.

Po prostu edytuj post lub stronę, na której chcesz wyświetlić nawigację okruszkową i dodaj blok AIOSEO – Okruszki.

Wtyczka załaduje podgląd na żywo Twoich linków nawigacyjnych typu „breadcrumb” i wyświetli je w obszarze treści.

Nie zapomnij zaktualizować lub opublikować swoich zmian.

3. Dodawanie nawigacji typu „breadcrumb” za pomocą widżetu

Powyższe dwie metody wymagają dodania krótkiego kodu lub bloku na każdym poście lub stronie, gdzie chcesz wyświetlić linki nawigacji okruszkowej.

Co jeśli chcesz automatycznie wyświetlać okruszki dla każdego wpisu lub strony?

Widżet AIOSEO Breadcrumbs widget pozwala Ci to łatwo zrobić.

Po prostu przejdź do strony Wygląd » Widżety i dodaj blok widżetu AIOSEO – Okruszki. Możesz dodać go do paska bocznego swojej witryny, stopki lub dowolnego obszaru widżetów.

Możesz podać tytuł dla widżetu lub pozostawić go pustym, jeśli wolisz.

Nie zapomnij kliknąć przycisku „Aktualizuj”, aby zapisać swoje ustawienia.

Możesz teraz odwiedzić swoją stronę internetową i zobaczyć menu nawigacji okruszkowej na wszystkich postach i stronach.

4. Dodawanie nawigacji typu „breadcrumb” za pomocą kodu

Ta metoda pozwala wyświetlać linki nawigacyjne typu „breadcrumbs” dokładnie tam, gdzie chcesz. Wymaga jednak dodania kodu do plików motywu WordPress.

Jeśli jeszcze tego nie zrobiłeś, nie zapomnij zapoznać się z naszym artykułem na temat jak dodawać fragmenty kodu w WordPressie.

Najpierw musisz zdecydować, gdzie wyświetlić linki okruszkowe. Najczęstszym miejscem jest poniżej tytułu pojedynczego posta, strony lub produktu.

Motywy WordPressa używają plików szablonów do wyświetlania różnych sekcji Twojej witryny. Na przykład, wiele motywów używa pliku o nazwie content-single.php znajdującego się w folderze template-parts Twojego motywu.

Zobacz naszą ściągawkę, aby dowiedzieć się, które pliki edytować w motywie WordPress.

Następnie musisz edytować plik swojego motywu za pomocą klienta FTP. Zobacz nasz przewodnik jak używać FTP do przesyłania plików do WordPressa, aby uzyskać instrukcje.

Następnie umieść poniższy kod tam, gdzie chcesz wyświetlić linki nawigacyjne okruszkowe:

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Nie zapomnij zapisać zmian i przesłać pliku z powrotem na swoją stronę internetową.

Możesz teraz odwiedzić swoją witrynę, aby zobaczyć linki breadcrumb w akcji.

Zmień sposób wyświetlania linków nawigacji w AIOSEO

Domyślnie All in One SEO używa szablonu do wyświetlania linków nawigacyjnych typu „breadcrumbs”. Zawiera on link do strony głównej, kategorii, strony nadrzędnej oraz tytułu posta lub strony, oddzielonych symbolem „»”.

Możesz to zmienić, odwiedzając stronę All in One SEO » Ustawienia ogólne i przechodząc do zakładki „Okruszki”. Następnie po prostu przewiń w dół do sekcji Ustawienia okruszków.

Stąd możesz zmienić separator, pokazać lub ukryć link do strony głównej, dodać prefiks i więcej.

Po zakończeniu nie zapomnij zapisać swoich ustawień.

Metoda 2: Dodaj nawigację typu „breadcrumb” za pomocą Breadcrumb NavXT

Ta metoda może być używana z każdą inną wtyczką SEO WordPress. Jest łatwa w użyciu, jeśli masz kompatybilny motyw, ale jeśli nie, będziesz musiał edytować pliki swojego motywu, aby wyświetlić linki nawigacyjne breadcrumb.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Breadcrumb NavXT. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić stronę Ustawienia » Breadcrumb NavXT, aby skonfigurować ustawienia wtyczki.

Domyślne ustawienia powinny działać dla większości stron internetowych. Możesz jednak dostosować ustawienia w razie potrzeby.

Strona ustawień jest podzielona na różne sekcje. W zakładce ustawień ogólnych możesz zmienić styl i ustawienia swoich ścieżek nawigacyjnych.

Zauważysz również, że te szablony linków używają znacznika Schema.org w tagu linku.

Zakładka typów postów w ustawieniach wtyczki pozwala na ustawienie linków breadcrumb dla postów, stron i wszelkich niestandardowych typów postów.

Możesz wybrać sposób wyświetlania hierarchii swoich postów. Domyślnie wtyczka użyje hierarchii „Tytuł witryny > Kategoria > Tytuł posta”.

Możesz zastąpić kategorie tagami, datami lub rodzicem posta i zmienić separator.

Zakładki Taksonomie i Różne mają podobne szablony dla Twoich linków nawigacyjnych breadcrumb.

Nie zapomnij zapisać zmian po zakończeniu.

Breadcrumb NavXT oferuje wiele sposobów wyświetlania linków nawigacyjnych typu „breadcrumb” na Twojej stronie internetowej.

1. Wyświetl nawigację okruszkową z obsługą motywu

Niektóre z najpopularniejszych motywów WordPress mają wbudowaną opcję wyświetlania nawigacji typu „breadcrumb”, wybierając Breadcrumb NavXT lub wtyczkę WordPress SEO jako źródło.

Na przykład, jeśli używasz motywu Sydney, możesz przejść do strony Wygląd » Dostosuj . Następnie kliknij menu „Ogólne”, a następnie opcję „Okruszki”.

Stamtąd będziesz musiał wybrać „Breadcrumb NavXT” z listy rozwijanej „Breadcrumbs Generator”.

Możesz również wybrać, gdzie chcesz, aby Twoje okruszki były wyświetlane, wybierając opcję z listy rozwijanej „Pozycja”.

Jeśli przeglądasz pojedynczy wpis lub stronę, zobaczysz podgląd na żywo swoich linków nawigacyjnych typu „breadcrumb”.

Nie zapomnij kliknąć przycisku „Opublikuj”, aby zapisać zmiany.

2. Wyświetl linki nawigacyjne za pomocą bloku okruszków nawigacyjnych

Możesz również wyświetlić linki nawigacyjne typu „breadcrumb”, używając bloku Breadcrumb Trail.

Po prostu przejdź do swojego edytora treści WordPress, a następnie dodaj blok Ścieżka okruszków tam, gdzie chcesz wyświetlić linki nawigacyjne.

Następnie możesz zaktualizować lub opublikować swoją treść.

Następnie odwiedź swoją witrynę, aby zobaczyć linki nawigacyjne w akcji.

3. Dodawanie nawigacji okruszków za pomocą widżetu

Wtyczka zapewnia również widżet, którego można użyć do wyświetlania nawigacji okruszkowej w pasku bocznym lub w dowolnym obszarze gotowym na widżety.

Najpierw przejdź do strony Wygląd » Widżety i dodaj blok widżetu „Ścieżka okruszków” do obszaru widżetów swojej witryny, na przykład do paska bocznego lub stopki.

Domyślne ustawienia widżetu sprawdzą się w większości witryn, ale możesz je zmienić w razie potrzeby. Na przykład możesz chcieć ukryć ścieżkę na stronie głównej.

Nie zapomnij kliknąć przycisku „Zaktualizuj”, aby zapisać ustawienia widżetu.

4. Dodawanie nawigacji typu „breadcrumb” za pomocą kodu

Wtyczka oferuje również metodę kodu do wyświetlania linków nawigacyjnych okruszkowych dla zaawansowanych użytkowników.

Najpierw musisz połączyć się ze swoją witryną WordPress za pomocą klienta FTP. Następnie przejdź do folderu swojego aktualnego motywu WordPress znajdującego się w katalogu /wp-content/themes/.

Motywy WordPressa używają plików szablonów do wyświetlania różnych sekcji Twojej witryny. Na przykład, wiele motywów używa pliku o nazwie content-single.php znajdującego się w folderze template-parts Twojego motywu.

Zobacz naszą ściągawkę, aby dowiedzieć się, które pliki edytować w motywie WordPress.

Otwórz plik szablonu, aby go edytować, a następnie umieść poniższy kod w miejscu, w którym chcesz wyświetlić ścieżkę okruszków:

<?php if( function_exists( 'bcn_display' ) ) bcn_display(); ?>

Nie zapomnij zapisać zmian i przesłać pliku z powrotem na swoją stronę internetową.

Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć ścieżkę linków okruszkowych w akcji.

Samouczek wideo

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać linki nawigacyjne typu „breadcrumb” w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat pokazywania różnych menu zalogowanym użytkownikom w WordPress lub dodawania mega menu na Twojej stronie WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.