Blog firmy Poliman

Tworzymy portale, strony internetowe, gry i aplikacje. Projektujemy, programujemy, obsługujemy i inspirujemy.

Browsing Tag:

strony www

Dobra nawigacja na stronie? Pomocne SEO i UX

Dlaczego tak ważne okazuje się User Experience w pozyskaniu klienta? I co ma do SEO? Postaramy się pokrótce przybliżyć i wyjaśnić jak uzupełniają się oba te terminy.

 

UX to termin określający całość wrażeń, całokształt obrazu powstałego w umyśle użytkownika po serii zachodzących interakcji z komputerem, czy odwiedzanym serwisem. To zadania dotyczące projektowanie stron, produktów, tak by były one jak najbardziej przyjazne i użyteczne odwiedzającemu witrynę. UX designerzy by osiągnąć swoje cele stosują zwykle politykę projektowania zorientowanego na użytkownika. Konieczne jest tu myślenie o szczegółach i o całości, a znaczy to tyle, że efekty UX -owej działalności sięgają dalej niż sama grafika czy projekt. Więcej na ten temat pisaliśmy tutaj.

SEO – to starania mające na celu zwiększyć widoczność naszej strony dla użytkowników. To dokładanie wszelkich wysiłków przy doborze odpowiednich słów by witryna znalazła się na szczycie w wynikach wyszukiwania. O działaniach SEO pisaliśmy tutaj.

 

Co je łączy? Odpowiemy w dalszej części artykułu…

Jest niezaprzeczalnym faktem, że obrane działania i środki wykorzystywane przez SEO pomagają w dużej mierze poprawić wyniki w wyszukiwarce Google na wybrane frazy bądź słowa kluczowe. Czasami bywa jednak tak, że mimo starań i wysiłków związanych z pozycjonowaniem i naszej wysokiej pozycji w algorytmie nasza strona notuje wysoki, zbyt wysoki współczynnik odrzuceń i mały ruch na stronie.
Przyczyn takiego stanu rzeczy można upatrywać w wielu czynnikach, na przykład:

  • złym doborze słów i fraz kluczowych
  • bądź w samej stronie, jej strukturze, wyglądzie, złej nawigacji – tutaj właśnie mamy miejsce na to co oferuje nam UX!

Musimy zatem pamiętać również, że pomocne w osiąganiu wysokiej pozycji i będące wsparciem dla działań SEO jest poprawnie skonstruowana i zaprojektowana w sposób przyjazny i użyteczny dla odwiedzającego nasz serwis.

 

Twoja witryna, kontra jej użytkownik

Każda, ale to absolutnie każda strona internetowa powinna być stworzona i prowadzona w taki sposób by odwiedzający ją mogli z łatwości odpowiedzieć sobie na trzy podstawowe pytania. Mianowicie:

  1. Gdzie na stronie jest menu nawigacyjne?
  2. Gdzie użytkownik powinien zacząć swoje działania na stronie, mowa tu o jej istotnych elementach jak podstrony?
  3. Gdzie jest wyszukiwarka na stronie?

Jak wiemy z doświadczenia odwiedzający daną stronę w przeciągu kilku pierwszych sekund decyduje, czy na niej zostanie i skorzysta z niej, czy ja opuści. Zatem istotne jest, by ułatwić użytkownikowi łatwe i sprawne poruszanie się po stronie, tak by pozostał na niej i jeszcze na nią powrócił.

 

Zastanówmy się… jak stworzyć nawigacje dla SEO i dla UX?

UX jako, że stawia przede wszystkim na przyjazną i użyteczną witrynę będzie postulować dwa zadania nawigacji na witrynie:

Nawigacja powinna pomóc użytkownikowi w określeniu gdzie aktualnie się znajduje w serwisie

