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

Jeśli kiedykolwiek przeglądałeś stronę internetową i widziałeś rząd linków, takich jak Strona główna » Blog » Ten wpis, w górnej części strony, to już korzystałeś z breadcrumbs. Te pomoce nawigacyjne dają odwiedzającym prosty sposób na zobaczenie, gdzie się znajdują na Twojej stronie i powrót o jeden poziom wyżej.

Używamy breadcrumbs na naszych własnych stronach internetowych i ułatwiają one czytelnikom poruszanie się między stronami. Breadcrumbs mogą również pojawiać się w wynikach wyszukiwania Google, co pomaga wyróżnić Twój listing.

W tym przewodniku pokażemy Ci, jak dodać linki nawigacyjne breadcrumbs w WordPress, zaczynając od najłatwiejszej metody.

Czym jest nawigacja okruszkowa i dlaczego jej potrzebujesz?

Nawigacja typu breadcrumb to termin opisujący menu nawigacyjne w formie ścieżki linków. Jest często używana jako drugorzędne menu nawigacyjne, które pozwala użytkownikom przejść wyżej w hierarchii stron witryny.

Istnieją trzy powszechne typy breadcrumbs:

• Oparte na hierarchii (najczęściej): Pokazuje, gdzie strona znajduje się w strukturze Twojej witryny, np. Strona główna » Kategoria » Wpis. Jest to typ generowany przez większość motywów WordPress i wtyczek SEO.
• Oparte na atrybutach: Pokazuje atrybuty strony, na której znajduje się odwiedzający, np. Strona główna » Odzież » Męskie » Niebieski. Najczęściej zobaczysz je w sklepach WooCommerce.
• Oparte na historii: Pokazuje ścieżkę, którą odwiedzający przeszedł, aby dotrzeć do strony, podobnie jak ścieżka powrotu w przeglądarce. Są one rzadziej spotykane na stronach WordPress.

Linki nawigacyjne breadcrumbs różnią się od domyślnego systemu menu nawigacyjnego w WordPress. Pomagają użytkownikom poruszać się po Twojej witrynie, a także pomagają wyszukiwarkom zrozumieć strukturę i hierarchię Twoich stron.

Jeśli Twoje breadcrumbs są poprawnie skonfigurowane, wyszukiwarki takie jak Google mogą również wyświetlać je wraz z tytułem strony w wynikach wyszukiwania. Sprawia to, że Twój listing wyróżnia się w wynikach wyszukiwania i może pomóc poprawić Twój wskaźnik 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 identyfikować Twoje okruszki, dzięki czemu będą one wyświetlane w wynikach wyszukiwania.

Innymi słowy, linki na stronie są dla Twoich odwiedzających, a schemat znaczników jest dla Google. Niektóre metody dodają oba, podczas gdy inne dodają tylko widoczne linki, dlatego później pokażemy Ci, jak zweryfikować Twoją konfigurację za pomocą rich snippets.

Teraz przyjrzyjmy się, jak dodać linki nawigacyjne breadcrumbs w WordPress. Pokażemy Ci kilka metod, zaczynając od najłatwiejszej, abyś mógł wybrać tę, która najlepiej Ci odpowiada:

Metoda 1: Dodaj natywny blok Breadcrumbs w WordPress (nie wymaga wtyczki)

Jeśli używasz motywu blokowego, jest to najłatwiejszy sposób na dodanie breadcrumbs i nie wymaga żadnej wtyczki.

WordPress zawiera natywny blok Breadcrumbs, który możesz dodać bezpośrednio w Edytorze Pełnej Witryny za pomocą kilku kliknięć.

Po prostu przejdź do strony Wygląd » Edytor, aby otworzyć Edytor strony.

Stąd możesz edytować szablon, taki jak „Pojedyncze wpisy” lub szablon nagłówka.

Następnie dodaj blok Okruszków nawigacyjnych tam, gdzie chcesz, aby pojawiła się ścieżka.

Blok automatycznie buduje ścieżkę na podstawie pozycji bieżącej strony w hierarchii Twojej witryny, więc musisz go dodać tylko raz.

W ustawieniach bloku możesz dokładnie dostosować wygląd i zachowanie ścieżki. Możesz pokazać lub ukryć link do strony głównej, pokazać lub ukryć tytuł bieżącej strony oraz zmienić znak separatora między elementami.

Możesz również wybrać, czy ścieżka będzie podążać za ścisłą hierarchią stron, czy też będzie używać struktury kategorii do organizowania linków.

Jedną z rzeczy, o których należy pamiętać, jest to, że natywny blok jest przeznaczony przede wszystkim do wyświetlania ścieżki na stronie dla odwiedzających.

Może nie dodawać znacznika schematu BreadcrumbList, którego Google potrzebuje do wyświetlania okruszków nawigacyjnych w wynikach wyszukiwania, dlatego zalecamy potwierdzenie tego za pomocą testu Rich Results.

Metoda 2: Dodawanie nawigacji Breadcrumb w WordPress za pomocą All in One SEO (zalecane)

Jeśli Twój motyw nie obsługuje okruszków nawigacyjnych lub chcesz uzyskać korzyść w postaci wyników wyszukiwania wynikającą z prawidłowego znacznika schematu, wtyczka SEO jest najlepszym rozwiązaniem. Ta metoda jest przyjazna dla początkujących i działa z każdym motywem.

W tej metodzie użyjemy bezpłatnej wtyczki All in One SEO for WordPress, która jest najlepszą wtyczką SEO dla WordPress na rynku.

Pomaga łatwo poprawić SEO WordPress bez żadnych umiejętności technicznych. Posiada również łatwą w użyciu funkcję okruszków nawigacyjnych.

Po zainstalowaniu i aktywowaniu wtyczki zostaniesz przekierowany do kreatora konfiguracji. Możesz postępować zgodnie z instrukcjami na ekranie, aby ją skonfigurować.

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 nawigacyjnych, których możesz używać w swojej witrynie WordPress.

Istnieją cztery sposoby wyświetlania ścieżki nawigacyjnej okruszków na Twojej witrynie WordPress:

• Blok (najłatwiejszy): Edytuj dowolny wpis lub stronę i dodaj blok AIOSEO – Okruszki nawigacyjne tam, gdzie chcesz umieścić ścieżkę. Wtyczka pokazuje podgląd na żywo bezpośrednio w edytorze.
• Krótki kod: Dodaj dostarczony krótki kod do dowolnego wpisu, strony lub produktu, gdzie chcesz, aby pojawiła się ścieżka.
• Widżet (w całej witrynie): Przejdź do Wygląd » Widżety i dodaj widżet AIOSEO – Okruszki nawigacyjne do swojego paska bocznego, stopki lub dowolnego obszaru widżetów, aby automatycznie wyświetlał się w całej witrynie.
• Kod PHP (dokładne umiejscowienie): Dodaj poniższy fragment do szablonu motywu, w którym chcesz umieścić ścieżkę. Jest to najlepsze rozwiązanie dla zaawansowanych użytkowników, którzy chcą wyświetlić okruszki nawigacyjne w określonym miejscu, na przykład tuż pod tytułem wpisu.

W przypadku opcji kodu możesz dodać następujący kod tam, gdzie chcesz, aby pojawiły się linki nawigacyjne okruszków (zazwyczaj tuż pod nagłówkiem lub tuż nad tytułem wpisu w pliku single.php):

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

Podobnie jak w przypadku każdej edycji motywu, zalecamy użycie motywu potomnego lub wtyczki fragmentów kodu, aby Twoja zmiana nie została utracona przy następnej aktualizacji.

Więcej pomocy znajdziesz w naszym przewodniku po dodawaniu fragmentów kodu w WordPressie oraz w naszej ściągawce które pliki edytować w motywie WordPressa.

Oto jak wyglądały okruszki na naszej stronie testowej:

Zmiana wyglądu linków okruszków

