Spis treści
Czym jest nawigacja breadcrumb?
Nawigacja Breadcrumb pokazuje ścieżkę, jaką użytkownicy przeszli od strony głównej do dowolnej strony, na której się znajdują. Zwykle zobaczysz ją na swojej stronie jako strumień linków ułożonych poziomo.
Czym jest nawigacja w pasku bocznym?
Nawigacja boczna pojawia się po lewej lub prawej stronie witryny. Jest podobna do menu u góry strony, ale główną różnicą jest to, że jest pionowa. Niektóre witryny mają menu zawsze widoczne, ale inne ukrywają je i pozwalają użytkownikom je wyświetlić.
Celem nawigacji bocznej jest umożliwienie użytkownikom szybkiego przechodzenia do różnych stron lub sekcji. Niektóre motywy i szablony witryn mają wbudowane widżety nawigacji bocznej, ale w innych przypadkach może być konieczne zainstalowanie wtyczek.
Jaka jest różnica między nawigacją breadcrumb a mapą witryny?
Nawigacja breadcrumbs pokazuje, jak użytkownicy dotarli do ostatnio odwiedzanej strony. Mapy witryn z kolei pojawiają się bardziej w backendzie (musisz również przesłać mapę witryny, aby uzyskać pozycję w Google).
Mapy witryn to przegląd stron w Twojej witrynie. Mapa witryny zawiera strony, wpisy na blogu i – w wielu przypadkach – adresy URL obrazów.
Jakie są rodzaje nawigacji breadcrumb?
Istnieją trzy główne typy breadcrumbs:
- Oparte na lokalizacji
- Oparte na atrybutach
- Oparte na ścieżce
Prawdopodobnie widziałeś breadcrumbs oparte na lokalizacji w odwiedzanych witrynach. Na blogu, na przykład, może to wyglądać tak:
Strona główna / Podróże / Miejsca docelowe / Europa / Włochy / Rzym
Możesz zobaczyć breadcrumbs oparte na atrybutach po wybraniu określonych filtrów. Na przykład, jeśli kupujesz nową koszulę, może to wyglądać tak:
M / Żółty / Codzienny / Długi rękaw
Breadcrumbs oparte na ścieżce pokazują całą podróż, jaką użytkownicy odbyli, aby dotrzeć do bieżącej strony, ale często są bardziej mylące niż oparte na lokalizacji. Podczas gdy breadcrumbs oparte na lokalizacji pokazują tylko ścieżkę kliknięć do konkretnej strony, oparte na ścieżce pokazują całą podróż.
Używając powyższego przykładu, breadcrumbs oparte na ścieżce mogą wyglądać tak:
Strona główna / Podróże / Styl życia / Podróże / Miejsca docelowe / Europa / USA / Nowy Jork / Azja / Japonia / Tokio
W większości przypadków powinieneś skupić się na breadcrumbs opartych na lokalizacji, a nie na ścieżce.
Jak nawigacja breadcrumb pomaga w poprawie SEO?
Wyszukiwarki używają breadcrumbs, aby zrozumieć układ stron witryny, a także biorą pod uwagę linki wewnętrzne. Breadcrumbs mogą również wpływać na konwersje i ogólne wrażenia użytkownika (UX).
Breadcrumbs poprawiają SEO, dostarczając wyszukiwarkom jasnych informacji o strukturze witryny i hierarchii treści. Tworzą również linki wewnętrzne, co może zwiększyć widoczność poszczególnych stron w wynikach wyszukiwania.
Czy nawigacja breadcrumb jest dobra dla dostępności?
Narzędzia używane przez osoby z niepełnosprawnościami, takie jak czytniki ekranu i inne narzędzia wspomagające, mogą korzystać z breadcrumbs do nawigacji po stronie. Użytkownicy mogą również nawigować do poprzednich stron za pomocą breadcrumbs, jeśli to konieczne.
Kiedy należy używać nawigacji breadcrumbs?
Powinieneś używać breadcrumbs w witrynach z wieloma stronami i typami treści, takimi jak witryny eCommerce z sekcjami bloga. Jeśli witryna jest mniej skoncentrowana na jednej niszy, breadcrumbs również powinny być rozważane.
Typy witryn, które używają breadcrumbs, obejmują:
- Witryny informacyjne
- Blogi
- Czasopisma i publikacje online
- Witryny ze 100+ stronami
Jest to mniej powszechne w przypadku mniejszych witryn, takich jak strony portfolio, aby używać breadcrumbs.
Jakie czynniki należy wziąć pod uwagę, wybierając nawigację witryny?
Zastanów się nad strukturą witryny, wybierając nawigację, i oceń zachowanie odbiorców docelowych, aby znaleźć strony do wyróżnienia. Musisz także pomyśleć o responsywności na różnych urządzeniach.
- Struktura: Nawigacja powinna pasować do używanej witryny. Na przykład czasami możesz nie potrzebować pasków bocznych, a same nagłówki mogą mieć większy sens.
- Strony główne: Pomyśl o stronach, na które chcesz kierować ruch, takich jak konkretne wpisy na blogu i formularze kontaktowe.
- Odbiorcy: Analizuj zachowanie odbiorców podczas nawigacji w witrynie i przeprowadzaj testy A/B układów stron.
- Responsywność: Zoptymalizuj witrynę pod kątem komputerów stacjonarnych i urządzeń mobilnych. Testuj strony pod kątem czasu ładowania i układu.
Podsumowanie
Zastanów się nad różnymi czynnikami nawigacji w witrynie podczas jej projektowania. Używaj breadcrumbs w witrynach z większą liczbą stron i rozważ menu rozwijane tam, gdzie masz różne podkategorie.
Zastanów się nad rodzajami treści, do których chcesz, aby użytkownicy nawigowali, i jak się tam dostaną. Ponieważ Twoja witryna i cele różnią się od wszystkich innych, musisz wypróbować różne rozwiązania i zobaczyć, jak reagują odbiorcy.