Dobrze skonstruowana nawigacja powinna pomóc w odnalezieniu użytkownikowi treści i odpowiedzi, które go interesują i które sprawiły, że odwiedził nasza stronę
Działania oparte na poprawnie stworzonej nawigacji bardzo pomagają i wspierają działania z zakresu SEO. Wszystko to dlatego, że poprawnie działająca nawigacja pozwala na prawidłowa indeksację strony i na poruszanie się robotów i indeksowanie podstron.

 

Czym jest globalna nawigacja?

Menu takiej globalnej nawigacji pojawia się na każdej stronie, a w jej skład wchodzą:

  • logo, które pozwala na identyfikację marki, i budowanie jej tożsamości. Umieszczane zwykle w lewym górnym rogu, zwykle podpina się pod nie łącze do strony głównej

  • łącza do kategorii i podkategorii, są powtarzane na każdej podstronie prowadzonego przez nas serwisu, dzięki czemu roboty indeksujące witrynę, wiedzą które podstrony są najważniejsze. Dobrze jest tutaj także wykorzystać breadcumbs, czyli utworzyć ścieżkę, dzięki której odwiedzający nasza stronę widzi swoja drogę od strony głównej do miejsca, w którym jest teraz

  • podstrony logowania, pomoc, rejestracja, czyli tak zwane utilities, umieszczanie linków do logowania, koszyka jest dobrym rozwiązaniem. Użytkownik ma do nich łatwy dostęp

  • wyszukiwarka wewnętrzna to obowiązkowy punkt na mapie budowy strony. Powinien być zaznaczony symbolem lupy lub napisem „szukaj”, musimy pamiętać,

  •  że niektórzy użytkownicy wolą szybko i bez zbędnego poruszania się po stronie wyszukać interesująca go informację

 

Tak więc co łączy SEO i UX?

Chęć zadowolenia. SEO za zadanie stawia sobie zadowolić roboty indeksujące witrynę, UX zaś użytkowników strony.

 


Mamy nadzieje, że ten krótki tekst sprawił, że zrozumieliście czym jest UX i SEO, jak można je razem wykorzystać, by osiągnąć realny sukces w prowadzeniu strony i zaangażowaniu użytkowników.


 

Jak się przekonać do schowanego menu, otwieranego na całą stronę? Zobacz kilka przykładów!

Chowane menu mimo że to standard nadal musi walczyć o swoje uznanie wśród posiadaczy stron, bo dla niektórych wydaje się ono mało widoczne. Często rezygnują oni z wyglądu na rzecz tradycyjnego układu do którego starsze pokolenia zostały przyzwyczajone.

To co pomoże przekonać nie jednego zwolennika internetu sprzed kilkunastu lat, to pięknie zaprojektowane strony z wykorzystaniem funkcjonalności zgrabnie ukrytego menu, otwieranego na pół lub całą stronę. Wbrew pozorom to jest intuicyjne rozwiązanie, niestety nie wszyscy to zauważają i trzymają się sztywno starych rozwiązań.

Oczywiście istnieją przypadki w których wykorzystanie tradycyjnego układu strony z przypiętym u góry lub rozstawionym po bokach blokowym układzie menu jest uzasadnione. Tak się dzieje gdy:

a. Strona posiada duże ilości treści

b. Strona internetowa jest bardzo rozbudowana

c. Nie skupiamy się na elemencie wizualnym strony

 

Poniżej zamieszczam obiecane przykłady:

risotteriamelottinyc

 

risotteriamelottinyc.com to dobry przykład jak rozbudowaną stronę przedstawić w proty sposób. Na pierwszy rzut oka widzimy tylko garstkę informacji. Cała reszta została ukryta w rozwijanym menu. Czcionki nawiązują do włoskiego charakteru restauracji, swoją robotę zrobiły śliczne zdjęcia przeplatane na przemian z tekstem. Czcionka nie jest czarna a mimo to jest czytelna. Całość utrzymano w kolorach sepii i pasteli, tworząc ciepły i przyjemny klimat.

 

riad11

 

