Przejdź do głównej treści

Kilka wskazówek, jak tworzyć nowoczesne menu na swoim blogu

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Użyteczność witryny powinna być jednym z głównych czynników branych pod uwagę podczas tworzenia lub utrzymywania witryny internetowej. Jeśli Twoja witryna jest trudna w użyciu, ludzie będą zniechęceni do korzystania z niej lub powrotu. Ponadto w wielu przypadkach dobra użyteczność przekłada się bezpośrednio na lepsze wyniki SEO.

Oto niektóre z cech dobrego korzystania z witryny internetowej:

  • Reakcja mobilna : Coraz więcej osób korzysta z internetu za pomocą telefonów komórkowych (a Google uważa, że ​​jest to ważne dla rankingów wyszukiwania w ramach ich inicjatywy mobilnej).
  • Szybkość ładowania strony : Kolejny ważny sygnał rankingowy od Google dzięki korelacji ze sposobem interakcji ludzi z witrynami internetowymi. Według Kissmetrics47% konsumentów oczekuje, że strona internetowa załaduje się w ciągu 2 sekund lub krócej!
  • Nawigacja w witrynie internetowej: Według Orbit Media Studios, jeśli Twoja witryna jest łatwa w użyciu, a zawartość jest łatwa do znalezienia, ma to pozytywny wpływ na ruch, jaki uzyskasz z wyszukiwarek. Gerry McGovern przeprowadził badanie pokazujące, że 70% ludzi polega na nawigacji, a nie wyszukiwaniu czegoś, ponieważ łatwiej i szybciej jest klikać linki do określonych stron. strony internetowej.

Na potrzeby tego samouczka skupimy się na użyteczności w zakresie projektowania menu i najlepszych praktyk.

Nawigacja w witrynie

Przeglądanie stron internetowych to ogólny termin odnoszący się do wewnętrznej architektury linków w witrynie. Przede wszystkim jego głównym celem jest ułatwienie użytkownikom znajdowania odpowiednich treści w Twojej witrynie. Twoja struktura nawigacji stanowi również podstawę mapy witryny Twojej witryny, która pomaga gigantom wyszukiwarek, takim jak Google, odpowiednio indeksować Twoją witrynę.

Z pewnością jest kilka rzeczy, które mogą przyczynić się do sprawnej nawigacji w witrynie, ale na razie skupimy się konkretnie na menu ponieważ jest to zwykle pierwsza strona, z którą użytkownicy wchodzą w interakcję, gdy przechodzą do nowej witryny internetowej.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Nawigacja w menu

Menu nawigacyjne zwykle znajdują się z przodu i na środku strony internetowej (mówiąc obrazowo, dobrze byłoby jednak wyśrodkowane menu). W przypadku witryn internetowych z różnymi kategoriami funkcja rozwijanego menu umożliwia zaoszczędzenie miejsca i zaspokojenie potrzeby kategoryzacji.

W dzisiejszych czasach, w ramach pokazu minimalizmu (i mobilności), wiele stron internetowych przyjęło projekt menu hamburgera (zasadniczo kwadrat z trzema krótkimi poziomymi liniami, wskazującymi, że menu można rozwinąć jednym kliknięciem). .

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Motyw Woocommerce w witrynie Storefront stanowi praktyczny przykład w prawym górnym rogu:

przykład menu.png

Wygląd menu strony w stylu hamburgera jest najpopularniejszy, jeśli chodzi o projektowanie stron mobilnych, ponieważ programiści są odpowiedzialni za tworzenie użytecznej nawigacji na bardzo małych przestrzeniach. To prawda, że ​​utworzenie menu rozwijanego, którego można używać w witrynach mobilnych, może być trudne!

To powiedziawszy, wielu projektantów gardzić menu z hamburgerami, które doprowadziło do nowego ruchu poszukiwania kreatywnych sposobów na sprawienie, by nawigacja w witrynie była przyjemna i funkcjonalna. Mając to na uwadze, typowa heurystyka projektowania menu witryny internetowej polega na umieszczeniu nawigacji menu na stałe u góry każdej strony internetowej, tak aby użytkownik mógł łatwo odnaleźć się lub wyszukać następną stronę.

Najlepsze praktyki w projektowaniu menu

