Jak wyświetlić linki nawigacyjne Breadcrumb w WordPress

Gdy odwiedzasz witrynę i widzisz coś w rodzaju „ Strona główna->Sklep->Moje konto” , nazywa się to okruchami chleba .

Służą jako „ślad”, który pomaga użytkownikom zrozumieć ich aktualną lokalizację w witrynie i sposób, w jaki się tam dostali. Nazwana na cześć historii Jasia i Małgosi, bułka tarta pomaga użytkownikowi w nawigacji po witrynie.

W dzisiejszym artykule omówimy:

• Korzyści z dodania bułki tartej
• Najlepsze metody wdrażania bułki tartej w witrynie WordPress.
• Najlepsza wtyczka WordPress do dodawania bułki tartej do Twojej witryny.

Nie marnując czasu, zacznijmy-

Korzyści z dodania bułki tartej do Twojej witryny

Zanim przejdziemy do części samouczka, musisz poznać zalety bułki tartej-

1. Breadcrumbs zapewniają użytkownikom przejrzystą mapę ich podróży, pomocną w dużych witrynach internetowych, takich jak witryny eCommerce lub blogi.
2. Bułka tarta przyczynia się do płynniejszego przeglądania.
3. Odwiedzający mogą szybko przeskakiwać do stron bez konieczności korzystania z menu głównego lub przycisku Wstecz.
4. Wyszukiwarki używają bułki tartej, aby zrozumieć strukturę Twojej witryny.
5. Okruchy nawigacyjne mogą pojawiać się w wynikach wyszukiwania, zwiększać współczynniki klikalności i pomagać wyszukiwarkom lepiej indeksować Twoją witrynę.
6. Breadcrumb zmniejsza współczynnik odrzuceń i zwiększa zaangażowanie.
7. Są lekkie i łatwe w adaptacji

Bułka tarta to nie tylko pomoc w nawigacji, to kluczowy element każdej przyjaznej dla użytkownika i zoptymalizowanej pod kątem wyszukiwania witryny internetowej.

Zobaczmy teraz, jak dodać nawigację nawigacyjną w witrynach WordPress.

Jak dodać nawigację Breadcrumb do witryny WordPress

Dlatego pokażemy Ci, jak dodać nawigację nawigacyjną do witryny WordPress za pomocą 3 metod.

• Korzystanie z wtyczki WordPress
• Korzystanie z kodu niestandardowego
• Korzystanie ze wsparcia motywu.

Zacznijmy-

1. Korzystanie z wtyczki WordPress w celu dodania nawigacji nawigacyjnej

Jak to zwykle bywa, zawsze dostępna jest wtyczka WordPress, która pozwala dodać dowolne funkcje do Twojej witryny WordPress. Istnieje wtyczka o nazwie Breadcrumb NavXT , która dodaje nawigację Breadcrumb.

Jest to jedna z najpopularniejszych wtyczek nawigacyjnych WordPress z ponad 900 000 aktywnych instalacji. Wtyczka posiada wszystkie niezbędne funkcje w wersji darmowej, które pomogą Ci dodać i dostosować nawigację nawigacyjną w Twojej witrynie.

Oto kroki, jak wyświetlić nawigację w formie menu nawigacyjnego w Twojej witrynie:

Krok 1: Zainstaluj i aktywuj wtyczkę

Najpierw zainstaluj wtyczkę z panelu WordPress. Przejdź do Wtyczki–> Dodaj nowe i wpisz Breadcrumb NavXT w polu wyszukiwania. Następnie zainstaluj i aktywuj wtyczkę-

Krok 2: Skonfiguruj ustawienia Breadcrumb NavXT

Opcje dostosowywania wtyczki znajdziesz w Ustawieniach–> Breadcrumb NavXT . Znajdziesz różne opcje dostosowywania bułki tartej. Jeśli jednak brakuje Ci czasu lub masz niewielką wiedzę techniczną, zachowaj ustawienia domyślne.

Uwaga: po zainstalowaniu wtyczki nie zmieniałem żadnych ustawień. Zachowałem te domyślne. Działało dobrze dla mnie.

Krok 3: Dodaj blok Gutenberga

Po skonfigurowaniu ustawień musisz dodać blok Breadcrumb Trail na stronie lub w poście, dla którego chcesz wyświetlać Breadcrumb Trail. Wybierz dowolną stronę lub post, wybierz i dodaj blok szlaku nawigacyjnego.

Spowoduje to dodanie nawigacji nawigacyjnej do strony lub postu

Możesz także użyć widgetu, aby dodać bułkę tartą. Wystarczy przejść do Wygląd -> Widżety . Znajdź widżet Breadcrumb Trail i dodaj miejsce, w którym chcesz wyświetlać nawigację na swojej stronie internetowej-

Oto, jak łatwo możesz stworzyć nawigację do swojej witryny.

Ale jest pewien haczyk. Możesz to zrobić tylko strona po stronie lub post po poście. To zajmie ci dużo czasu.

Jeśli chcesz to zrobić w całej witrynie, musisz użyć niestandardowego kodowania.

2. Używanie kodu niestandardowego w celu dodania nawigacji nawigacyjnej

Jeśli masz zainstalowaną wtyczkę Breadcrumb NavXT, możesz użyć fragmentu kodu, aby wyświetlić bułkę tartą w całej witrynie.

Możesz użyć opcji Edytora plików motywów w Wyglądzie lub otworzyć Menedżera plików z poziomu CPanel i znaleźć plik header.php.

Dodaj ten kod-

 if (function_exists('bcn_display')) { bcn_display(); } ?>

Uwaga: początkowo miałem problemy z dodaniem tego kodu jako użytego „<!–?php”. Ale kod od początku zawierał już „<!–?php”. Dlatego wywalał mi błąd. Podałem jedyną część kodu, której musisz użyć. Skopiuj go i umieść na końcu kodu.

Spowoduje to dodanie nawigacji nawigacyjnej w całej witrynie-

To takie proste.

3. Korzystanie z obsługi motywów w celu dodania bułki tartej

Możesz także skorzystać z obsługi motywów, aby dodać bułkę tartą do swojej witryny. Na przykład w motywie witryny sklepowej przejdź do opcji dostosowywania motywu. Tam, w sekcji widżetów, znajdziesz blok Breadcrumb NavXt-

Tutaj możesz skonfigurować ustawienia. Następnie możesz dodać blok Breadcrumb Trail, aby wyświetlić bułkę tartą-

W ten sposób możesz wyświetlić nawigację nawigacyjną w witrynie WordPress.

Popularne wtyczki umożliwiające dodanie bułki tartej do witryny WordPress

Jeśli nie czujesz się komfortowo korzystając z wtyczki Breadcrumb NavXT, możesz skorzystać z innych wtyczek:

1. Yoast SEO

Yoast SEO to popularna wtyczka zaprojektowana w celu poprawy wydajności SEO Twojej witryny. Zawiera wbudowaną funkcję nawigacyjną .

To sprawia, że ​​jest to doskonały wybór dla tych, którzy chcą połączyć nawigację z optymalizacją SEO.

Nawigację można dostosować i pomóc dopasować strukturę i projekt witryny.

Cechy:

• Płynnie integruje się z ustawieniami SEO Twojej witryny.
• Oferuje elastyczność w dostosowywaniu struktury i wyglądu bułki tartej.
• Pomaga wyszukiwarkom lepiej indeksować Twoją witrynę, włączając bułkę tartą do znaczników HTML.
• Obsługuje posty, strony i niestandardowe typy postów.

2. Ranga matematyczna

Rank Math to kolejna bardzo popularna wtyczka SEO, która oferuje zaawansowane funkcje, w tym bułkę tartą. Jest popularny ze względu na przyjazny dla użytkownika interfejs i opcje dostosowywania. Jego elementy nawigacyjne można łatwo skonfigurować i dopasować do motywu witryny.

Cechy:

• Zawiera szczegółowe opcje dostosowywania menu nawigacyjnego.
• Automatycznie dodaje menu nawigacyjne do postów, stron i innych typów treści.
• W pełni integruje się z pakietem narzędzi SEO Rank Math, zapewniając dodatkową funkcjonalność.
• Lekki i przyjazny dla urządzeń mobilnych do nawigacji.

3. Bułka tarta WooCommerce

WooCommerce Breadcrumbs to wtyczka zaprojektowana specjalnie dla sklepów WooCommerce. Poprawia nawigację, dodając bułkę tartą do stron produktów, kategorii i innych sekcji specyficznych dla sklepu.

Cechy:

• Automatycznie dodaje bułkę tartą do stron produktów i kategorii WooCommerce.
• Poprawia doświadczenie użytkownika, pokazując lokalizację produktu w hierarchii sklepu.
• Konfigurowalne etykiety nawigacyjne i separatory dla lepszej estetyki.
• Pomaga ulepszyć SEO, zapewniając uporządkowaną nawigację dla wyszukiwarek.

4. Elastyczna bułka tarta

Flexy Breadcrumb to wtyczka zaprojektowana w celu dodawania konfigurowalnych bułek tartych do Twojej witryny WordPress.

Działa z większością motywów i umożliwia dostosowanie projektu i struktury nawigacyjnej do stylu Twojej witryny. Przyjazny interfejs użytkownika sprawia, że ​​jest odpowiedni zarówno dla początkujących, jak i zaawansowanych użytkowników.

Cechy:

• Oferuje wiele opcji projektowania bułki tartej.
• Umożliwia dostosowanie hierarchii menu nawigacyjnego i separatorów.
• Obsługuje integrację z popularnymi narzędziami do tworzenia stron, takimi jak Elementor.
• Lekki i zoptymalizowany pod kątem szybkiej wydajności

Popraw nawigację w swojej witrynie za pomocą bułki tartej

Nie znajdziesz wielu stron internetowych bez nawigacji nawigacyjnej. To świetny sposób na utrzymanie zaangażowania klientów i odwiedzających oraz poinformowanie ich, gdzie się znajdują w Twojej witrynie. Jak powiedzieliśmy, świetnie nadaje się również do optymalizacji SEO.

Niezależnie od tego, czy ci się to podoba, czy nie, nawigacja po menu nawigacyjnym jest ważna dla witryny. Nawet Google twierdzi, że nawigacja po bułce tartej może poprawić strukturę witryny i SEO.

Pokazaliśmy Ci 3 sposoby dodania bułki tartej do Twojej witryny. Możesz śledzić którykolwiek z nich.

Dodaj więc bułkę tartą do swojej witryny i jeśli utkniesz w dowolnym momencie, daj nam znać w sekcji komentarzy.