W artykule:
Czy chcesz wyświetlić łącza nawigacyjne breadcrumb w swojej witrynie WordPress?
Nawigacja Breadcrumb informuje użytkowników, gdzie znajdują się na stronie internetowej w stosunku do strony głównej. Ten ślad bułki tartej jest następnie wyświetlany w wynikach wyszukiwania, co wyróżnia Twoją stronę.
W tym artykule pokażemy, jak wyświetlać łącza nawigacyjne breadcrumb w WordPress.
Czym jest Nawigacja Breadcrumb i dlaczego jej potrzebujesz?
Breadcrumb navigation to termin używany do opisania hierarchicznego menu nawigacyjnego przedstawionego jako szlak linków. Jest często używany jako dodatkowa nawigacja, która pozwala użytkownikom przejść w górę hierarchii stron witryny.
Łącza nawigacyjne Breadcrumb różnią się od domyślnego systemu menu nawigacyjnego w WordPress.
Celem nawigacji breadcrumb jest pomoc użytkownikom w poruszaniu się po twojej witrynie. Pomaga również wyszukiwarkom zrozumieć strukturę i hierarchię linków na stronie internetowej.
Jeśli bułka tarta są skonfigurowane w odpowiedni sposób, a następnie wyszukiwarki takie jak Google wyświetli je wraz z tytułem strony w wynikach wyszukiwania. Daje to Twojej witrynie większą widoczność w wynikach wyszukiwania i zwiększa współczynnik klikalności.
Metody w tym przewodniku pomoże Ci skonfigurować bułkę tartą prawidłowo za pomocą schematu znaczników. Schemat jest inteligentny kod znaczników, który pomaga Google zidentyfikować bułkę tartą, więc będą one wyświetlane w wynikach wyszukiwania.
Powiedziawszy to, rzućmy okiem na to, jak dodać łącza nawigacyjne breadcrumb w WordPress. Pokażemy Ci dwie metody i możesz wybrać tę, która działa najlepiej dla ciebie.
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Metoda 1. Dodawanie nawigacji Breadcrumb w WordPress za pomocą All in One SEO (zalecane)
Ta metoda jest łatwiejsza i zalecana dla wszystkich użytkowników WordPressa.
W przypadku tej metody będziemy używać All in One SEO for WordPress, który jest najlepszą wtyczką WordPress SEO na rynku. Pomaga łatwo poprawić SEO WordPress bez żadnych umiejętności technicznych. Jest również wyposażony w łatwą w użyciu funkcję bułki tartej.
Uwaga: Dostępna jest również darmowa wersja All in One SEO z ograniczonymi funkcjami, w tym bułką tartą.
Po aktywacji zostaniesz przeniesiony do Kreatora konfiguracji wtyczki. Możesz postępować zgodnie z instrukcjami wyświetlanymi na ekranie, aby skonfigurować wtyczkę.
Potrzebujesz pomocy w konfiguracji? Zobacz nasz samouczek krok po kroku, jak zainstalować i skonfigurować wszystko w jednym SEO.
Następnie musisz odwiedzić Wszystko w jednym SEO ” Ustawienia Ogólne strona i przełącz na kartę bułka tarta.
Teraz znaczniki schematu bułka tarta jest automatycznie dodawany przez wszystko w jednym SEO do kodu witryny, dzięki czemu wyszukiwarki mogą go znaleźć.
Jeśli jednak chcesz wyświetlić łącza nawigacyjne do bułki tartej w swojej witrynie, musisz włączyć opcję „Włącz bułkę tartą”. Przełączenie przełącznika pozwala zobaczyć różne ustawienia wyświetlania paneli nawigacyjnych, których można użyć w swojej witrynie.
Istnieją cztery sposoby wyświetlania ścieżki nawigacji breadcrumb w witrynie WordPress.
1. Dodawanie nawigacji nawigacyjnej przy użyciu krótkiego kodu
Metoda shortcode jest łatwa i pozwala wyświetlać łącza nawigacji w postach i stronach WordPress lub na stronach produktów w sklepie internetowym.
Po prostu Edytuj post, stronę lub produkt i dodaj następujący krótki kod, w którym chcesz wyświetlić ścieżkę nawigacji.
[aioseo_breadcrumbs]
Jeśli używasz domyślnego edytora bloków, shortcode automatycznie przekształci się w blok shortcode.
Możesz teraz zapisać swój post lub stronę i wyświetlić jej podgląd, aby zobaczyć menu nawigacyjne w akcji. Oto jak to wyglądało na naszej stronie testowej.
2. Dodawanie nawigacji z wykorzystaniem bloku Gutenberga
Teraz, jeśli nie chcesz używać opcji shortcode lub nie pamiętasz shortcode, możesz wyświetlić nawigację panierki za pomocą bloku „AIOSEO – panierka”.
Po prostu Edytuj post lub stronę, na której chcesz wyświetlić nawigację breadcrumb i Dodaj blok AIOSEO-Breadcrumbs.
Wtyczka załaduje podgląd na żywo linków nawigacyjnych breadcrumb i wyświetli go w obszarze zawartości.
Nie zapomnij zaktualizować lub opublikować zmian.
3. Dodawanie nawigacji nawigacyjnej za pomocą widżetu
Powyższe dwie metody wymagają dodania krótkiego kodu lub bloku w każdym poście lub stronie, na której chcesz wyświetlić łącza nawigacji nawigacyjnej.
Co zrobić, jeśli chcesz wyświetlić bułkę tartą automatycznie dla każdego postu lub strony?
Widżet Aioseo Breadcrumbs pozwala łatwo to zrobić. Po prostu przejdź do Wygląd ” Widgety strona i dodaj widżet’ AIOSEO – Breadcrumbs ’ na pasku bocznym.
Możesz podać tytuł widżetu lub pozostawić go pustym, jeśli wolisz. Nie zapomnij kliknąć przycisku Zapisz, aby zapisać swoje ustawienia.
Możesz teraz odwiedzić swoją stronę, a zobaczysz menu nawigacyjne breadcrumb na wszystkich postach i stronach.
4. Dodawanie nawigacji nawigacyjnej przy użyciu kodu
Ta metoda pozwala na wyświetlanie odnośników nawigacyjnych do bułki tartej dokładnie tam, gdzie chcesz. Wymaga to jednak dodania kodu do plików motywów WordPress.
Jeśli nie robiłeś tego wcześniej, nie zapomnij zobaczyć naszego artykułu na temat dodawania fragmentów kodu w WordPress.
Po pierwsze, musisz zdecydować, gdzie chcesz wyświetlić łącza breadcrumb. Najczęstszym miejscem wyświetlania linków do bułki tartej jest pod pojedynczym postem, stroną lub tytułem produktu.
Motywy WordPress wykorzystują pliki szablonów do wyświetlania różnych sekcji witryny. Na przykład wiele motywów użyłoby pliku o nazwie content-single.php znajduje się wewnątrz folderu template-parts Twojego motywu.
Zobacz naszą ściągawkę, aby znaleźć pliki do edycji w motywie WordPress.
Następnie musisz edytować plik motywu za pomocą klienta FTP. Zobacz nasz przewodnik, jak używać FTP do przesyłania plików do WordPress, aby uzyskać instrukcje. Następnie umieść poniższy kod w miejscu, w którym chcesz wyświetlić łącza nawigacji nawigacyjnej.
<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs ();?>
Nie zapomnij zapisać zmian i przesłać plik z powrotem do swojej witryny.
Możesz teraz odwiedzić swoją witrynę, aby zobaczyć linki breadcrumb w akcji.
Zmień sposób wyświetlania linków Breadcrumb w AIOSEO
Teraz domyślnie All in One SEO używa szablonu do wyświetlania linków nawigacyjnych. Zawiera link do strony głównej, kategorii lub strony nadrzędnej oraz post lub tytuł strony oddzielony”.
Możesz to zmienić odwiedzając Wszystko w jednym SEO ” Ustawienia Ogólne strona i przewiń w dół do sekcji Ustawienia chleba.
Stąd możesz zmienić separator, pokazać lub ukryć łącze główne, dodać prefiks i wiele innych.
Po zakończeniu nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać ustawienia.
Metoda 2. Dodaj nawigację Breadcrumb za pomocą Breadcrumb NavXT
Ta metoda może być używana z dowolną inną wtyczką WordPress SEO. Jest łatwy w użyciu, jeśli masz kompatybilny motyw, ale jeśli nie, musisz edytować pliki motywów, aby wyświetlić łącza nawigacji nawigacyjnej.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Breadcrumb NavXT. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Ustawienia ” Breadcrumb NavXT strona konfiguracji ustawień wtyczki.
Domyślne ustawienia powinny działać dla większości witryn. Możesz jednak dostosować ustawienia w razie potrzeby.
Strona ustawienia jest podzielona na różne sekcje. Na karcie Ustawienia Ogólne możesz zmienić styl i ustawienia bułki tartej.
Zauważysz również, że te szablony linków używają Schema.org znaczniki w znaczniku łącza.
Zakładka typy postów w ustawieniach wtyczki pozwala skonfigurować łącza breadcrumb dla postów, stron i dowolnych niestandardowych typów postów.
Możesz wybrać sposób wyświetlania hierarchii postów. Domyślnie wtyczka będzie używać Tytuł Strony > Kategoria > Tytuł Postu. Kategorie można zastąpić znacznikami, datami lub postem nadrzędnym i zmienić separator.
Zakładki taxonomies i authors mają podobne szablony dla linków nawigacyjnych breadcrumb.
Nie zapomnij kliknąć przycisku zapisz zmiany, aby zapisać zmiany.
Wyświetlanie Breadcrumb NavXT na twojej stronie
Breadcrumb NavXT oferuje wiele sposobów wyświetlania linków nawigacji breadcrumb na swojej stronie internetowej.
1. Wyświetl nawigację nawigacyjną z obsługą motywów
Niektóre z najpopularniejszych motywów WordPress mają wbudowaną opcję wyświetlania nawigacji nawigacyjnej, wybierając Breadcrumb NavXT lub wtyczkę WordPress SEO jako źródło.
Na przykład, jeśli używasz Astry, możesz przejść do Wygląd ” Dostosuj strona i kliknij na menu bułka tarta.
Stamtąd wybierzesz, gdzie chcesz, aby Twoja bułka tarta była wyświetlana w Położenie rozwijany.
W Źródło Breadcrumb, musisz wybrać „Breadcrumb NavXT”.
Jeśli przeglądasz pojedynczy post lub stronę, zobaczysz podgląd na żywo linków nawigacyjnych.
Nie zapomnij kliknąć przycisku Publikuj, aby zapisać zmiany.
2. Dodawanie nawigacji panierki za pomocą widżetu
Wtyczka zapewnia również widżet, którego możesz użyć do wyświetlania nawigacji nawigacyjnej na pasku bocznym lub dowolnym obszarze gotowym do widżetu.
Najpierw przejdź do Wygląd ” Widgety strona i dodaj widżet Breadcrumb NavXT do paska bocznego.
Domyślne ustawienia widżetu będą działać dla większości witryn internetowych, ale w razie potrzeby można je zmienić. Na przykład możesz ukryć ślad na pierwszej stronie.
Nie zapomnij kliknąć przycisku Zapisz, aby zapisać ustawienia widżetu.
Możesz teraz odwiedzić swoją witrynę, aby zobaczyć widżet w akcji.
3. Dodawanie nawigacji nawigacyjnej przy użyciu kodu
Wtyczka oferuje również metodę kodową do wyświetlania linków nawigacji dla zaawansowanych użytkowników.
Najpierw musisz połączyć się z witryną WordPress za pomocą klienta FTP. Następnie przejdź do bieżącego folderu motywów WordPress znajdującego się w katalogu / wp-content / themes/.
Motywy WordPress wykorzystują pliki szablonów do wyświetlania różnych sekcji witryny. Na przykład wiele motywów użyłoby pliku o nazwie content-single.php znajduje się wewnątrz folderu template-parts Twojego motywu.
Zobacz naszą ściągawkę, aby znaleźć pliki do edycji 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ć ślad bułki tartej:
<?php if( function_exists( 'bcn_display')) bcn_display ();?>
Nie zapomnij zapisać zmian i przesłać plik z powrotem do swojej witryny.
Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć ścieżkę breadcrumb links w akcji.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać linki nawigacyjne do nawigacji w WordPress. Możesz również zobaczyć nasz przewodnik, jak uzyskać większy ruch w swojej witrynie WordPress lub naszą wizytówkę najlepszych rejestratorów nazw domen.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
