Dodaj WooCommerce Bułka Tarta

Czy potrzebujesz łatwego sposobu, aby dodać bułkę tartą do sklepu WooCommerce?

Bułka tarta pomóż swoim klientom łatwiej poruszać się po twojej stronie. Pomagają również wyszukiwarkom zrozumieć strukturę i hierarchię treści witryny i wyświetlać je w wynikach wyszukiwania.

W tym artykule pokażemy, jak dodać bułkę tartą w WooCommerce za pomocą bardzo prostych metod.

Add WooCommerce Breadcrumbs

Dlaczego warto dodać bułkę tartą w WooCommerce?

Bułka tarta to linki nawigacyjne, które pojawiają się na górze stron produktów lub postów na blogu. Te linki pokazują odwiedzającym, w jaki sposób znaleźli się na stronie, którą aktualnie przeglądają.

Na przykład, jeśli masz sklep WooCommerce, który sprzedaje ubrania, menu chleb powszedni może wyglądać mniej więcej tak: Strona główna „Moda męska” Koszule i Polo ” formalne koszule.

WooCommerce Breadcrumbs example

Włączenie bułki tartej w WooCommerce ułatwia klientom poruszanie się po sklepie internetowym i znajdowanie produktów, których szukają. Mogą łatwo kliknąć atrybuty produktu lub kategorie, aby wyświetlić powiązane produkty.

Okruszki chleba pomagają również wyszukiwarkom zrozumieć hierarchię i strukturę linków w Twoim sklepie eCommerce. Wyszukiwarki takie jak Google wyświetlają je nawet w wynikach wyszukiwania, co może zwiększyć liczbę kliknięć.

Mając to na uwadze, przyjrzyjmy się, jak możesz włączyć bułkę tartą w swoim sklepie WooCommerce.

Metoda 1: Dodaj bułkę tartą w WooCommerce za pomocą AIOSEO (zalecane)

Najprostszym sposobem na włączenie bułki tartej w WooCommerce jest użycie wtyczki All in One SEO (AIOSEO).

Jest to najlepsza wtyczka SEO WordPress na rynku i pozwala dodać okruszki chleba w WooCommerce za pomocą kliknięcia przycisku. Wtyczka pomaga również zoptymalizować sklep pod kątem wyszukiwarek bez żadnych umiejętności technicznych.

W tym samouczku będziemy używać wersji AIOSEO Pro, ponieważ zawiera szablony bułki tartej i oferuje więcej opcji dostosowywania.

Dostępna jest również darmowa wersja, która zawiera bułkę tartą, ale nie oferuje szablonów bułki tartej.

Najpierw musisz zainstalować i aktywować wtyczkę AIOSEO na swojej stronie. Możesz zapoznać się z naszym przewodnikiem, aby uzyskać więcej informacji na temat instalacji wtyczki WordPress.

Po aktywacji musisz przejść do Wszystko w jednym SEO ” Ustawienia Ogólne i wprowadź swój klucz licencyjny. Możesz znaleźć klucz w obszarze Konta AIOSEO.

All in One SEO license

Następnie musisz skonfigurować AIOSEO w sklepie WooCommerce za pomocą Kreatora konfiguracji. Jeśli potrzebujesz pomocy, możesz postępować zgodnie z naszym przewodnikiem, jak skonfigurować wszystko w jednym SEO dla WordPress.

Po poprawnym skonfigurowaniu wtyczki na swojej stronie internetowej musisz przejść do Wszystko w jednym SEO ” Ustawienia Ogólne stronę, a następnie kliknij zakładkę „bułka tarta”.

Enable breadcrumbs display in All in One SEO

Następnie możesz włączyć opcję „Włącz bułkę tartą”, a AIOSEO automatycznie doda znaczniki schematu bułki tartej do kodu sklepu WooCommerce.

Następnie musisz wybrać sposób wyświetlania bułki tartej. Po prostu przewiń w dół, a zobaczysz różne sposoby dodawania bułki tartej do swojego sklepu internetowego.

Możesz dodać je do dowolnej strony lub postu ręcznie za pomocą skrótu lub bloku lub dodać je do obszaru widżetu. Zaawansowani użytkownicy mogą również korzystać z kodu PHP, aby dodać bułkę tartą do swoich plików szablonów motywu.

Pokażemy Ci, jak dodać okruszki chleba do produktów WooCommerce poniżej, ale najpierw rzućmy okiem na opcje dostosowywania.

Breadcrumb display options

Teraz, jeśli przewiń w dół do ustawień bułki tartej sekcja, zobaczysz wiele ustawień, aby dostosować bułkę tartą.

Na przykład możesz zmienić symbol separatora, włączyć link do strony głównej, dodać prefiks breadcrumb, zmienić format i wiele innych. Możesz nawet zobaczyć podgląd tego, jak twoje linki nawigacyjne pojawiają się w sklepie WooCommerce.

Breadcrumb settings

AIOSEO Pro daje również dostęp do szablonów breadcrumb. Szablony te pozwalają na wyświetlanie profesjonalnie wyglądających linków breadcrumb na swojej stronie internetowej dla różnych typów treści, taksonomii i archiwów.

AIOSEO Breadcrumb Templates

Nie tylko to, ale wtyczka WordPress oferuje również różne opcje dostosowywania szablonu. Na przykład możesz wyłączyć opcję „Użyj domyślnego szablonu” i wyświetlić więcej ustawień.

Customize product breadcrumb template

Dostępne są opcje, aby pokazać link do strony głównej, link do Archiwum typu post, link do taksonomii, dodać tagi do szablonu i wybrać, czy chcesz nadać priorytet kategorii lub taksonomii tagów.

Jeśli masz kategorie nadrzędne skonfigurowane dla wielu produktów, możesz je również dostosować w Edytorze szablonów breadcrumb.

Kiedy skończysz, nie zapomnij zapisać zmian.

Następnie musisz dodać okruszki chleba do stron produktów WooCommerce.

AIOSEO pokaże cztery różne metody, ale najprostszym sposobem jest użycie krótkiego kodu, aby wyświetlić linki nawigacyjne do bułki tartej w sklepie internetowym.

Use a shortcode to add breadcrumbs

Wszystko, co musisz zrobić, to dodać następujący shortcode gdzie chcesz pokazać bułkę tartą.

[aioseo_breadcrumbs]

Wystarczy udać się do Produkty ” Wszystkie Produkty i Edytuj stronę produktu. Następnie możesz dodać shortcode w widoku „tekst” edytora WordPress i zaktualizować swoją stronę.

Add shortcode in product page

Możesz teraz odwiedzić stronę produktu, aby zobaczyć odnośniki nawigacyjne do bułki tartej w akcji.

Breadcrumbs example

Poza tym możesz również dodać bułkę tartą do paska bocznego sklepu WooCommerce. W ten sposób nie będziesz musiał edytować każdej strony produktu, aby wyświetlić linki nawigacyjne, ponieważ będą one wyświetlane w całej witrynie na pasku bocznym.

Aby wyświetlić bułkę tartą na pasku bocznym, możesz udać się do Wygląd ” Widgety z obszaru administracyjnego WordPress.

Kliknij ikonę znaku plusa w lewym górnym rogu, a następnie wyszukaj „bułka tarta”, aby znaleźć widżet „AIOSEO – bułka tarta”. Po prostu przeciągnij i upuść go na pasek boczny. Możesz również wprowadzić tytuł linków nawigacyjnych.

AIOSEO Breadcrumbs widget

Po zakończeniu możesz kliknąć przycisk „Zapisz”, a następnie wyświetlić sklep WooCommerce, aby zobaczyć okruszki chleba na pasku bocznym.

WooCommerce Sidebar Breadcrumbs

Jeśli chcesz użyć innych sposobów, aby dodać bułkę tartą do sklepu WooCommerce, sprawdź nasz przewodnik, Jak wyświetlić linki nawigacyjne do bułki tartej w WordPress.

Jak dodać bułkę tartą dla wielu kategorii

Czy masz produkty w swoim sklepie WooCommerce, które mają wiele kategorii?

Jeśli tak, to prawidłowe ustawienie bułki tartej może być wyzwaniem, ponieważ WordPress nie rejestruje ścieżki, którą Klient wybrał, aby wylądować na stronie produktu.

Jednak AIOSEO automatycznie dodaje pierwszą kategorię w panelu nawigacyjnym i ułatwia wyświetlanie prawidłowego menu nawigacyjnego dla produktów, które mają wiele kategorii.

Wtyczka oferuje również szablon breadcrumb, który można dostosować do taksonomii WordPress, takich jak Kategorie produktów. Wszystko, co musisz zrobić, to udać się do Wszystko w jednym SEO ” Ustawienia Ogólne a następnie wybierz kartę bułka tarta.

Następnie przewiń w dół do sekcji „Szablony bułki tartej”i wybierz kartę taksonomie. Domyślnie wtyczka wyświetli link elementu nadrzędnego w panelu nawigacyjnym w Twoim sklepie WooCommerce.

Show parent category in breadcrumbs

Jeśli wyłączysz opcję „Użyj szablonu domyślnego”, zobaczysz, że „Pokaż Łącze elementu nadrzędnego” jest włączone. W ten sposób możesz łatwo pokazać podstawową 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 kategorii trampki, jak i trampki.

Product has multiple categories

AIOSEO automatycznie wybierze pierwszą kategorię i wyświetli ją w menu nawigacyjnym breadcrumb.

Multiple category breadcrumb preview

Metoda 2: Dodaj bułkę tartą za pomocą WooCommerce Breadcrumbs Plugin

Innym sposobem, aby włączyć okruszki chleba w WooCommerce jest za pomocą WooCommerce Breadcrumbs plugin.

Jest to darmowa wtyczka WordPress, która pozwala dodać bułkę tartą do sklepu internetowego. Wtyczka jest łatwa w użyciu, ale brakuje jej funkcji dostosowywania, które znajdziesz w AIOSEO.

Najpierw musisz zainstalować i aktywować WooCommerce Breadcrumbs plugin. Aby uzyskać więcej informacji, możesz zapoznać się z naszym samouczkiem na temat instalacji wtyczki WordPress.

Gdy wtyczka jest aktywna, możesz udać się do Ustawienia ” bułka tarta WC z obszaru administracyjnego WordPress. Następnie, śmiało i kliknij pole wyboru ” Włącz bułkę tartą.’

Enable WooCommerce Breadcrumbs

Następnie możesz zmienić wygląd linków nawigacyjnych, które pojawią się w Twoim sklepie WooCommerce.

Wtyczka WooCommerce pozwala wybrać symbol separatora bułki tartej i znaczniki HTML przed i po bułce tartej.

Teraz, jeśli przewiń w dół, znajdziesz więcej opcji dostosowywania. Na przykład możesz zmienić tekst i adres URL strony głównej, które pojawią się w linkach nawigacyjnych.

More WooCommerce Breadcrumbs settings

Po zakończeniu zmian nie zapomnij kliknąć przycisku „Zapisz zmiany” u dołu.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać bułkę tartą w WooCommerce. Możesz również sprawdzić nasz przewodnik, ile kosztuje zbudowanie strony internetowej i najlepiej zarządzane usługi hostingowe w porównaniu.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…