Domyślnie All in One SEO używa szablonu do wyświetlania linków nawigacji okruszków. Zawiera on link do strony głównej, kategorii, strony nadrzędnej i tytułu wpisu 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 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ć ustawień.

Używasz zamiast tego Yoast SEO lub Rank Math?

Idea jest dokładnie taka sama w przypadku innych popularnych wtyczek SEO.

Po prostu włącz okruszki w ustawieniach, a następnie wstaw blok lub krótki kod wtyczki, lub dodaj jej fragment do swojego motywu:

• Yoast SEO: Włącz okruszki w sekcji Yoast SEO » Ustawienia » Zaawansowane » Okruszki, a następnie dodaj krótki kod [wpseo_breadcrumb] lub umieść <?php if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); } ?> w swoim motywie. Aby przyjrzeć się bliżej tej wtyczce, zobacz nasz przewodnik po konfiguracji Yoast SEO.
• Rank Math: Włącz okruszki w sekcji Rank Math SEO » Ustawienia ogólne » Okruszki, a następnie dodaj krótki kod [rank_math_breadcrumb] lub umieść <?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?> w swoim motywie.

Zweryfikuj, czy Twoje Breadcrumbs działają

Gdy Twoje okruszki będą już aktywne, musisz potwierdzić, że Google faktycznie może je odczytać.

Po prostu otwórz darmowe narzędzie Google Test wyników rozszerzonych, wklej adres URL opublikowanego wpisu lub strony i uruchom test.

Jeśli wszystko jest poprawnie skonfigurowane, narzędzie wyświetli „Okruszki” jako wykrytą pozycję z zielonym, prawidłowym statusem. Potwierdza to, że Twoje dane strukturalne BreadcrumbList są obecne i kwalifikują się do wyświetlania w wynikach wyszukiwania.

Jeśli zobaczysz ostrzeżenie lub błąd, lub jeśli okruszki w ogóle nie zostaną wykryte, Twoja metoda prawdopodobnie dodała widoczne linki bez danych strukturalnych. W takim przypadku przełączenie się na powyższą metodę wtyczki SEO doda znaczniki, których potrzebuje Google.

Rozwiązywanie typowych problemów z Breadcrumbs

Okruszki są zazwyczaj proste w konfiguracji, ale często pojawia się kilka problemów. Oto jak naprawić najczęstsze z nich.

Okruszki nie wyświetlają się w Google

Nawet po pomyślnym przejściu Testu wyników rozszerzonych, okruszki nie pojawią się natychmiast w wynikach wyszukiwania. Google polega na zautomatyzowanych botach do indeksowania miliardów stron i nie dowie się, że dodałeś dane strukturalne okruszków, dopóki jego boty nie odwiedzą ponownie Twojego konkretnego adresu URL. Ten proces ponownego indeksowania może potrwać od kilku dni do kilku tygodni.

Aby przyspieszyć ten proces, możesz poprosić o zaindeksowanie za pośrednictwem Google Search Console, używając narzędzia Inspekcja adresu URL. Powiadamia to Google o zaktualizowaniu treści i sygnalizuje jego systemowi wcześniejsze sprawdzenie Twoich danych strukturalnych.

Kategoria brakuje na ścieżce

Ścieżka jest budowana na podstawie pozycji bieżącej strony w hierarchii witryny. W przypadku wpisów, ten środkowy poziom pochodzi z kategorii wpisu, a w przypadku stron – z strony nadrzędnej.

Zwykłą przyczyną jest brakujący link w tej hierarchii. Wpis nie ma przypisanej kategorii (lub tylko domyślną „Bez kategorii”), albo strona nie ma ustawionej strony nadrzędnej.

W przypadku wpisu, otwórz go w edytorze, przypisz mu właściwą kategorię w sekcji Wpis » Kategorie, a następnie przeładuj stronę, aby sprawdzić ścieżkę.

Jeśli poziom nadal brakuje, problemem może być hierarchia, którą śledzi ścieżka. Natywny blok Okruszki ma zaawansowane ustawienie „Preferuj terminy taksonomii”, które przełącza ścieżkę między hierarchią stron a strukturą kategorii.

Jeśli zamiast tego używasz wtyczki SEO, sprawdź jej źródło okruszków lub ustawienie taksonomii. W All in One SEO znajduje się to w sekcji All in One SEO » Ustawienia ogólne » Okruszki.

Okruszki są wyświetlane na Twojej stronie głównej

Okruszki nie mają większego sensu na stronie głównej, ponieważ nie ma dokąd „iść” wyżej.

Jeśli dodałeś okruszki za pomocą natywnego bloku lub widżetu, umieść je w szablonie, który nie dotyczy strony głównej. Alternatywnie, możesz użyć wbudowanych ustawień wtyczki SEO, aby ukryć ścieżkę na stronie głównej.

Otrzymałeś błąd PHP po dodaniu fragmentu kodu

Zamiast edytować pliki bezpośrednio, zalecamy dodanie fragmentu kodu za pomocą wtyczki do fragmentów kodu, takiej jak WPCode. Ta wtyczka weryfikuje Twój kod i pozwala bezpiecznie dezaktywować fragment, jeśli coś się zepsuje.

Dodanie kodu do motywu potomnego jest inną bezpieczną opcją, ponieważ zachowuje Twoje zmiany oddzielnie od motywu nadrzędnego.

Kluczowe wnioski

• Najpierw sprawdź swój motyw: Często nie potrzebujesz dodatkowej wtyczki do okruszków, zwłaszcza jeśli używasz motywu blokowego, który zawiera natywny blok Okruszki.
• Znaczniki schematu są ważne dla wyszukiwania: Znaczniki schematu, a nie widoczne linki, sprawiają, że ścieżka okruszków pojawia się w wynikach wyszukiwania Google. Zawsze potwierdzaj, że działa to za pomocą testu Rich Results.
• Użyj swoich istniejących narzędzi: Jeśli już korzystasz z wtyczki SEO, takiej jak All in One SEO, możesz jej użyć do obsługi okruszków. Nie ma potrzeby dodawania drugiego narzędzia do swojej witryny.

Często zadawane pytania dotyczące Breadcrumbs w WordPress

Czy potrzebuję wtyczki do okruszków w WordPressie?

Nie, nie zawsze. Wiele motywów WordPress dodaje okruszki samodzielnie, a WordPress zawiera natywny blok Okruszki, więc najlepiej sprawdzić swój motyw przed zainstalowaniem czegokolwiek. Jeśli Twój motyw nie obsługuje okruszków, wtyczka SEO jest najłatwiejszym sposobem ich dodania.

Dlaczego moje okruszki nie wyświetlają się w Google?

Zazwyczaj wynika to z opóźnienia indeksowania lub braku schematu. Jeśli Google jeszcze nie przeskanował Twoich stron, poproś o indeksowanie w Google Search Console. Jeśli ścieżka nadal się nie pojawia, prześlij swój adres URL do testu Rich Results, aby potwierdzić, że schemat BreadcrumbList jest prawidłowy.

Czy okruszki są dobre dla SEO?

Tak. Okruszki poprawiają doświadczenie użytkownika, ułatwiając nawigację po witrynie i pomagając wyszukiwarkom zrozumieć jej strukturę. Po skonfigurowaniu z oznaczeniami schematu mogą również zapewnić bogatsze wyniki wyszukiwania, które poprawią współczynnik klikalności.

Krótki kod, blok czy widżet — którego powinienem użyć?

Użyj bloku lub widżetu, gdy chcesz, aby okruszki pojawiały się automatycznie w całej witrynie. Użyj krótkiego kodu, gdy chcesz umieścić ścieżkę tylko w określonym poście lub stronie.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać linki nawigacyjne okruszków w WordPress. Możesz również zapoznać się z naszym ostatecznym przewodnikiem po SEO w WordPress lub naszym wyborem najlepszych motywów 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.