Czy kiedykolwiek błądziłeś po ogromnym sklepie, tracąc poczucie, gdzie zacząłeś i jak wrócić do głównego przejścia? Nawigacja po dużym sklepie internetowym może być podobna.
Okruszki nawigacyjne to krótkie ścieżki nawigacyjne, które pokazują drogę, którą przebyłeś na stronie internetowej, niczym pomocne znaki kierujące klientów przez Twój sklep WooCommerce.
Nie tylko ułatwiają klientom poruszanie się po stronie, ale także pomagają wyszukiwarkom lepiej zrozumieć strukturę Twojej witryny, potencjalnie poprawiając Twoje SEO.
Dobra wiadomość jest taka, że dodanie ścieżki nawigacji do Twojego sklepu WooCommerce jest zaskakująco proste. W tym artykule pokażemy Ci kilka łatwych metod dodawania ścieżki nawigacji WooCommerce w mgnieniu oka.
Dlaczego warto dodać okruszki nawigacyjne WooCommerce?
Okruszki nawigacyjne to linki nawigacyjne, które pojawiają się na górze stron produktów lub wpisów na blogu. Te linki pokazują odwiedzającym, jak znaleźli się na stronie, którą aktualnie przeglądają.
Na przykład, jeśli masz sklep WooCommerce sprzedający ubrania, menu nawigacyjne „breadcrumbs” może wyglądać mniej więcej tak: Strona główna » Moda męska » Koszule i polo » Koszule formalne.
Włączenie okruszków w WooCommerce ułatwia klientom nawigację po Twoim sklepie internetowym i znajdowanie produktów, których szukają. Mogą oni łatwo klikać atrybuty produktów lub kategorie, aby przeglądać powiązane produkty.
Okruszki pomagają również wyszukiwarkom zrozumieć hierarchię i strukturę linków w Twoim sklepie e-commerce. Wyszukiwarki takie jak Google wyświetlają je nawet w wynikach wyszukiwania, co może zwiększyć Twój wskaźnik klikalności.
Mając to na uwadze, przyjrzyjmy się, jak możesz włączyć okruszki w swoim sklepie WooCommerce. Omówimy dwie metody, a pierwsza jest zalecana dla większości użytkowników:
- Opcja 1: Dodaj WooCommerce Breadcrumbs za pomocą AIOSEO (przyjazne dla SEO)
- Opcja 2: Użyj wtyczki WooCommerce Breadcrumbs (Darmowa i Prosta)
- Frequently Asked Questions (FAQs)
Opcja 1: Dodaj WooCommerce Breadcrumbs za pomocą AIOSEO (przyjazne dla SEO)
Najłatwiejszym i najpotężniejszym sposobem dodania ścieżki nawigacji w WooCommerce jest wtyczka All in One SEO. Jest to najlepsza wtyczka SEO dla WordPress, która pomaga zoptymalizować cały Twój sklep pod kątem wyszukiwarek.
Za pomocą jednego kliknięcia możesz włączyć przyjazne dla SEO okruszki, ale wtyczka obsługuje również wszystko, od map witryn po znaczniki schematu, bez potrzeby posiadania umiejętności technicznych.
W WPBeginner używamy All in One SEO na całym naszym portfolio stron. Jest to najbardziej kompleksowy zestaw narzędzi na rynku, dlatego kilka lat temu przeszliśmy z Yoast.
Możesz również przeczytać naszą pełną recenzję AIOSEO, aby uzyskać więcej szczegółów na temat naszych doświadczeń.
Uwaga: W tym poradniku użyjemy wersji AIOSEO Pro, ponieważ zawiera ona szablony ścieżek nawigacyjnych i oferuje więcej opcji personalizacji.
Dostępna jest również bezpłatna wersja, która zawiera okruszki nawigacyjne, ale nie oferuje szablonów okruszków nawigacyjnych.
Najpierw musisz zainstalować i aktywować wtyczkę AIOSEO na swojej stronie internetowej. Więcej szczegółów na temat jak zainstalować wtyczkę WordPress znajdziesz w naszym przewodniku.
Po aktywacji musisz przejść do All in One SEO » Ustawienia ogólne i wprowadzić swój klucz licencyjny. Klucz można znaleźć w obszarze konta AIOSEO.
Następnie musisz skonfigurować AIOSEO w swoim sklepie WooCommerce za pomocą kreatora konfiguracji. Jeśli potrzebujesz pomocy, możesz skorzystać z naszego przewodnika na temat jak skonfigurować All in One SEO dla WordPress.
Po prawidłowym skonfigurowaniu wtyczki na swojej stronie internetowej, musisz przejść do strony All in One SEO » Ustawienia ogólne, a następnie kliknąć zakładkę „Breadcrumbs”.
Następnie po prostu przełącz przełącznik „Włącz Breadcrumbs”. Spowoduje to włączenie funkcji „breadcrumbs” w tle, a AIOSEO doda odpowiedni kod (zwany znacznikiem schematu) dla wyszukiwarek.
Ten krok jeszcze nie sprawi, że okruszki będą widoczne na Twojej stronie. W kolejnych krokach pokażemy Ci, jak je wyświetlić, aby Twoi klienci mogli je zobaczyć.
Następnie musisz dostosować okruszki nawigacyjne WooCommerce. Po prostu przewiń w dół, a zobaczysz różne sposoby dodawania okruszków nawigacyjnych do Twojego sklepu internetowego.
Możesz je dodać ręcznie do dowolnej strony lub wpisu za pomocą krótkiego kodu lub bloku, albo dodać je do obszaru widżetu. Zaawansowani użytkownicy mogą również użyć kodu PHP do dodania okruszków do plików szablonów motywu.
Poniżej pokażemy Ci, jak dodać okruszki nawigacyjne do Twoich produktów WooCommerce, ale najpierw przyjrzyjmy się opcjom dostosowywania.
💡Wskazówka Pro: Zanim użyjesz poniższych metod, warto najpierw sprawdzić ustawienia swojego motywu.
Wiele nowoczesnych motywów ma wbudowaną opcję ścieżki nawigacji (breadcrumb), która współpracuje z AIOSEO. Jest to często najprostszy sposób na dodanie ścieżki nawigacji, która idealnie pasuje do projektu Twojej witryny.
Teraz, jeśli przewiniesz w dół do sekcji Ustawienia Okruszków (Breadcrumbs Settings), zobaczysz wiele ustawień do dostosowania swoich okruszków.
Na przykład możesz zmienić symbol separatora, włączyć link do strony głównej, dodać prefiks okruszków, zmienić format i wiele więcej. Możesz nawet zobaczyć podgląd tego, jak Twoje linki nawigacyjne pojawiają się w Twoim sklepie WooCommerce.
AIOSEO Pro daje również dostęp do szablonów okruszków. Pomyśl o nich jak o „przepisie”, który określa, jak tworzona jest ścieżka nawigacji okruszków.
Pozwala to na stworzenie innej struktury dla stron produktów, innej dla wpisów na blogu i tak dalej, zachowując przejrzystą i profesjonalną nawigację w całej witrynie.
Co więcej, wtyczka WordPress oferuje również różne opcje dostosowywania szablonu.
Na przykład, możesz wyłączyć opcję „Użyj domyślnego szablonu” i zobaczyć więcej ustawień.
Istnieją opcje wyświetlania linku do strony głównej, linku do archiwum typów postów, linku do taksonomii, dodawania tagów do szablonu i wybierania, czy chcesz nadać priorytet kategoriom, czy taksonomii tagów.
Jeśli masz ustawione kategorie nadrzędne dla wielu produktów, możesz je również dostosować w edytorze szablonów okruszków.
Po zakończeniu nie zapomnij zapisać zmian.
Następnie musisz dodać okruszki do swoich stron produktów WooCommerce.
AIOSEO pokaże cztery różne metody, ale najłatwiejszym sposobem jest użycie krótkiego kodu do wyświetlenia linków nawigacyjnych „breadcrumbs” w Twoim sklepie internetowym.
Wystarczy dodać następujący krótki kod w miejscu, w którym chcesz wyświetlić okruszki nawigacyjne:
[aioseo_breadcrumbs]
To świetna opcja, jeśli chcesz dodać okruszki nawigacyjne tylko do kilku konkretnych stron.
Aby to zrobić, przejdź do Produkty » Wszystkie produkty i edytuj stronę produktu. Następnie możesz dodać krótki kod w edytorze WordPress w widoku „Tekst” i zaktualizować swoją stronę.
Jednak dla większości użytkowników, którzy chcą okruszków na każdej stronie, zalecamy użycie metody widżetu paska bocznego, którą omawiamy dalej, ponieważ pozwala to uniknąć edycji każdej strony po kolei.
Teraz możesz odwiedzić stronę swojego produktu, aby zobaczyć działające linki nawigacyjne w postaci ścieżek.
Tak to wyglądało na naszej stronie testowej.
Oprócz tego możesz również dodać okruszki do paska bocznego swojego sklepu WooCommerce. W ten sposób nie będziesz musiał edytować każdej pojedynczej strony produktu, aby wyświetlić linki nawigacyjne, ponieważ będą one pojawiać się na całej Twojej stronie w pasku bocznym.
Aby wyświetlić ścieżkę nawigacji w pasku bocznym, przejdź do Wygląd » Widżety w swoim obszarze administracyjnym WordPress.
Kliknij ikonę znaku plus w lewym górnym rogu, a następnie wyszukaj „breadcrumbs”, aby znaleźć widżet „AIOSEO – Breadcrumbs”. Po prostu przeciągnij i upuść go do paska bocznego. Możesz również wprowadzić tytuł dla swoich linków nawigacyjnych.
Gdy to zostanie zrobione, możesz kliknąć przycisk „Zapisz”.
Następnie po prostu wyświetl swój sklep WooCommerce, aby zobaczyć ścieżki nawigacyjne w pasku bocznym.
Jeśli chcesz użyć innych sposobów dodawania ścieżek nawigacyjnych do swojego sklepu WooCommerce, zapoznaj się z naszym przewodnikiem na temat jak wyświetlać linki nawigacyjne w postaci ścieżek w WordPressie.
Jak dodać okruszki dla wielu kategorii
Czy masz w swoim sklepie WooCommerce produkty, które mają wiele kategorii?
Jeśli tak, poprawne skonfigurowanie ścieżki nawigacji może być wyzwaniem, ponieważ WordPress nie rejestruje ścieżki, którą klient przeszedł, aby trafić na stronę produktu.
Jednak AIOSEO automatycznie dodaje pierwszą kategorię do ścieżki nawigacyjnej i ułatwia wyświetlanie poprawnego menu nawigacyjnego dla produktów posiadających wiele kategorii.
Wtyczka oferuje również szablon okruszków nawigacyjnych, który można dostosować do taksonomii WordPress, takich jak kategorie produktów. Wystarczy przejść do All in One SEO » Ustawienia ogólne, a następnie wybrać zakładkę „Okruszki nawigacyjne”.
Następnie przewiń w dół do sekcji „Szablony ścieżki nawigacji” i wybierz zakładkę Taksonomie. Domyślnie wtyczka wyświetli link do elementu nadrzędnego w ścieżce nawigacji Twojego sklepu WooCommerce.
Jeśli wyłączysz opcję „Użyj domyślnego szablonu”, zobaczysz, że opcja „Pokaż link do elementu nadrzędnego” jest włączona. W ten sposób możesz łatwo pokazać główną kategorię dla dowolnego produktu na swojej stronie internetowej.
Na przykład, załóżmy, że prowadzisz internetowy sklep obuwniczy, a jeden z produktów znajduje się zarówno w kategoriach Sneakers, jak i Trainers.
AIOSEO automatycznie wybierze pierwszą kategorię.
Następnie zostanie to wyświetlone w menu nawigacyjnym „breadcrumbs”.
Opcja 2: Użyj wtyczki WooCommerce Breadcrumbs (Darmowa i Prosta)
Innym sposobem na włączenie ścieżek nawigacyjnych w WooCommerce jest użycie wtyczki WooCommerce Breadcrumbs.
Jest to darmowa wtyczka WordPress, która pozwala dodawać ścieżki nawigacyjne do Twojego sklepu internetowego. Wtyczka jest łatwa w użyciu, ale brakuje jej funkcji personalizacji, które znajdziesz w AIOSEO.
Najpierw musisz zainstalować i aktywować wtyczkę WooCommerce Breadcrumbs. Więcej szczegółów znajdziesz w naszym poradniku jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczki możesz przejść do Ustawienia » WC Breadcrumbs z obszaru administracyjnego WordPress. Następnie kliknij pole wyboru „Włącz okruszki chleba”.
Następnie możesz zmienić wygląd linków nawigacyjnych, które pojawią się w Twoim sklepie WooCommerce.
Wtyczka WooCommerce pozwala wybrać symbol separatora okruszków oraz tagi HTML przed i po okruszkach.
Teraz, jeśli przewiniesz w dół, znajdziesz więcej opcji personalizacji. Na przykład, możesz zmienić tekst i adres URL swojej strony głównej, które pojawią się w linkach nawigacyjnych.
Po zakończeniu zmian nie zapomnij kliknąć przycisku „Zapisz zmiany” na dole.
Najczęściej zadawane pytania (FAQ)
Oto kilka pytań, które nasi czytelnicy często zadają na temat dodawania okruszków w WooCommerce:
Czy wszystkie motywy WordPress obsługują okruszki nawigacyjne WooCommerce?
Wiele nowoczesnych motywów, zwłaszcza tych zbudowanych dla WooCommerce, zawiera własne funkcje okruszków nawigacyjnych. Jednak ich wygląd i ustawienia mogą być ograniczone.
Używanie dedykowanego wtyczki, takiej jak All in One SEO, daje Ci znacznie większą kontrolę i zapewnia, że Twoje okruszki nawigacyjne są w pełni zoptymalizowane pod kątem wyszukiwarek, niezależnie od używanego motywu.
Czy mogę zmienić styl i wygląd moich ścieżek nawigacyjnych?
Tak. Wtyczka taka jak AIOSEO pozwala łatwo zmieniać separatory, tekst, prefiksy i inne opcje wyświetlania z menu ustawień.
Aby uzyskać głębsze zmiany wizualne, możesz również zastosować niestandardowy kod CSS, aby idealnie dopasować okruszki do brandingu i projektu Twojej strony.
Czy okruszki nawigacyjne są ważne dla SEO?
Zdecydowanie. Ścieżki nawigacyjne tworzą linki wewnętrzne, które pomagają wyszukiwarkom takim jak Google zrozumieć hierarchię i strukturę Twojej witryny.
Google nawet wyświetla ścieżki okruszków bezpośrednio w wynikach wyszukiwania, co może poprawić wygląd Twojego wpisu i zwiększyć współczynnik klikalności.
Więcej wskazówek dotyczących WooCommerce, które pokochasz
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać okruszki nawigacyjne w WooCommerce. Możesz również zapoznać się z innymi przewodnikami dotyczącymi WooCommerce:
- Jak stworzyć inteligentne wyszukiwanie produktów w WooCommerce
- Jak filtrować produkty WooCommerce (tutorial krok po kroku)
- Jak zmienić tytuł strony sklepu WooCommerce (szybko i łatwo)
- Jak włączyć wyszukiwanie według SKU produktu w WooCommerce
- Jak dodać tagi produktów, atrybuty i kategorie do WooCommerce
- Jak znaleźć identyfikator produktu w WooCommerce (poradnik dla początkujących)
- Jak dodać schemat GTIN, ISBN i MPN w WordPressie
- Jak naprawić problem z wyszukiwaniem produktów w WooCommerce
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.
Masz pytanie lub sugestię? Zostaw komentarz, aby rozpocząć dyskusję.