Podstawowy przewodnik po dodawaniu bułki tartej WordPress

Chcesz obniżyć współczynniki odrzuceń, poprawić nawigację w witrynie, poprawić SEO i zaoferować niesamowite wrażenia dla użytkowników? Oczywiście, że tak!

Ale jeśli nie używasz bułki tartej jako części swojej witryny, tracisz świetną okazję. Okruszki chleba usprawniają nawigację w witrynie, ułatwiając użytkownikom poruszanie się po Twoich stronach internetowych (poprzez ślad „okruszków tartych”).

Są szanse, że wielokrotnie spotkałeś się z bułką tartą. Często pojawiają się tuż pod menu nawigacyjnym witryny.

Źródło: dedoles.se

Dzisiaj podzielimy się naszymi najlepszymi wskazówkami i sztuczkami, które pomogą Ci dodać bułkę tartą WordPress do swojej witryny i zacząć ulepszać doświadczenia użytkowników.

Czym są bułka tarta?

Zapomnij o złocistych i chrupiących, świeżo tostowanych lub panko. Te bułeczki tarte mogą być jakże pyszne, ale nie o tym chcemy dzisiaj rozmawiać. Nie, jesteśmy tutaj, aby omówić bułkę tartą online , całkowicie bardziej funkcjonalny (i mniej jadalny) kąsek.

Breadcrumb to zasadniczo łącze nawigacyjne. Bułki tarte są połączone, aby utworzyć ścieżkę tekstową przez strony witryny. Śledzą, gdzie użytkownik znajduje się na stronie w stosunku do strony głównej i zwykle znajdują się u góry, tuż pod paskiem nawigacji.

Bułka tarta poprawia wrażenia użytkownika (UX), ułatwiając użytkownikom powrót do nawigacji. Wspierają również rankingi SEO, pomagając wyszukiwarkom poruszać się po stronach internetowych i strukturach linków (więcej na ten temat później).

Zrozumienie, jak działają różne bułeczki tarte

Bułkę tartą można zastosować na stronie internetowej z różnych powodów. Na przykład w przypadku witryn zbudowanych w systemie WordPress istnieją trzy rodzaje okruszków, które można włączyć do nawigacji witryny. Są one oparte na hierarchii, atrybutach i historii.

Bułka tarta oparta na hierarchii

To są twoje klasyczne bułeczki tarte. Oparte na hierarchii menu nawigacyjne pokazują użytkownikom witryny, gdzie się znajdują w ogólnej strukturze witryny w stosunku do strony głównej. Dzięki temu odwiedzający mogą łatwo poruszać się po kategoriach i znajdować powiązane produkty.

Bułka tarta oparta na atrybutach

Te okruszki najczęściej znajdują się w witrynach eCommerce. Nawigacja oparta na atrybutach zawiera listę atrybutów, których szukał użytkownik, aby dotrzeć do oglądanego produktu lub strony.

Na przykład wyobraź sobie, że przeglądasz internetowy sklep z modą. Czasami możesz zostać poproszony o zawężenie wyszukiwania pod kątem atrybutów produktu (np. dopasowanie, styl, kolor, rozmiar). Wybrane atrybuty stworzą Twój szlak nawigacyjny.

Źródło obrazu

Bułka tarta oparta na historii

Te bułki tartej są chronologiczne. Są one uporządkowane na podstawie tego, co robisz na stronie internetowej. Oparte na historii okruszki nawigacyjne prowadzą użytkowników z powrotem przez strony, po których już się poruszali. Te okruszki działają trochę jak przycisk „wstecz” w przeglądarce, aby pomóc użytkownikom wrócić do strony, którą już odwiedzili.

Korzyści z bułki tartej

Bułka tarta jest niezwykle przydatna dla UX i SEO witryny. W związku z tym wiele usług marketingu treści promuje zalety bułki tartej w ramach solidnej strategii marketingu cyfrowego.

Bułka tarta umożliwia użytkownikom łatwiejsze poruszanie się po witrynie i pomaga robotom wyszukiwarek w zrozumieniu zawartości witryny. Oznacza to lepsze rankingi w wyszukiwarkach, niższe współczynniki odrzuceń i lepsze wrażenia użytkowników.

Łatwiejsza nawigacja w witrynie dla odwiedzających, co oznacza niższe współczynniki odrzuceń

Jako odwiedzający witrynę, nie ma nic bardziej irytującego niż znalezienie strony produktu, która w najmniejszym stopniu Cię nie interesuje. W tym momencie prawdopodobnie będziesz chciał zrobić jedną z dwóch rzeczy.

• Wróć do wyszukiwarki i zacznij od nowa.
• Wróć na stronę główną i spróbuj znaleźć stronę, której szukasz.

Dodając bułkę tartą do swojej witryny, użytkownicy będą mniej skłonni do odbijania się i łatwiej będzie im znaleźć to, czego szukają. Bułka tarta umożliwia odwiedzającym witrynę łatwe śledzenie podróży użytkownika i szybkie lokalizowanie żądanych stron.

Roboty indeksujące witryny mają łatwiejszy czas w rankingu właściwych stron

Bułka tarta poprawia SEO witryny, komunikując wyszukiwarkom, o czym są strony witryny. Google faktycznie używa nazwy witryny i ścieżki nawigacyjnej we fragmentach wyszukiwania, co oznacza, że ​​jest to jedna z pierwszych rzeczy, które zobaczysz, gdy Google wyświetli listę wyników. To z kolei pomaga wyszukiwarkom zobaczyć, dokąd zostaną przeniesieni po kliknięciu.

Na przykład, jeśli wyszukujesz „co to jest bułka tarta?” w Google wyniki wyszukiwania zawierają adresy URL, menu nawigacyjne i tytuł każdej witryny.

Trzy metody dodawania bułki tartej do witryny WordPress

Jak więc dokładnie dodajesz bułkę tartą do swojej witryny WordPress? Cóż, jest kilka różnych tras, którymi możesz się wybrać. Przeprowadzimy Cię krok po kroku przez różne metody.

Wybierz motyw WordPress, który zawiera już bułkę tartą

Najprostszym sposobem dodania bułki tartej do witryny WordPress jest zainstalowanie motywu, który już je zawiera. Jeśli możesz znaleźć taki, który dobrze pasuje do Twojej marki i ma również przydatne bułeczki tarte, to hej, presto, jesteś gotowy do pracy.

Implementuj bułkę tartą za pomocą niestandardowego kodu

Innym sposobem na dodanie bułki tartej do witryny WordPress jest zaimplementowanie ich za pomocą niestandardowego kodu. Załóżmy, że znalazłeś motyw na WordPress , ale nie zawiera on bułki tartej. Przy odrobinie podstawowego doświadczenia w kodowaniu możesz dodać je samodzielnie, edytując plik function.php w wybranym motywie.

Oto, co musisz zrobić:

1. Połącz WordPressa ze swoim serwerem za pomocą witryny FTP, takiej jak FileZilla FTP .
2. Kliknij folder public_html w kliencie FileZilla (obejmuje to pliki Twojej witryny).
3. Kliknij folder wp-content.
4. Kliknij katalog motywów i wybierz bieżący folder motywów.
5. Kliknij folder functions.php, a następnie wybierz widok/edytuj.
6. Wprowadź poniższy kod, aby zarejestrować funkcję nawigowania na swojej stronie.
7. Zapisz zmiany i po wyświetleniu monitu prześlij zaktualizowany plik.

Użyj wtyczki, aby dodać bułkę tartą.

Trzecim i ostatnim sposobem dodania bułki tartej do witryny WordPress jest użycie wtyczki. Aby to zrobić, musisz użyć specjalistycznego narzędzia, takiego jak Yoast SEO, Breadcrumb NavXT lub wtyczka WooCommerce Breadcrumbs.

Korzystanie z wtyczki Yoast SEO

Yoast to jedna z najbardziej znanych wtyczek SEO dla WordPress i może być używana do włączania bułki tartej w Twojej witrynie. Jeśli już korzystasz z Yoast do SEO, to jest to najlepsza opcja, chociaż dostępne są inne opcje (o których za chwilę).

Aby dodać bułkę tartą za pomocą Yoast, wykonaj następujące kroki:

1. Zainstaluj wtyczkę Yoast SEO z pulpitu WordPress, tj. Wtyczki> dodaj nowy> wpisz „Yoast” w pasku wyszukiwania> zainstaluj.
2. We wtyczce Yoast przejdź do wyglądu.
3. Kliknij edytor motywów.
4. Wybierz szablon o nazwie header.php.
5. Wstaw poniżej fragment kodu.
6. Zapisz zmiany, klikając „Aktualizuj plik”.

Korzystanie z wtyczki Breadcrumb NavXT

Inną alternatywą dla korzystania z Yoast jest Breadcrumb NavXT. Ta wtyczka może zostać zainstalowana na Twojej stronie, podobnie jak Yoast. Po zainstalowaniu wystarczy wykonać poniższe czynności, aby zaimplementować bułkę tartą.

1. We wtyczce NavXT przejdź do ustawień.
2. Kliknij na bułkę tartą NavXT.
3. Wybierz jedną z czterech opcji nawigacji w menu nawigacyjnym.
4. Skonfiguruj wtyczkę i zapisz zmiany.
5. Przejdź do wyglądu.
6. Kliknij edytor motywów.
7. Wybierz plik header.php.
8. Wpisz poniższy kod.
9. Kliknij zaktualizuj plik.

Korzystanie z wtyczki Woocommerce Breadcrumbs

Wreszcie, jeśli jesteś użytkownikiem Woocommerce, możesz użyć wtyczki Woocommerce Breadcrumbs, aby dodać funkcję okruszka chleba do swojej witryny.

Oto, co musisz zrobić:

1. Zainstaluj wtyczkę Woocommerce Breadcrumbs na swojej witrynie WordPress.
2. Przejdź do ustawień.
3. Kliknij Okruszki WC.
4. Zaznacz pole obok, aby włączyć bułkę tartą.
5. Kliknij Zapisz zmiany .

Źródło: fixrunner.com

Dostosuj bułkę tartą WordPress za pomocą CSS

Możesz stylizować bułkę tartą, stosując niestandardowy kod CSS, aby dopasować go do unikalnego stylu Twojej witryny. Jeśli sam kodujesz bułkę tartą, musisz pomyśleć o estetyce, do której dążysz.

Aby to zrobić, musisz dodać niestandardowy CSS, aby stylizować bułkę tartą w istniejącym arkuszu stylów motywu lub z poziomu dostosowywania WordPressa. Tutaj będziesz mógł wprowadzać poprawki projektowe w bułce tartej, w tym dostosowywać czcionki, kolory, marginesy, ikony i obramowania.

Dwa sposoby na usunięcie bułki tartej z witryny

Okruszki chleba mają oczywiste zalety, jeśli chodzi o wspomaganie nawigacji w witrynie i SEO w celu rozwoju , ale nie każdy lubi je uwzględniać. Jeśli zdecydujesz, że chcesz usunąć okruszki z witryny, możesz to zrobić na dwa sposoby.

Przełącz wyłącznik

Pierwszym sposobem na usunięcie bułki tartej jest po prostu przełączenie przełącznika we wtyczce, aby wyłączyć bułkę tartą lub całkowicie dezaktywować wtyczkę.

Usuń ręcznie wprowadzony kod

Inną opcją jest usunięcie kodu wprowadzonego ręcznie. Po prostu wróć do folderu header.php swojej witryny i usuń wiersz kodu, który dodaje bułkę tartą do Twojej witryny.

Zostaw ślad bułki tartej

Bułka tarta to świetny dodatek do każdej strony internetowej. Pomagają użytkownikom poruszać się po Twoich stronach internetowych i robotom wyszukiwarek, aby lepiej zrozumieć Twoje treści.

Co więcej, włączenie bułki tartej do witryny jest dość proste. Niektóre szablony WordPress zawierają nawet bułkę tartą.

Jeśli jeszcze nie robisz bułki tartej, na co czekasz?