Jak dodać nawigację nawigacyjną w WordPressie

Opublikowany: 2021-12-24

Skutecznym sposobem na poprawę komfortu użytkownika jest ułatwienie odbiorcom poruszania się po witrynie. Breadcrumb Navigation to potężne narzędzie, które może poprawić sposób interakcji ludzi z Twoimi treściami.

Dzięki temu użytkownicy wiedzą, gdzie się znajdują w stosunku do Twojej strony głównej. Gdy dodasz nawigację typu Breadcrumb do swojej witryny, pojawi się ona również w wynikach wyszukiwania, tworząc bardziej atrakcyjny link, który będzie generował więcej kliknięć w wyszukiwarkach.

W tym poście opowiem, w jaki sposób możesz łatwo wyświetlać linki nawigacyjne na stronie WordPress. Zanurzmy się!

Co to jest nawigacja po stronie nawigacyjnej?

Wszyscy znamy historię Jasia i Małgosi i jak dzieci ułożyły ścieżkę z bułki tartej, aby mogły znaleźć drogę do domu.

Idea nawigacji w trybie breadcrumb działa w ten sam sposób.

Okruszki na stronach internetowych to ślad łączy, które pokazują, na której stronie się znajdujesz, w stosunku do strony głównej. Jest to hierarchiczne menu nawigacyjne, które jest oddzielone od menu głównego.

Po prawidłowym skonfigurowaniu pojawi się na Twoich stronach internetowych, a także na stronie wyników wyszukiwania Google.

Wyszukiwanie sandałów męskich dało wynik, w którym wyraźnie widać nawigację po nawigacji w akcji

Po co dodawać nawigację nawigacyjną?

Czy kiedykolwiek wylądowałeś na stronie produktu i chciałeś zobaczyć, co jeszcze znajduje się w tej samej kategorii?

Nawigacja Breadcrumb pozwala ludziom poruszać się w górę hierarchicznego łańcucha linków. Zamiast kierować się na stronę główną, a następnie szukać kategorii produktów, a następnie klikać podkategorie, użytkownik może po prostu kliknąć link z menu nawigacyjnego i przejść tam, gdzie chce.

Jest to dodatkowy pomocny sposób poruszania się użytkowników po witrynie i znajdowania tego, czego potrzebują.

Potężną dodatkową korzyścią jest to, że pomaga również wyszukiwarkom zrozumieć strukturę i hierarchię witryny. Im bardziej uporządkowana i łatwa w użyciu witryna wygląda, tym większe masz szanse na awans w rankingu.

Linki nawigacyjne pojawiają się również, gdy Google wyświetla zestaw wyników. Wyróżnia Twoją witrynę w zestawie wyników i zwiększa współczynnik klikalności.

Jak dodać nawigację typu breadcrumb do swojej witryny WordPress

Przejdźmy do interesów! Dowiedziałeś się, czym są bułka tarta i dlaczego mają znaczenie.

Teraz ten post przedstawi najlepszy sposób na dodanie bułki tartej, aby wyświetlały się i działały poprawnie w witrynie WordPress.

Wszystkie sugestie zawarte w tym poście pomogą Ci skonfigurować nawigację w trybie nawigacyjnym za pomocą znaczników schematu. Schemat odnosi się do kodu, który pomaga wyszukiwarkom, takim jak Google, łatwo zorientować się, o czym jest zawartość Twojej witryny.

Czy kiedykolwiek zdarzyło Ci się zobaczyć wyniki wyszukiwania przepisów, w których z linkiem do witryny są wyświetlane szczegóły, takie jak czas gotowania, oceny, kuchnia itp.? To przykład działania znaczników schematu, tworzącego tak zwany fragment rozszerzony. Pomaga również wyświetlać bułkę tartą, gdy witryna pojawia się w wynikach wyszukiwania.

Wyszukiwanie Yorkshire Pudding wyświetla panele wyników, w których schemat pomaga pokazać szczegóły, takie jak składniki i czas gotowania

Poniżej przedstawiono niektóre z najłatwiejszych i najszybszych sposobów na dodanie bułki tartej do Twojej witryny.

Użyj wtyczki SEO WordPress

Najłatwiejszym sposobem dodania nawigacji Breadcrumb jest użycie wtyczki AIOSEO.

All in One SEO lub wtyczka AIOSEO to jedna z najlepszych wtyczek WordPress, które zwiększają SEO Twojej witryny. Zawiera bułkę tartą jako funkcję ułatwiającą nawigację po witrynie.

Możesz również rozważyć wybór wersji premium w przyszłości, aby uzyskać więcej funkcji, ale rozpoczęcie od bezpłatnej wersji zapewni solidne zrozumienie podstaw. Najpierw pobierz i aktywuj swoją wtyczkę AIOSEO.

Po aktywacji postępuj zgodnie z kreatorem konfiguracji początkowej wtyczki. Następnie musisz odwiedzić stronę Ustawienia ogólne z wtyczki All in One SEO na swoim pulpicie nawigacyjnym.

