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

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, poprzez korelację z tym, jak ludzie wchodzą w interakcję ze stronami internetowymi. Według Kissmetrics 47% konsumentów oczekuje, że strona internetowa załaduje się w ciągu 2 sekund lub mniej!
• 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.

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). .

Motyw Storefront z Woocommerce podaje praktyczny przykład w prawym górnym rogu:

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 wstępnie zdefiniowany projekt menu witryny. Niezależnie od tego, czy chcesz zachować wszystko tak, jak jest, czy planujesz całkowicie je przerobić, oto najlepsze praktyki dotyczące projektowania nawigacji po menu z myślą o użyteczności i funkcjonalności. SEO na myśli:

• Jeśli to możliwe, unikaj rozwijanych menu. Wiele witryn internetowych lubi korzystać z menu rozwijanych, ponieważ oszczędzają miejsce, ale nie jest to zalecane, szczególnie jeśli chodzi o SEO techniczny. Testy użyteczności wykazały, że większość ludzi nie lubi rozwijanych menu. Dzieje się tak dlatego, że ludzkie oko działa szybciej niż ręka i denerwuje ludzi, gdy już zdecydowali, co kliknąć, a wypada coś innego, co powoduje mniejszą liczbę odwiedzin niektórych stron. 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 rozwijanego menu.
• 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 Formatyjakorganizacja strony oparte na treści, takie jak wszystkie filmy, wszystkie 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):

• 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ć.