Dlaczego i jak dodać bułkę tartą Elementor, aby poprawić nawigację w witrynie?

Opublikowany: 2021-10-26

Bułka tarta to wskaźnik ścieżki Twojej witryny, który znajduje się głównie na górze Twojej witryny. Pokazuje również podróż użytkownika w Twojej witrynie i zapewnia lepszą nawigację w witrynie z lepszą indeksacją.

Okruszki chleba działają jako funkcja nawigacyjna w Twojej witrynie i mogą mieć ogromny wpływ na SEO Twojej witryny.

Jednak znajdziesz mnóstwo stron internetowych, które nie ćwiczą implementacji bułki tartej, co jest ogromnym błędem. Albo wdrażają go, ale nie przejmują się projektem ani stanowiskiem.

Dzieje się tak głównie dlatego, że borykają się z problemami z wyświetlaniem bułki tartej na swojej stronie internetowej, a dodatkowo nie znają właściwego sposobu ich implementacji.

Jeśli masz witrynę zasilaną przez Elementor i szukasz ostatecznego rozwiązania, aby dodać bułkę tartą, jesteś we właściwym miejscu.

Na tym blogu pokażemy, jak dodać funkcję bułki tartej do swojej witryny za pomocą widżetu bułka tarta Elementor. Pokażemy Ci również inne sposoby dodawania bułki tartej i omówimy niezbędne uwagi dotyczące bułki tartej.

Zanim przejdziesz, porozmawiajmy o tym, jak ważne jest posiadanie bułki tartej w Twojej witrynie.

Dlaczego warto rozważyć dodanie bułki tartej do swojej witryny Elementor

Importance of Adding Breadcrumbs To Your Elementor Website

Zapewne wiesz, że Google wyświetla okruszki w wynikach wyszukiwania i używa okruszków do kategoryzowania informacji w wynikach wyszukiwania. Na tej podstawie możesz prawdopodobnie odgadnąć, jak ważne są dla Twojej witryny bułka tarta.

Każdy właściciel serwisu chce, aby jego odwiedzający pozostali na jego stronie przez długi czas. Dodanie bułki tartej może być świetnym sposobem na poprawę komfortu korzystania z witryny. Pamiętaj, że użytkownik zawsze lubi tego typu strony internetowe, które są łatwe w obsłudze, mają dobrą strukturę i są szybkie.

W rzeczywistości większość wyszukiwarek przykłada szczególną wagę do tych typów stron internetowych, które zawierają okruszki chleba.

Istnieją trzy rodzaje bułki tartej,

  • Bułka tarta oparta na hierarchii : pokazuje użytkownikowi, w którym miejscu witryny się znajduje. Na przykład: Strona główna > Blog > Przewodnik WordPress
Hierarchy-Based Breadcrumbs
  • Bułka tarta oparta na atrybutach: ta opcja jest używana głównie w witrynach handlu elektronicznego, aby pokazać, jakie atrybuty kliknął użytkownik. Na przykład: Dom > Buty > Mężczyzna
Attribute-Based Breadcrumbs
  • Bułka tarta na podstawie historii: Pokaż użytkownikom, jakie inne strony w witrynie odwiedzili. Na przykład: Strona główna > Artykuł Elementora 1 > Artykuł Elementora 2 > Bieżąca strona .
History-Based Breadcrumbs

Możesz użyć dowolnego z nich na swojej stronie. Nie tylko to, ale używanie bułki tartej może dać ci więcej korzyści, takich jak:

  • Popraw wrażenia użytkownika
  • Popraw ranking witryn
  • Dodaj korzyści SEO
  • Zmniejsz współczynniki odrzuceń
  • Zapewnij właściwą nawigację.

Skoro już wiesz, jak ważne jest wdrażanie bułki tartej w swojej witrynie, wskoczmy i dowiedzmy się, jak dodać bułkę tartą za pomocą widżetu bułki tartej Elementora.

2 sposoby, aby dodać bułkę tartą Elementor do swojej witryny

W dalszej części naszego bloga dowiesz się, jak dodać bułkę tartą do swojej witryny na dwa proste sposoby.

1. Jak korzystać z widżetu Elementor Breadcrumbs dla Yoast SEO

2. Alternatywne sposoby dodawania bułki tartej Elementora (dla innych wtyczek SEO)

Jak korzystać z widżetu Elementor Breadcrumbs dla Yoast SEO

Zanim zaczniemy, musisz mieć w swojej witrynie następujące wtyczki:

  • Elementor (bezpłatny)
  • Elementor (Pro)
  • SEO

