Tworzenie i przeprojektowanie sklepów Shopify

Darmowa, niezobowiązująca wycena

Osobista odpowiedź w ciągu 24 godzin roboczych

← Tous les conseils
Guide pratique SiteQuiVend

Jak stworzyć przejrzystą nawigację między kolekcjami?

Architektura e-commerce · Shopify Jak stworzyć przejrzystą nawigację między kolekcjami? Skuteczna nawigacja pozwala zrozumieć ofertę, szybko uzyskać dostęp do odpowiedniej kategorii i udoskonalić wybór, nie gubiąc się w seri...

Publié le 15.08.20266 min de lectureConseils concrets
Architektura e-commerce · Shopify

Jak stworzyć przejrzystą nawigację między kolekcjami?

Skuteczna nawigacja pozwala zrozumieć ofertę, szybko uzyskać dostęp do odpowiedniej kategorii i udoskonalić wybór, nie gubiąc się w serii niemal identycznych menu lub stron.

Struktura drzewaMenuKolekcje rodzicówFiltryMobilny
Maksymalnie 3 poziomyw większości menu, aby zachować czytelność.
5 do 8 wyborówwidoczne w grupach przed utworzeniem przeciążenia.
1 logikaidentyczny ranking w całym sklepie.
Zasadnicza zasada

Nawigacja powinna śledzić, jak szuka klient

Organizacja wewnętrzna, dostawcy lub kody produktów nie zawsze są dobrą nawigacją Klient zazwyczaj wyszukuje według kategorii, według zastosowania, profilu, okazji lub decydującej cechy.

Prosty test: zapytaj osobę z zewnątrz, gdzie klikną, aby znaleźć konkretny produkt Jeśli wiele ścieżek wydaje się możliwych bez wyraźnej różnicy, należy uprościć strukturę drzewa.
Krok 1

Ustawienie dużych drzwi wejściowych

Zacznij od kategorii obejmujących większość katalogu Powinny być wystarczająco szerokie, aby zachować stabilność, ale wystarczająco precyzyjne, aby prowadzić.

Krok 2

Utwórz strukturę drzewa przed modyfikacją menu

Narysuj trasę na papierze lub w tabeli Każdy poziom musi mieć odrębną rolę.

Sklep
↓
KobietaCzłowiekAkcesoria
↓
TorebkiPlecakiMałe wyroby skórzane
↓
Filtry: kolor, materiał, cena
Funkcja taka jak kolor lub rozmiar zwykle należy do filtrów, a nie do menu głównego.
Krok 3

Rozróżnij zbiór nadrzędny, podkolekcję i filtr

Element Jego rola Przykład
Kolekcja rodziców Przedstaw wszechświat lub szeroką kategorię Biżuteria
Podkolekcja Stwórz ważny i autonomiczny cel podróży Naszyjniki
Filtr Udoskonalaj produkty bez zmiany wszechświata Materiał: srebro
Sortuj Zmień kolejność wyników Rosnąca cena
Krok 4

Ogranicz głębokość menu

Im więcej kliknięć i decyzji wymaga produkt, tym większe prawdopodobieństwo, że odwiedzający się podda, W większości sklepów wystarczą dwa lub trzy poziomy.

Krok 5

Jednoznacznie nazywać wpisy menu

Sformułowanie powinno umożliwiać przewidywanie zawartości strony Nazwy kreatywne mogą być używane w marketingu, ale główna nawigacja powinna pozostać zrozumiała.

Niejednoznaczne sformułowanie Jasne sformułowanie
Nasze niezbędniki Codzienne akcesoria
Wszechświat Aury Biżuteria z kamienia naturalnego
Dla niej Prezenty dla kobiet
Kolekcja podpisu Pełnoziarniste torby skórzane
Krok 6

Wybierz pomiędzy menu rozwijanym a megamenu

Mega menu jest skuteczne tylko wtedy, gdy zmniejsza wysiłek Zbyt wiele linków, obrazów i promocji odtwarza całą stronę w menu.
Krok 7

Twórz strony nadrzędne, które prowadzą

Kolekcja macierzysta może wyświetlać swoje produkty, prezentować karty podkolekcjom lub łączyć te dwie. Właściwy wybór zależy od objętości i różnorodności oferty.

  • Wyczyść tytuł i wprowadzenie
  • Mapy do ważnych podkolekcji
  • Spójne obrazy
  • Popularne lub reprezentatywne produkty
  • Linki do dodatkowych zastosowań
  • Filtry dostosowane do poziomu strony
  • Widoczne bułki tarte
  • Niepowtarzające się treści SEO
