Jak dodać bułkę tartą do swojej witryny WordPress

Nawigacja jest istotną częścią każdej witryny internetowej i istnieje więcej niż jeden sposób jej zapewnienia. Menu główne w Twojej witrynie to podstawowe narzędzie nawigacyjne, które prowadzi użytkowników do żądanych treści. Jednak nie mówi Twoim klientom, gdzie aktualnie znajdują się w Twojej witrynie.

Menu nawigacyjne to drugorzędny system nawigacyjny, który informuje klientów, gdzie się znajdują w stosunku do strony głównej. Pomaga im to z łatwością poruszać się po stronach Twojej witryny i uniknąć zagubienia.

W tym artykule przyjrzymy się, czym jest bułka tarta i jakie korzyści przynosi Twojej witrynie. Następnie pokażemy Ci, jak dodać bułkę tartą do swojej witryny WordPress. Zacznijmy!

Czym są bułka tarta w WordPress?

Breadcrumbs to termin używany do opisania hierarchicznego menu nawigacyjnego. Tego rodzaju menu zawiera ślad linków, podobnie jak ślad pozostawiony przez Jasia i Małgosię:

Ponieważ wielu użytkowników nie wchodzi na Twoją witrynę WordPress przez stronę główną, nawigacja nawigacyjna pomaga im zrozumieć, gdzie wylądowali. Wyszukiwarki używają również bułki tartej, aby lepiej zrozumieć hierarchię twoich stron internetowych.

Korzyści z dodania bułki tartej

Dodanie menu nawigacyjnych WordPress do swojej witryny oferuje kilka korzyści. Na przykład Google uwielbia bułkę tartą, więc ta funkcja może poprawić Twoją optymalizację pod kątem wyszukiwarek (SEO) i przyciągnąć więcej użytkowników do Twojej witryny.

Menu Breadcrumb mogą również zmniejszyć współczynniki odrzuceń, ponieważ poprawiają User Experience (UX) Twojej witryny. Kiedy użytkownicy mogą łatwo poruszać się po Twojej witrynie, jest bardziej prawdopodobne, że spędzą na niej czas.

Jak dodać bułkę tartą w WordPress

Możesz dodać bułkę tartą do swojej witryny WordPress na dwa sposoby. Najłatwiejszą metodą jest użycie wtyczki WordPress, ale możesz także zakodować bułkę tartą w pliku header.php swojej witryny. Zanim użyjesz którejkolwiek z metod, powinieneś utworzyć kopię zapasową swojej witryny na wypadek, gdyby coś poszło nie tak.

Metoda 1: Korzystanie z wtyczki

Najłatwiejszym sposobem dodania bułki tartej do WordPress jest użycie wtyczki bułki tartej. Istnieje wiele wtyczek, których możesz użyć, w tym Breadcrumb NavXT i Yoast SEO:

Yoast SEO jest często najlepszą opcją, ponieważ prawdopodobnie jest to wtyczka, z której korzysta już Twoja witryna.

Krok 1: Pobierz wtyczkę Yoast SEO

Ponieważ Yoast jest wtyczką SEO, oferuje szeroki zakres funkcjonalności. Obejmuje to tworzenie i stylizację nawigacji nawigacyjnej.

Aby użyć tej wtyczki, musisz ją pobrać z katalogu wtyczek WordPress. Możesz po prostu przejść do strony wtyczek swojej witryny, wyszukać „Yoast SEO” oraz zainstalować i aktywować wtyczkę, jak każdą inną.

Krok 2: Dodaj funkcję do pliku header.php

Po aktywacji wtyczki musisz dodać funkcję do pliku header.php swojej witryny. Aby uzyskać dostęp do tego pliku, przejdź do Wygląd > Edytor motywów i wybierz plik, aby go otworzyć.

Następnie dodaj następujący kod wszędzie tam, gdzie chcesz, aby menu ustawień menu nawigacyjnego pojawiało się:

<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '</p><p>','</p><p>' );
}
?>

Ogólnie rzecz biorąc, będziesz chciał umieścić ten kod na końcu pliku header.php . Możesz jednak poeksperymentować z rozmieszczeniem menu, sprawdzając przednią część witryny, aby zobaczyć, jak wygląda wynik.

Możesz nawet dodać powyższą funkcję do pliku single.php lub page.php swojego motywu, jeśli chcesz, aby funkcja breadcrumb pojawiała się w innym miejscu na stronie. Pamiętaj tylko, aby dodać go tylko w jednym miejscu.