riad11.net w której menu znajdujące się po lewej stronie otwiera się na całą stronę uzupełniając poszczególne zakładki prostymi grafikami. Czerń i biel pasuje do stron w których występuje wiele kolorów poprzez umieszczony na stronie głównej film. Świetne i niestandardowe rozwiązanie nawigacyjne strony niewielkiego hotelu.

 

psd2html

 

psd2html.com/10-years-in-review/ Niewielkie ale również ukryte i wysuwane po kliknięciu menu to zawsze sprawdzone rozwiązanie.

 

level-barvikha

 

level-barvikha.ru/en Tą stronę i to menu, koniecznie trzeba zobaczyć. Składa się i rozkłada jak „harmonijka” co pasuje do tematyki strony i budynku którego dotyczy. Połączenie filmu i tego prostego ale zaskakującego efektu daje wrażenie że strona jest bardzo interaktywna, żywa i chce się ją przeglądać.

 

przepisynakawe

 

przepisynakawe.pl to przede wszystkim wielkie i masywne menu po otwarciu. Na pewno nie jest to minimalizm, przez ilość i różnorodność grafik i zdjęć dlatego skromniejsze menu mogłoby wyglądać zbyt ubogo i nie pasować do strony, a tak wszystko jest na swoim miejscu. Nie zawsze taka forma będzie się sprawdzać ale niewątpliwie w tym przypadku wygląda nieźle.

 

konform

 

konform.com cóż tu wicej mówić, proste, poprawne, z animacją „wjeżdżania”, nie ma się do czego przyczepić. Jak poprzednik dość masywne ale na pewno świetnie czytelne.

 

fratellipollastrelli

 

fratellipollastrelli.it to minimalizm i zdjęcia, okrojony do minimum tekst i włoski styl. To jedno z moich ulubionych przykładów rozwijanego menu. Jest delikatne, subtelne i świetnie pasuje do całości. Lekkie i intuicyjne.

 

elitemodel

 

elitemodel.co.uk To dopiero świetna gratka wśród takich rozwiązań. Strona główna nakłada się z menu, a zdjęcia odgrywają rolę najważniejszych zakładek. To rozwiązanie jest po prostu ładne. Szaro-czarno-biała kolorystyka jak widać nie musi być nudna.

 

crossclimate-michelin

 

crossclimate.michelin.co.uk to ciekawe rozmieszczenie i podświetlenie menu rozwijanego na cała stronę. Co do reszty strony, brakuje w niej konsekwencji działań i porządku ale samo menu jest niebanalne.

 

 

castadivainteriors

 

castadivainteriors.com Ta strona udowadnia jaki świetny efekt daje ładna prezentacja. Dodanie kilku prostych efektów wystarczy aby stała się atrakcyjna i była prawdziwą wizytówką firmy. Nie potrzeba wiele materiałów aby zbudować taką stronę. W niej liczy się jakość a nie ilość przez co jest treściwa i przyjemna dla oka. Menu mimo że czcionka ogromna to delikatny kolor szary ratuje wszystko.

 

alessandradetomaso

 

alessandradetomaso.com to świetne przejścia, prezentacja, zdjęcia, menu, brawo.

Tym przykładem zamykam naszą listę ale stron z takim menu jest dużo dużo więcej. Mam nadzieję, że choć trochę przekonaliśmy was do świeżego i fajnego podejścia do tworzenia stron.

 

Nie stroncie od pomysłów agencji jeżeli proponują nowatorskie według was rozwiązania, na prawdę wiedzą co robią. Pilnujcie tylko aby to pasowało do waszej branży i aby wasza nowa strona wybijała się spośród stron konkurencji. W niektórych segmentach to to przesądza o zdobyciu klienta.

Świeże podejście do stron www nie zaszkodzi nigdy, może jedynie pomóc.

 

Jeżeli szukasz więcej inspiracji dotyczących stron www odwiedź koniecznie nasz profil Fajne Strony na Facebooku.