Upewnij się, że zainstalowałeś i aktywowałeś wersję Elementor Free i Premium .

Jeśli jesteś nowy w Elementorze, sprawdź ten przewodnik i dowiedz się, jak korzystać z Elementora (przewodnik krok po kroku dla początkujących).

Zacznijmy:

Krok 1: Zainstaluj i skonfiguruj wtyczkę Yoast SEO

Najpierw musisz zainstalować wtyczkę Yoast SEO na swojej stronie, ponieważ widżet okruszków działa tylko po zainstalowaniu wtyczki.

Przejdź do Wtyczka -> Dodaj nowy. Następnie wpisz Yoast SEO w pasku wyszukiwania. Po znalezieniu wtyczki kliknij przycisk Instaluj . Na koniec kliknij przycisk Aktywny , aby zakończyć proces aktywacji wtyczki.

Add & Activate Yoast SEO Plugin

Teraz włączymy opcję bułki tartej. Aby to zrobić, musisz odwiedzić SEO–> Wygląd wyszukiwania . Następnie kliknij zakładkę Bułka tarta . Tutaj otrzymasz wszystkie niezbędne opcje, aby ustawić bułkę tartą.

Yoast Breadcrumbs Settings

Uwaga: Domyślnie wtyczka SEO ustawia ustawienie, które działa idealnie.

Krok 2: Utwórz szablon Elementora

Czas stworzyć szablon strony do dodawania bułki tartej. Aby to zrobić, musisz przejść do Szablon->Konstruktor motywów . Następnie otwórz zakładkę Pojedyncza strona i kliknij przycisk Dodaj nową pojedynczą stronę .

Theme Builder Single Page Template

Po chwili znajdziesz modalne wyskakujące okienko, w którym dodasz nazwę szablonu. Następnie kliknij przycisk Utwórz szablon i poczekaj na następną stronę.

Add Single Page Template

Na następnej stronie otrzymasz mnóstwo gotowych szablonów, które możesz łatwo zainstalować w swojej witrynie. Wystarczy kliknąć przycisk Instaluj i poczekać na instalację szablonu.

Install Single Page Tempalte

Krok 3: Dodaj Elementora Bułka tarta Widżet

Dodajmy Elementor Widget bułka tarta do naszego nowo utworzonego szablonu strony. Możesz znaleźć widżet w galerii widżetów Elementora. Następnie przeciągnij i upuść go w odpowiednie miejsce, w którym chcesz pokazać bułkę tartą. Ogólnie rzecz biorąc, bułka tarta jest wyświetlana u góry strony i tuż pod obszarem nagłówka witryny.

Add Elementor Breadcrumbs Widget

Krok 4: Dostosuj swój Bułka tarta

Możesz dostosować bułkę tartą na swój własny sposób. Obszar Zawartość umożliwia ustawienie zawartości bułki tartej. Tutaj możesz zdefiniować Wyrównanie i Tag HTML . Są to znaczniki HTML, które ustawiasz w bułce tartej.

  • Domyślna
  • P
  • div
  • nawigacja
  • Zakres
Set Elementor Breadcrumbs Content

Możesz także stylizować bułkę tartą za pomocą opcji Styl . W obszarze stylu możesz zmienić typografię, kolor tekstu i kolor łącza na swój sposób. Widzisz, że zmieniliśmy kolor tekstu i linku.

Style Breadcrumbs

Jeśli chcesz zmienić kolor najechania , możesz postępować zgodnie z poniższym obrazkiem.

Add Hover Color

Alternatywne sposoby dodawania bułki tartej Elementora (dla innych wtyczek SEO)

Istnieje kilka innych sposobów dodawania bułki tartej do swojej witryny Elementor.

Darmowa wersja Elementora

Możesz dodać bułkę tartą do swojej witryny, jeśli nie masz licencji Elemntor pro. Wykonaj poniższy krok, aby wykonać proces.

  • Utwórz sekcję, w której chcesz wyświetlić bułkę tartą
  • Dodaj widżet Elementor Shortcode do sekcji
  • Wklej następujący krótki kod Yoast SEO Breadcrumb
 [wpseo_breadcrumb]
Add Manual Yoast Breadcrumbs Shortcode

Teraz możesz wyświetlać bułkę tartą na swojej stronie.

Pozycja matematyczna SEO

Możesz także użyć wtyczki Rank Math SEO, aby wyświetlić bułkę tartą. jeśli jesteś użytkownikiem Rank Math pro, możesz łatwo dodać bułkę tartą za pomocą widżetu.

Ale jeśli jesteś zwykłym użytkownikiem, musisz ręcznie dodać bułkę tartą. Podobnie jak darmowy użytkownik Elementora, musisz również użyć metody shortcode, aby ukończyć zadanie.

Proces jest podobny do powyższego. Musisz jednak upewnić się, że używasz odpowiedniego shortcode oferowanego przez wtyczkę Rank Math. Tutaj jest Skrót do okruszka chleba Rank Math.

 [rank_math_breadcrumb]
Add Manual Rant Math Breadcrumbs Shortcode

Otóż ​​to.

Często zadawane pytania dotyczące bułki tartej Elementora

Sprawdź poniższe często zadawane pytania dotyczące bułki tartej Elementora.

Czym są bułka tarta w Elementorze?

Korzystanie z bułki tartej to sprytny sposób na poruszanie się po witrynie. Widżet Elementor Breadcrumbs umożliwia dodawanie bułki tartej do stron internetowych lub postów. Aby korzystać z widżetu, musisz zainstalować Elementor bezpłatnie i pro. Aby pracować z tym widżetem, musisz mieć również wtyczkę SEO w swojej witrynie.

Czy powinienem używać bułki tartej na mojej stronie?

Tak, powinieneś. Pomaga wyszukiwarkom takim jak Google zrozumieć strukturę Twojej witryny. Możesz nawet uzyskać pewne korzyści z SEO.

Czy bułkę tartą można kliknąć?

Tak bułkę tartą można kliknąć.

Czy bułka tarta zawiera bieżącą stronę?

Tak, bułka tarta jest zawarta na twojej bieżącej stronie. Otrzymasz również listę linków ze strony nadrzędnej do bieżącej strony.

Jak dodać bułkę tartą do WordPressa bez wtyczek?

Domyślnie WordPress nie zapewnia funkcji bułka tartej. Musisz użyć wtyczki lub samodzielnie stworzyć niestandardową funkcję nawigowania.

Jak ukryć bułkę tartą w CSS WordPress?

Możesz łatwo usunąć bułkę tartą ze swojej witryny, dodając CSS (wyświetlanie: brak;).

Bonus: Użyj widżetu Bułka tarta Happy Addons, aby dodać oszałamiającą bułkę tartą na swojej stronie Elementor!

Happy Addons Breadcrubs Widgets

Jeśli potrzebujesz bardziej zaawansowanych opcji, aby dodać zgrabną, chwytliwą i konfigurowalną bułkę tartą do swojej witryny Elementor, powinieneś wypróbować widżet Happy Addons Breadcrumbs. Ten niesamowity widżet umożliwia dodawanie dynamicznych okruszków do Twojej witryny w bardziej artystyczny sposób. Zawiera również kilka pięknych gotowych wzorów bułki tartej.

Kluczowe cechy.

  • Łatwy w użyciu.
  • Oferuje piękne, gotowe projekty bułki tartej, które pomogą Ci łatwo zaprojektować bułkę tartą. Możesz je znaleźć na Stronie Demo.
HappyAddons Breadcrumb Demo
Demo wzorów bułki tartej
  • W pełni konfigurowalny.
  • Uzyskaj więcej zaawansowanych ustawień.
  • Możliwość dodania ikony domu, która zwiększy wiarygodność bułki tartej.
Happy Addons Breadcrumbs
Ikona domu

Zapoznaj się z dokumentacją bułki tartej Happy Addons i dowiedz się, jak z niej korzystać.

Wypróbuj HappyAddons, aby zaprojektować oszałamiającą stronę internetową!

Popraw komfort korzystania z witryny dzięki bułce tartej

Dodanie bułki tartej zapewnia dodatkową korzyść SEO dla Twojej witryny Elementor.

W tym przewodniku omówiliśmy wszystkie możliwe sposoby dodawania tego elementu sieci Web. Omówiliśmy jego znaczenie. Przedstawiamy również krótkie wprowadzenie do widżetu Bułka tarta Happy Addons.

Jeśli masz jakieś pytania dotyczące tego bloga, możesz nas skomentować.

Nie zapomnij zasubskrybować naszego biuletynu, aby uzyskać więcej fajnych wskazówek i wskazówek dotyczących Elementora i Happy Addons.

Zapisz się do naszego newslettera

Otrzymuj najnowsze wiadomości i aktualizacje na Elementor