Teraz, gdy jesteś na stronie Ustawienia ogólne, kliknij kartę Bułka tarta.

Kiedy po raz pierwszy dodasz AIOSEO i uruchomisz konfigurację, wtyczka automatycznie doda schemat breadcrumb do kodu witryny.

Aby wyświetlać użytkownikom linki nawigacyjne w menu nawigacyjnym, włącz opcję Włącz menu nawigacyjne . Będziesz wtedy mógł dostroić wygląd bułki tartej w Twojej witrynie.

Istnieją cztery różne sposoby wyświetlania nawigacji w trybie nawigacyjnym w witrynie WordPress.

Oni są:

  1. Dodawanie nawigacji nawigacyjnej za pomocą shortcode
  2. Korzystanie z bloku Gutenberga
  3. Dodawanie widżetu
  4. Dodawanie kodu nawigacyjnego Breadcrumb

Szybko opiszemy, jak korzystać z każdej z tych opcji, abyś mógł pracować z tą, która najlepiej odpowiada Twoim potrzebom.

Cztery sposoby na dodanie bułki tartej do Twojej witryny

1. Użyj shortcode, aby dodać nawigację w menu nawigacyjnym

Jeśli chcesz dodać nawigację do nawigacji z krótkim kodem na swojej stronie lub poście, wystarczy dodać następujący kod na stronie.

 [aioseo_bułka tarta]

Ten mały fragment kodu zostanie automatycznie przekonwertowany na blok shortcode.

Zapisz i wyświetl podgląd swojego posta, aby zobaczyć, jak wygląda. Poniższy obrazek pokazuje, w jaki sposób Twój krótki kod nawigacyjny będzie wyświetlany w interfejsie witryny WordPress.

2. Dodaj nawigację nawigacyjną za pomocą bloku Gutenberg

Wtyczka AIOSEO umożliwia po prostu wstawienie bloga Gutenberga i dodanie linków do okruszków.

Utwórz nowy post lub stronę i kliknij przycisk, aby dodać blok. Wyszukaj AIOSEO – bułka tarta i kliknij na nią. Twoja nawigacja nawigacyjna pojawi się na Twojej stronie. Właśnie tak!

3. Wstaw nawigację nawigacyjną za pomocą widżetu

Czy chcesz automatycznie wyświetlać bułkę tartą dla wszystkich swoich postów lub stron?

W tym celu skorzystaj z opcji widgetu. Wszystko, co musisz zrobić, to przejść do Wygląd » Widgety na pulpicie nawigacyjnym. Następnie dodaj widżet „AIOSEO – bułka tarta” do paska bocznego.

Dodaj nowy tytuł lub pozostaw pole puste, a następnie naciśnij „Zapisz”. Teraz, gdy przejdziesz do swojej witryny, zobaczysz nawigację po nawigacji we wszystkich swoich postach i stronach, które mają pasek boczny.

4. Dodaj nawigację nawigacyjną z kodem

Dzięki tej metodzie masz o wiele większą kontrolę nad tym, gdzie pojawia się nawigacja po stronie nawigacyjnej. Aby to zrobić, musisz jednak dodać kod do plików motywu witryny WordPress.

Jeśli masz jakieś doświadczenie w zarządzaniu WordPressem i kodowaniem, możesz wypróbować tę opcję.

Najpierw zdecyduj, gdzie mają się pojawiać linki do menu nawigacyjnego. Będziesz musiał dodać kod do plików szablonów swojego motywu WordPress.

Tak więc, w zależności od tego, gdzie chcesz umieścić nawigację nawigacyjną, będziesz musiał wybrać odpowiedni plik szablonu, aby wstawić swój kod.

Ta ściągawka pomoże Ci dowiedzieć się, które pliki należy edytować w motywie WordPress.

Następnie edytuj plik motywu za pomocą klienta FTP. Dodaj ten kod do miejsca, w którym mają być wyświetlane łącza nawigacji Breadcrumb.

 <?php if( function_exists( 'aioseo_bułka tarta' ) ) aioseo_bułka tarta(); ?>

Pamiętaj, aby zapisać zmiany i wrócić do swojej witryny, aby zobaczyć, jak wygląda.

Wniosek

To wszystko, czego potrzebujesz, aby znaleźć najlepszy sposób na dodanie nawigacji nawigacyjnej do witryny WordPress.

Dzięki AIOSEO masz możliwość nie tylko dodawania okruszków chleba za darmo i na wiele sposobów, ale także wykonywania innych technicznych zadań SEO.

Nawigacja typu Breadcrumb nie tylko zapewni lepsze wrażenia użytkownika, ale także pokaże Google i innym wyszukiwarkom, że masz dobrze przygotowaną witrynę.

A ponieważ tylko około 10 milionów z prawie 2 miliardów witryn internetowych korzysta ze schematu, prawdopodobnie uzyskasz wyższe pozycje w rankingu i lepsze wyniki, takie jak większy ruch i konwersje. Poświęć więc trochę czasu na ulepszenie swojej witryny w nowym roku, po prostu dodając nawigację w menu nawigacyjnym!