Większość motywów WordPress ma predefiniowany wygląd menu witryny. Niezależnie od tego, czy chcesz zachować je bez zmian, czy planujesz je całkowicie przerobić, oto najlepsze praktyki projektowania nawigacji menu z uwzględnieniem użyteczności i SEO:

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

  • Jeśli to możliwe, unikaj rozwijanych menu. Wiele witryn lubi korzystać z menu rozwijanych, ponieważ oszczędzają one miejsce, ale nie są one zalecane, zwłaszcza jeśli chodzi o techniczne SEO. Testy użyteczności wykazały, że większość ludzi nie lubi menu rozwijanych. Dzieje się tak, ponieważ ludzkie oko działa szybciej niż ręka, a ludzie uważają to za denerwujące, gdy już zdecydowali, co kliknąć, a coś innego spada, co prowadzi do zmniejszenia liczby odwiedzin na niektórych stronach. To powiedziawszy, menu „mega rozwijane” jest nieco bardziej akceptowalne, jeśli projektowana witryna zawiera tak dużo treści, że nie można obejść się bez menu rozwijanego.
  • Bądź opisowy. Pozbądź się ogólnych słów, takich jak „Usługi” lub „Produkty”. Zamiast tego określ, w jaki sposób Twoje produkty lub usługi zgodny, ponieważ nikt tak naprawdę nie wyszukuje produktów z „ogólnymi słowami lub„ usługami ”. Jeszcze lepiej, zanim zdecydujesz się na dokładne nazwy swoich pozycji menu, uzasadnij inkluzje badaniem słów kluczowych SEO. Orbit Media zalecaużywaj opisowych etykietponieważ ta praktyka jest korzystna zarówno dla użytkowników, jak i dla Ciebie podczas indeksowania witryny przez wyszukiwarki. Nawigacja pojawia się na każdej stronie, więc jeśli używasz terminu związanego z Twoją branżą, ostrzegasz Google, że naprawdę Ci zależy. Pamiętaj, że każda strona może być oceniana, o ile jest poświęcona konkretnemu tematowi.
  • Ponadto Orbit Media odradza oparte na nawigacji na Formaty, na przykład organizowanie stron na podstawie treści, takich jak wszystkie filmy, infografiki itp. Dzieje się tak, ponieważ ludzie wyszukują według tematu, a nie formatu.
  • Ważne jest ustawienie (lub układ) elementów w menu nawigacyjnym. Istnieje ogólna lista stron do zaoferowania w witrynie, np. Strona „Informacje”, strona „Kontakt” itp., Które są stronami najczęściej wyszukiwanymi przez odwiedzających witrynę. Te widoczne strony, które często generują duży ruch (ponieważ są dobrze widoczne), często mają niski współczynnik zaangażowania. Użyj Google Analytics, aby określić najważniejsze strony i znaleźć możliwości optymalizacji. Pokaż najważniejsze elementy nawigacji jako pierwsze (lub u góry, w zależności od orientacji paska menu).
  • Zachowaj pozycje menu dla maksymalnie jednego maksymalnie 7 . Badania wykazały, że ludzie mogą zapamiętać maksymalnie siedem informacji lub zadbać o nie naraz. Zbyt wiele kategorii pozycji menu może potencjalnie wpłynąć na twoją pozycję w wyszukiwarce, ponieważ Google może zinterpretować zbyt wiele pozornie niezwiązanych ze sobą kategorii jako znak, że Twoja witryna nie dostroiła się do określonej niszy. Jeśli wiesz, że będziesz potrzebować więcej niż 7 pozycji menu, podziel je na podkategorie.

W odniesieniu do powyższego punktu, projekt menu strony internetowej United jest zbyt skomplikowany (jest zbyt wiele opcji dla odwiedzających):

przykład złego menu.png
Oto absolutny przykład tego, czego należy unikać na swoim blogu. Z drugiej strony Cafebond.com zapewnia dobrze zorganizowany przykład, jeśli chodzi o prostą kategoryzację:
przykład dobrego menu.png
  • Audytuj swoje menu od czasu do czasu. Usuń rzadko klikane linki. Zmień nazwy ogólnych etykiet, aby były bardziej opisowe dla odwiedzających i wyszukiwarek.

To wszystko dla tych wskazówek, mam nadzieję, że pozwolą ci lepiej zorganizować różne menu w WordPress. Czy masz jakieś praktyki, których nie ma na liście, możesz je opublikować.

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Powrót do góry