Krok 3: Aktywuj obsługę bułki tartej

Na koniec musisz aktywować obsługę bułki tartej. W Yoast SEO oznacza to przejście do SEO > Wygląd wyszukiwania > Bułka tarta :

Po prostu przełącz przełącznik na „Włączone” i gotowe! Twoje menu nawigacyjne WordPress zostanie skonfigurowane i gotowe do użycia.

Metoda 2: Kodowanie własnej bułki tartej

Dodawanie bułki tartej do strony internetowej można również wykonać ręcznie poprzez kodowanie. Jeśli nie chcesz używać wtyczki breadcrumbs, możesz dodać breadcrumbs bez niej. Zanim spróbujesz tego, możesz przeczytać mikrodane, aby w pełni wykorzystać potencjał SEO okruszków WordPress.

Krok 1: Utwórz funkcję szkieletu

Aby ręcznie dodać bułkę tartą do WordPress, musisz utworzyć funkcję PHP. Pierwszym krokiem w tworzeniu tej funkcji jest zbudowanie szkieletu. Twoja funkcja szkieletu będzie potrzebować unikalnej nazwy, aby uniknąć konfliktów z innymi funkcjami.

function my_breadcrumbs() {
/* Breadcrumbs code will go here */
}

Powyższa funkcja to szkielet, a reszta kodu nawigacyjnego zostanie umieszczona w nawiasach klamrowych.

Krok 2: Dodaj podstawowe zasady

Po utworzeniu szkieletu musisz dodać reguły do ​​funkcji. Zasady należy umieścić w sekcji nawigacyjnej:

/* Change according to your needs */
$show_on_homepage = 0;
$show_current = 1;
$delimiter = '»';
$home_url = 'Home';
$before_wrap = '<span clas="current">';
$after_wrap = '</span>';

/* Don't change values below */
global $post;
$home_url = get_bloginfo( 'url' );

Powyższe reguły zazwyczaj wykorzystują zmienne, więc można je później zmienić. Pierwsze dwie zmienne używają wartości logicznych, gdzie „0” to fałsz, a „1” to prawda.

Krok 3: Dodaj instrukcję „ if else ”.

Pod zmiennymi należy dodać instrukcję „if else”. To stwierdzenie sprawdzi, czy użytkownik jest na stronie głównej Twojej witryny, czy nie. Na podstawie tych informacji oświadczenie określi, czy bułka tarta jest wyświetlana, czy nie:

/* Check for homepage first! */
if ( is_home() || is_front_page() ) {
$on_homepage = 1;
}
if ( 0 === $show_on_homepage && 1 === $on_homepage ) return;

/* Proceed with showing the breadcrumbs */
$breadcrumbs = '<ol itemscope itemtype="http://schema.org/BreadcrumbList">';

$breadcrumbs .= '<li itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a target="_blank" href="' . $home_url . '">' . $home_url . '</a></li>';

/* Build breadcrumbs here */

$breadcrumbs .= '</ol>';
echo $breadcrumbs;

Jeśli ta instrukcja nie zostanie dodana do funkcji, ustawienia menu nawigacyjnego mogą, ale nie muszą, pojawiać się, kiedy chcesz.

Krok 4: Dodaj funkcję do nagłówka motywu

Po ukończeniu funkcji bułki tartej możesz dodać ją do pliku header.php swojej witryny. Przejdź do Wygląd > Edytor motywów , aby otworzyć plik i dodać funkcję do samego końca.

Następnie zapisz zmiany i sprawdź menu nawigacyjne nowej witryny w interfejsie użytkownika. Możesz nadal dostosowywać funkcję i jej położenie, aż menu będzie wyglądać dobrze (lub w razie potrzeby wyłączyć menu nawigacyjne).

Dostosuj swoją witrynę za pomocą silnika WP

Menu nawigacyjne Breadcrumb pomagają odwiedzającym Twoją witrynę odnaleźć drogę. Ułatwiają również wyszukiwarkom zrozumienie hierarchii Twojej witryny. Wtyczka taka jak Yoast SEO to najprostszy sposób na dodanie bułki tartej do Twojej witryny, ale możesz również zakodować ją ręcznie.

Korzystanie z odpowiedniego usługodawcy hostingowego może pomóc zagwarantować wydajność Twojej witryny, pozostawiając Ci czas na skupienie się na rozwoju i UX. WP Engine może zaoferować najlepiej zarządzane plany hostingowe WordPress i najlepsze zasoby do stworzenia niesamowitej obsługi witryny!