Krok 8

Dodaj linki między uzupełniającymi się zbiorami

Menu nie jest jedynym sposobem nawigacji Umieść linki kontekstowe, gdzie faktycznie pomagają klientowi kontynuować.

Krok 9

Użyj bułki tartej, aby pokazać pozycję

Okruchy chleba pomagają zrozumieć podążaną ścieżkę, przejść do szerszej kategorii i poprawić wewnętrzne linki.

Strona głównaΜBiżuteriaΜNaszyjnikiΜNaszyjnik Alba
Ścieżka musi pozostać spójna Unikaj tego samego produktu pojawiającego się z kilkoma różnymi rodzicami w zależności od kontekstu bez zdefiniowanej logiki.
Krok 10

Filtry projektowe jako druga nawigacja

Filtry pozwalają na eksplorację kolekcji bez mnożenia podstron Muszą one odpowiadać kryteriom używanym do porównania.

  • Cena
  • Dostępność
  • Rozmiar
  • Kolor
  • Materia
  • Użycie
  • Kompatybilność
  • Zdecydowana cecha
Normalizuj dane przed włączeniem filtrów Wartości takie jak "Granatowy", "Granatowy" i "Granatowy" powodują mylącą nawigację.
Krok 11

Dostosuj nawigację do urządzeń mobilnych

Menu mobilne nie powinno być prostą kompaktową kopią mega-menu Powinno pozwolić Ci zejść w dół drzewa i wrócić bez utraty kontekstu.

Krok 12

Plan spójnych badań wewnętrznych

Czysta nawigacja zmniejsza uzależnienie od wyszukiwania, ale niektórzy odwiedzający już znają nazwę, odniesienie lub użycie produktu.

  • Zrozumiałe nazwy produktów
  • Wyszukiwalne referencje
  • Wspólne synonimy
  • Kolekcje obecne w propozycjach
  • Wyniki bez monitorowanej korespondencji
  • Produkty niedostępne prawidłowo przetworzone
  • Częste błędy brane pod uwagę
  • Szukaj użyteczne na komórce
Krok 13

Zmierz rzeczywiste trasy

Struktura drzewa może wydawać się logiczna wewnętrznie i nadal trudna dla odwiedzających Wykorzystaj dane i informacje zwrotne do identyfikacji punktów blokujących.

Częste błędy

Co utrudnia nawigację

Lista kontrolna przed publikacją

Podstawowe kontrole

  • Oddzielne główne kategorie
  • Rozsądna głębokość
  • Etykiety rozumiane bez wyjaśnienia
  • Przydatne kolekcje rodziców
  • Prawidłowo znormalizowane filtry
  • Konsekwentna bułka tarta
  • Powiązania między odpowiednimi kategoriami
  • Testowane menu mobilne
  • Funkcjonalne badania wewnętrzne
  • Brak pustych kolekcji
  • Brak uszkodzonych linków
  • Kurs testowany przez osobę z zewnątrz
Najczęściej zadawane pytania

Często zadawane pytania dotyczące poruszania się pomiędzy kolekcjami

Ile kolekcji wyświetlić w menu głównym?

Wyświetl najważniejsze miejsca docelowe Grupuj inne w podmenu lub strony nadrzędne, zamiast przedłużać pierwszy poziom w nieskończoność.

Czy kolekcja może pojawić się w wielu menu?

Tak, jeśli spełnia kilka odpowiednich tras, ale unikaj powtarzania tego w sąsiednich grupach bez wyraźnego powodu.

Czy należy utworzyć stronę dla każdego filtra?

Nie. Stwórz oddzielną kolekcję tylko wtedy, gdy miejsce docelowe zasługuje na samodzielną stronę do nawigacji, marketingu lub SEO.

Skąd wiesz, czy menu jest zbyt skomplikowane?

Jeśli odwiedzający wahają się między wieloma wpisami, systematycznie korzystają z wyszukiwania lub często wracają na poprzedni poziom, należy uprościć strukturę.

Nawigacja Shopify

Przejrzysta architektura, która poprowadzi więcej odwiedzających do odpowiednich produktów

SiteQuiVend może organizować Twoje kolekcje, menu i filtry Shopify, aby ułatwić przeglądanie katalogu na komputerze stacjonarnym i telefonie komórkowym.

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →