TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Wszystko, co powinieneś wiedzieć o bułce tartej

10

Breadcrumbs to struktura nawigacyjna zawierająca zbiór linków, które ułatwiają użytkownikom łatwe przeglądanie witryny. Pomaga to użytkownikowi w dowolnym momencie wiedzieć, gdzie dokładnie znajduje się na stronie i bezpośrednio przechodzić w górę lub w dół struktury poziomu. Mniejsze witryny z pojedynczą kategorią lub niezależne strony mogą nie wymagać dodatkowej nawigacji w trybie breadcrumb, ponieważ menu witryny może zaspokoić potrzeby nawigacyjne użytkownika. Jednak większe witryny z dużą liczbą kategorii i strukturą strony nadrzędnej i podrzędnej wymagają dodatkowych okruszków, aby poinformować użytkowników, gdzie dokładnie znajduje się bieżąca strona w stosunku do całej witryny.

Zainteresowani użytkownicy mogą przejść na wyższy lub niższy poziom, aby znaleźć odpowiednie treści, co może nie być możliwe bez okruszków chleba.

Znaczenie bułki tartej

Oprócz pomagania użytkownikom, struktura breadcrumb jest również pokazywana na stronach wyników wyszukiwania Google i Bing. Wyszukiwarki, takie jak Bing, wyświetlają link do bułki tartej w wynikach wyszukiwania, dzięki czemu użytkownicy mogą bezpośrednio przejść do tej kategorii zamiast na konkretną stronę.

Wszystko, co powinieneś wiedzieć o bułce tartejWszystko, co powinieneś wiedzieć o bułce tartej

Jak dodać bułkę tartą?

Najłatwiejszym sposobem dodania bułki tartej do witryny jest użycie motywu, który domyślnie oferuje tę funkcję. Systemy zarządzania treścią, takie jak WordPress z własnym hostingiem, oferują wtyczki do wstawiania niestandardowego menu nawigacyjnego nad nagłówkiem artykułu. Jeśli Twój kreator witryn nie oferuje takiej funkcji, musisz dodać ją ręcznie na każdej stronie za pomocą tagu kotwicy HTML. Na przykład narzędzia do tworzenia witryn, takie jak Weebly, nie oferują motywów z domyślnymi okruszkami chleba. Dlatego musisz dodać go na każdej stronie osobno za pomocą niestandardowego kodu HTML / CSS.

Przykłady bułki tartej

Chociaż nawigacja jest zazwyczaj umieszczana jako poziomy link pod lub nad tytułem strony, może mieć strukturę pionową lub poziomą, w zależności od struktury nawigacji w witrynie. Poniżej znajdują się przykłady bułki tartej pokazujące, jak łatwo użytkownicy mogą przeglądać witrynę.

Wszystko, co powinieneś wiedzieć o bułce tartej

Na tej stronie używamy wtyczki Yoast SEO, aby wyświetlać poziome menu nawigacyjne nad każdym tytułem posta. Ponieważ mamy wiele kategorii, pomaga nam to grupować artykuły do ​​odpowiedniej kategorii i wyświetlać je w wyszukiwarkach. Zaletą jest to, że gdy artykuł jest pogrupowany w wiele kategorii, możesz wybrać, która kategoria ma być wyświetlana w menu nawigacyjnym jako kategoria podstawowa.

Wszystko, co powinieneś wiedzieć o bułce tartej

Bułka tarta SEO Yoast

Nawigacja Yoast SEO będzie oparta na prostym tekście i możesz dodać pole i cień za pomocą poniższego CSS:

#breadcrumbs { box-shadow: 1px 1px #d5d4d4; background: #eeeded; border: 1px solid #eeeded; border-radius: 5px; padding: 0 5px 0 10px; font-size: 16px; }

Niestandardowe okruszki CSS

Możesz dodać niestandardowe okruszki CSS, zwłaszcza gdy Twoja witryna ma mniejszą liczbę stron. Poniżej znajduje się poziome okruszki CSS, które można dodać do swojej witryny. Zapoznaj się z naszym artykułem na temat dodawania tych okruszków do swojej witryny Weebly.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Bonus CSS Breadcrumb Style 6

Bułka tarta jest również określana jako okruchy ciasteczek lub ślad z bułki tartej.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów